JavaScript

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.

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

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

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