Tulos

Visuaalinen vahvistus lomaketietojen lähetyksestä tekstin imutusefektillä, sekä tahattoman kaksinkertaisen lähetyksen esto. Efekti näkyy tilarivillä tai itse napissa, selaimesta riippuen.

Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
// Original: Rick Glusick
// Modified: Osmo Saarikumpu
var fullBrowserNameVer = navigator.userAgent;

function Imuta(phrase,i) {
var paussi=10;
var maxSpaces = 30;
var holdSpace = "";
var Kirjoita="";
i++;
for (var j=1;j<maxSpaces-i;j++) holdSpace += " ";
for (var j=0;j<phrase.length;j++) Kirjoita += phrase.charAt(j) + holdSpace;
if (fullBrowserNameVer.indexOf("compatible") < 0) document.Lomake.Nappi2.value = Kirjoita;
else
window.status = Kirjoita;
if (i<maxSpaces) setTimeout("Imuta('"+phrase+"',"+i+")",paussi);
}  
</script>

Tämä tulee BODY-osastoon

<form
 action="javascript:void('0');"
 onsubmit="if(this.submitted) {alert('Kiitos vaan, tiedot on jo lähetetty!');return false;};this.submitted=true"
 name="Lomake" id="Lomake">
<!-- Muut lomake-elementit -->
<input name="Nappi2" type="submit" value=" Lähetä   palautetta "
 onclick="Imuta('Kiitos palautteestasi!',0);">
</form>

Tämä sivu kuuluu vaikeimpiin JavaScript-esimerkkeihin.

Weppipakin kotisivulle