Tulos

Visuaalinen vahvistus lomaketietojen lähetyksestä tekstin heilutusefektillä, sekä tahattoman kaksinkertaisen lähetyksen esto.

Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
// Original: Rick Glusick
// Modified: Osmo Saarikumpu
function Heiluta(phrase,cycles,i) {
   var Paussi=0;
   var animateWidth=20;
   var holdSpace1 = "";
   var holdSpace2 = "";
   var Kirjoita="";
   (cycles%2 == 0) ? i++:i--;
   if (i == 0 | i == animateWidth) cycles--; 
   for (var j=1;j<=i;j++) holdSpace1 += " ";
   for (var j=1;j<=animateWidth-i;j++) holdSpace2 += " ";
   Kirjoita = holdSpace1 + phrase + holdSpace2;
   document.forms[0].Nappi4.value = Kirjoita;
   window.status = Kirjoita;
   if (!((cycles == 0) & (i == Math.floor(animateWidth/2)))) setTimeout("Heiluta('"+phrase+"',"+cycles+","+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">
<!-- Muut lomake-elementit -->
<input name="Nappi4" type="submit" value=" Lähetä   palautetta "
 onclick="Heiluta('Tuhannet kiitokset!',4,10);">
</form>

Tämä sivu kuuluu vaikeimpiin JavaScript-esimerkkeihin.

Weppipakin kotisivulle