Kaip lankytoją nukreipti į kitą www puslapį?
Šį kartą pateiksime pavyzdėlį iliustruojantį kaip galima iš WWW puslapio priklausomai nuo lankytojo pasirinkimo, nukreipti jį į kitą puslapį. Norint geriau įsigilinti į šį pavyzdėlį reikia turėti bent minimalų supratimą apie “JavaScript” kalbą. Todėl, jei bus neaiškumų, kviečiame su šios kalbos (ir formų) pradmenimis kviečiame susipažinti šiame puslapyje. Jame yra pakankamai informacijos šio pavyzdžio supratimui.
Pateikiame WWW puslapio pradinį tekstą šios galimybės iliustracijai
<script language='JavaScript'>
<!–
var LAUKTI=1500
function redir (forma) {
var kitasURL=forma.puslapis[forma.puslapis.selectedIndex].value
var eiki='javascript:location.href=”‘
eiki = eiki+kitasURL+'”‘
document.write(
‘</p>
<p>
</p>
<p>
</p>
<p>
</p>
<P ALIGN=”Center”>Netrukus bus pateiktas WWW puslapis esantis adresu ‘+
kitasURL)
setTimeout(eiki, LAUKTI)
}
//–>
</script>
<form method=”GET”>Pasirinkite puslapį:
<select name=”puslapis” size=”1″>
<option selected=”selected” value=”test1.htm”>test1.htm</option>
<option value=”test2.htm”>test2.htm</option>
</select><input type=”submit” value=” EIK! ” /></form>
Paruošę tokį puslapį ekrane išvysite tokį vaizdą: jame, galite rinktis vieną iš dviejų puslapių adresų, kurio turinys bus pateiktas po 1,5 sekundės pauzės, kurios metu pateikiamas tarpinis informacinis pranešimas.
Pasirinkite puslapį: test1.htm test2.htm
Trumpi paaiškinimai:
kintamasis LAUKTI nurodo pauzės trukmę milisekundėmis (1500 reiškia pusantros sekundės).
SetTimeout panaudojimo pavyzdžių rasite puslapyje apie “JavaScript” eilutes, bei “JavaScript mažosiose gudrybėse”
‘location.href' objektui priskiriama naujo puslapio nuoroda. Tad, jei nukreipiant į kitą puslapį, nereikia jokios pauzės – prieš tai pateiktą nukreipimo funkciją galima supaprastinti:
<script language='JavaScript'>
<!–
function redir (forma) {
var kitasURL=forma.puslapis[forma.puslapis.selectedIndex].value
document.write( ‘<P ALIGN=”Center”>Netrukus bus pateiktas WWW puslapis esantis adresu ‘+
kitasURL) location.href=kitasURL
}
//–>
</script>
