| |
[ 01. September 1999]
- Martin_Nemecek
Pulldown menu a tabuľka odkazov
Pull down scripty tvoria veľmi dôležitú súčasť JavaScriptu a sú veľmi často využívané pri tvorbe stránok.
Dnes si ukážeme pár pull down menu, ktoré nám budú slúžiť ako "linkový rozcestník"na našich stránkach.
Výber néhodného linku
Nasledujúci script nám demonštruje jednoduché okno,v ktorom sú umiestnené jednotlivé linky.
<script>
/*
Developer Zone - www.developer.sk / JavaScript
*/
var count=0
function dothis(){
setTimeout("document.wheel.wheel2.selectedIndex =1000",100)
setTimeout("document.wheel.wheel2.selectedIndex =count",200)
setTimeout("document.wheel.wheel2.selectedIndex =1000",300)
setTimeout("document.wheel.wheel2.selectedIndex =count",400)
setTimeout("document.wheel.wheel2.selectedIndex =1000",500)
setTimeout("document.wheel.wheel2.selectedIndex =count",600)
setTimeout("window.location=document.wheel.wheel2.options
[document.wheel.wheel2.selectedIndex].value",800)
}
function animate(){
var countfinal=
Math.round(Math.random()*(document.wheel.wheel2.length-1))
document.wheel.wheel2.selectedIndex =count
if (count==countfinal){
dothis()
return
}
if (count<document.wheel.wheel2.length)
count++
else
count=0
setTimeout("animate()",50)
}
</script>
<form method="POST" name="wheel">
<div align="center"><center><p><select name="wheel2" size="8">
<option value="http://www.developer.com">Developer.com</option>
<option value="http://www.cnn.com">CNN</option>
<option value="http://www.developer.sk">Developer.sk</option>
<option value="http://www.developer.cz">Developer.cz</option>
<option value="http://www.builder.com">
Builder.com</option>
</select></p>
</center></div><div align="center"><center><p><input type="
button" value="Vyber Site"
name="B1" onClick="animate()"></p>
</center></div>
</form>
Výsledný script:
Pulldown Menu 1
Tento script, ktorý je umiestnený pod týmto textom, ktorý čítate, je ukážkou klasického pulldown menu, ktorého zdrojový kód sa vojde na
pár riadkov. Predovšetkým je potrebné si zadefinovať v tele scriptu :
<script language="JavaScript> , funkciu
function surfto(form) , ktorá nám zabespečí v definovanom combo boxe redirekciu daných linkov.
Zdrojový kód:
<script language="JavaScript">
<!-- Hide the script from old browsers --
function surfto(form) {
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != 0) {
location=form.select1.options[myindex].value;}
}
//-->
</SCRIPT>
<FORM NAME="form1">
<SELECT NAME="select1" onChange="
surfto(this.form)" SIZE=1>
<OPTION SELECTED VALUE=0> ----- Choose One -----
<OPTION VALUE="URL <OPTION VALUE="URL <OPTION VALUE="URL <OPTION VALUE="URL </SELECT>
</FORM>
Pripomienky a návrhy k seriálu o JavaScripte mi môžete posielať na moju e-mail adresu developer@developer.sk.
Privítam všetky Vaše pripomienky a postrehy.
|
|
| |
|
"Pulldown menu a tabuľka odkazov" | Login / vytvor konto | 0 Komentárov |
|
Za obsah komentárov je zodpovedný užívateľ, nie prevádzkovateľ týchto stránok. |
|