Hlavná stránka · Diskusné Fórum · Pracovné príležitosti · Zoznam

 Main Menu
o Hlavná stránka
o Zoznam tém
o Zoznam
o Odporučte nás
o Užívatelia
o Vaše konto
o Pridaj článok
o Štatistiky
o Top 10

 Reklama


 Developer Zone's
o Internet
o Tools
o Linux
o CGI Zone
o ASP Zone
o ASP.net
o PHP Zone
o CSS Zone
o JavaScript
o MySQL
o WAP / WML
o WML / WMLScript
o XML / XHTML
o Tipy a triky
o Best of web
o WebServers
o WebDesign
o Grafika

 Servis
o Vyhľadávanie
o Fórum
o Workoffice
o Zoznam článkov
o Reklama
o Pridaj článok
o Pridaj novinku

Napíšte nám
Homepage Do favoritov

 LinkExpres
Interval.cz · Pc.sk
Builder.cz · Mobilmania
PCSvet.cz · Asp.cz
Webdnes · Živě.sk
Zoznam.sk · Atlas.sk
Inzine.sk · PHP.sk
Agent.sk · Lupa.cz
Code.box.sk · Root.cz
Pixel32 · Grafika.cz

 forum.developer.sk
o Fórum ::
o Markup languages
o Scriptové jazyky
o CGI
o PHP/MySQL
o Perl
o Grafika
o Webservery
o HTML Editory
o Browsery
o Bookmarx
o ASP
o Vytvor tému ::

 Pracovné príležitosti
o Ponúkate prácu?
o Hľadáte prácu?

 Autori developer.sk
o Martin Nemeček
o Sväťo Straka
o Jany Masaryk
o Jozef Murín

 
JavaScript [ 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.

 
 Príslušné odkazy k téme
  • Javascript.sk
    Viac o téme: JavaScript | Iné články od: Admin | Pošli komentár | Stránka vhodná na tlač width=15 height=11  Pošli tento článok priateľovi, známemu width=15 height=11


    Najčítanejšie články JavaScript:
    Pulldown menu a tabuľka odkazov

    Ďalšie články v rubrike JavaScript:

  •  

    "Pulldown menu a tabuľka odkazov" | Login / vytvor konto | 0 Komentárov
    Prah
    Za obsah komentárov je zodpovedný užívateľ, nie prevádzkovateľ týchto stránok.



    Autorské práva:   ©1999 - 2001 Developer Zone [developer@developer.sk]

    Všetky články sú vlastníctvom autorov Developer Zone. Všetky práva vyhradené. Stránky Developer.sk sú vytvorené pomocou PHP-Nuke.
    Odkazy na nové články je možné preberať pomocou:Backend.php.