JavaScript

JavaScripti >> Menuji >> Klik menu

Opis:
Ko pritisnete levo miškino tipko se vam odpre menu s povezavami (linki).

Primer:
Pritisnite levo miškino tipko in prikazal se vam bo meni.

Smrkec.com

JavaScripti

Besedila

Skejtanje

Za vašo WWW

Storitve

Knjiga gostov

Izvorna koda:
Korak 1 :
Ta del kode vstavite v <head> del strani:

<style TYPE="text/css"> a { cursor: hand; font-size: 10pt; color: #FFFFFF } a:hover { cursor: hand; font-size: 10pt; color: #FFFF00 } #itemopen { position:absolute ; layer-background-color:silver ; visibility:hidden} .box {background-color:silver } </style> <script TYPE="text/javascript"> function detect() { if (window.navigator.appName == "Netscape") { document.captureEvents(Event.MOUSEDOWN) document.onmousedown = popUp function popUp(current) { newX = current.pageX -50 newY = current.pageY menu = document.layers["itemopen"] if ( menu.visibility=="show"){ menu.visibility = "hidden" } else { menu.visibility = "show" } menu.moveTo(newX, newY) document.releaseEvents(Event.MOUSEDOWN) } } else{ document.onclick = pop function pop() { currX = window.event.clientX + document.body.scrollLeft currY = window.event.clientY + document.body.scrollTop menu = document.all.itemopen.style if ( menu.visibility=="visible"){ menu.visibility = "hidden" } else { menu.visibility = "visible" } if (event.srcElement.tagName == "A"){ menu.visibility = "hidden" } menu.pixelLeft = currX - 50 menu.pixelTop = currY } } } </script>

Korak 2:
Ta del kode vstavite v <body> del strani:

<div id=itemopen > <table cellspacing="1" cellpadding="1" border="1" class=box> <tr > <td align="left" style="border: 2px outset #FFFF00; " bgcolor="#000000"> <p align="center"><b><font size="2" color="#00FF00">Smrkec.com</font></b></p> </td></tr> <tr><td align="left" style="border: 2px outset #FFFF00; " bgcolor="#223934"> <a href="http://www.smrkec.com/javascript.php"><font size="2" color="#FFFF00">JavaScripti</font></a></td></tr> <tr><td align="left" style="border: 2px outset #FFFF00; " bgcolor="#223934"> <a href="http://www.smrkec.com/besedila.php"><font size="2" color="#FFFF00">Besedila</font></a></td></tr> <tr><td align="left" style="border: 2px outset #FFFF00; " bgcolor="#223934"> <a href="http://www.smrkec.com/skejtanje.php"><font size="2" color="#FFFF00">Skejtanje</font></a></td></tr> <tr><td align="left" style="border: 2px outset #FFFF00; " bgcolor="#223934"> <a href="http://www.smrkec.com/www/index.php"><font size="2" color="#FFFF00">Za vašo WWW</font></a></td></tr> <tr><td align="left" style="border: 2px outset #FFFF00; " bgcolor="#223934"> <a href="http://www.smrkec.com/storitve.php"><font size="2" color="#FFFF00">Storitve</font></a></td></tr> <tr><td align="left" style="border: 2px outset #FFFF00; " bgcolor="#223934"> <a href="http://www.smrkec.com/php-bin/knjiga-gostov/guestbook.php"><font size="2" color="#FFFF00">Knjiga gostov</font></a></td></tr> </table> </div>

Korak 3:
Vaša <body> vrstica naj bi izgledala nekako takole: