HUOM! Voit itse lisätä ja muuttaa sisältöä muokkaa-painikkeiden avulla

 Olet itse vastuussa tämän teoksen käytöstä aiheutuvista vahingoista Lue lisää.

JavaScript

Kohteesta Wikikko - kansan taitopankki
Siirry navigaatioon Siirry hakuun

Yleistä[muokkaa]

  • onclick -komennossa puolipisteellä ketjutetaan komentoja.

Editorit[muokkaa]

Tulostaminen[muokkaa]

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

Lomakkeen tyhjentäminen[muokkaa]

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.
// 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
}

Varoitus sivulta poistuttaessa[muokkaa]

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.
});
https://stackoverflow.com/questions/7317273/warn-user-before-leaving-web-page-with-unsaved-changes

Checkbox-valinta sulkee pois lomakkeen kentän[muokkaa]

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" />
Lähde: https://www.annedorko.com/toggle-form-field