imported>WikikkoSysop (6. tammikuuta 2020 kello 14.29)

2020-01-06T14:29:57Z

Uusi sivu

== Yleistä ==

* onclick -komennossa puolipisteellä ketjutetaan komentoja.

=== Editorit ===
* Verkossa esim. testaukseen https://jsfiddle.net/01wy66mu/1

== Tulostaminen ==
* Tulostetaan JavaScrip-muuttujan a arvo html-tekstissä.
<?php echo "<script>document.writeln(a);</script>"; ?>

== Lomakkeen tyhjentäminen ==
: http://www.redips.net/javascript/clear-form
* Html-kielen ''reset'' palauttaa lomakkeen niihin arvoihin jotka on mahdollisesti asetettu etukäteen kentille.
* Oheinen JavaScript tyhjentää lomakkeen myös esiasetetuista arvoista.
<pre>
// function will clear input elements on ever form on HTML page
function clearForms() {
// variable declaration
var x, y, z, type = null;
// loop through forms on HTML page
for (x = 0; x < document.forms.length; x++) {
// loop through each element on form
for (y = 0; y < document.forms[x].elements.length; y++) {
// define element type
type = document.forms[x].elements[y].type;
// alert before erasing form element
//alert('form='+x+' element='+y+' type='+type);
// switch on element type
switch (type) {
case 'text':
case 'textarea':
case 'password':
//case "hidden":
document.forms[x].elements[y].value = '';
break;
case 'radio':
case 'checkbox':
document.forms[x].elements[y].checked = '';
break;
case 'select-one':
document.forms[x].elements[y].options[0].selected = true;
break;
case 'select-multiple':
for (z = 0; z < document.forms[x].elements[y].options.length; z++) {
document.forms[x].elements[y].options[z].selected = false;
}
break;
} // end switch
} // end for y
} // end for x
}
</pre>

== Varoitus sivulta poistuttaessa ==
<pre>
window.addEventListener("beforeunload", function (e) {
var confirmationMessage = 'It looks like you have been editing something. '
+ 'If you leave before saving, your changes will be lost.';

(e || window.event).returnValue = confirmationMessage; //Gecko + IE
return confirmationMessage; //Gecko + Webkit, Safari, Chrome etc.
});
</pre>
: https://stackoverflow.com/questions/7317273/warn-user-before-leaving-web-page-with-unsaved-changes

== Checkbox-valinta sulkee pois lomakkeen kentän ==
<pre>
function toggle(radiopainikeID, estettyID) {
var radiopainike = document.getElementById(radiopainikeID);
var estetty = document.getElementById(estettyID);
toteuta = radiopainike.checked ? estetty.disabled=true : estetty.disabled=false;
}

<input
id="radiopainike1"
name="radiopainike1"
onClick="toggle('radiopainike1', 'teksti1')"
type="checkbox" value="1" /> Valinta estää tekstinkentän käytön <br />

<input
id="teksti1"
name="teksti1"
type="text"
value="Kirjoita jotain" />
</pre>
: Lähde: https://www.annedorko.com/toggle-form-field

[[Luokka:Tietokoneet]]

JavaScript - Muutoshistoria

imported>WikikkoSysop (6. tammikuuta 2020 kello 14.29)