Podstrony
- telcocafe
- Js + PHP pomocy!!!
- [JS] Problem ze skryptem pobierającym źródło strony skrypt pobierający źródło strony
- [JS] Wyświetlanie obrazków w danym dniu jak za pomocą javaScript wyświetlać obrazki
- [php, mod rewrite] Czyli ustalenie reguły wykonywania reguły dla żądań NIe zawierajacych .'js'
- [Ajax,XML,JS] Aktualizacja XMLa na stronie W jaki sposób odświeżyć plik XML załadowany na stronie?
- Pomocy ! JS z formularzem! :(
- [js] Select I Zmiana W Zaleznosci Od 2 Selecta
- PHP i SJ Jak wyświetlić zmienne JS w PHP
- [xml/js]Parsowanie xml w javascript
- [PHP+JS] php nie odczytuje POST po wysłaniu f
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- grecja.xlx.pl
telcocafe
Jak robić, żeby po na jechaniu kursorem na jakąś pozycję w menu strony rozwijało się menu. Ma to wygląda mniej więcej tak:| Menu1 |
| Menu2 |
| Menu>| |Podmenu1 |
|Podmenu2 |
|Podmenu3|
W gogle są albo menu rozwijalne, ale nie takie, o jakie mi chodzi, a nie umiem i ch przerobić :( Proszę o pomoc, to pilne!
Do moderatorów: prosze, nie zwlekajcie z publikacją posta, bo to pilne...
Wystarczy troszeczkę przerobić coś takiego:
HEAD
<script language="Javascript"> <!-- nn4 = (document.layers)? true:false; ie4 = (document.all)? true:false; function moveBy(ident,dx,dy) { if(nn4) { document.layers[ident].left = document.layers[ident].left + dx; document.layers[ident].top = document.layers[ident].top + dy; } else if(ie4) { document.all[ident].style.left = document.all[ident].offsetLeft + dx; document.all[ident].style.top = document.all[ident].offsetTop + dy; } } //--> </script> <style type="text/css"> <!-- #pierwszyDiv {position:absolute; left=0%; right=0%; top=0%; width=100%; } --> </style> <script language="Javascript"> nn4=(document.layers)?true:false; ie4=(document.all)?true:false; function init() { if(!nn4 && !ie4) {return;} document.onclick = mouseClick; if(nn4) { document.captureEvents(Event.mouseclick); } } window.onload=init; function mouseClick(e) { if(nn4) { clome(); } else if(ie4) { if(event.srcElement.parentElement != document.all['belkaDiv']) { clome(); } } return true; } function clome() { hideLayers('menuDiv1'); hideLayers('menuDiv2'); hideLayers('menuDiv3'); hideLayers('menuDiv4'); } function hideLayers(menuName) { if (nn4) { document.layers[menuName].visibility = "hide"; } else { document.all[menuName].style.visibility = "hidden"; } } function popUp(menuName,on) { if (nn4) { if (document.layers['menuDiv4']) {ok = true;} else {ok = false;} } else { if (document.all['menuDiv4']) {ok = true;} else {ok = false;} } if (ok){ hideLayers('menuDiv1'); hideLayers('menuDiv2'); hideLayers('menuDiv3'); hideLayers('menuDiv4'); if (on) { if (nn4) { document.layers[menuName].visibility = "show"; } else { document.all[menuName].style.visibility = "visible"; } } else { if (nn4) { document.layers[menuName].visibility = "hide"; } else { document.all[menuName].style.visibility = "hidden"; } } } } </script>
BODY
<BODY MARGINWIDTH=0 MARGINHEIGHT=0 LEFTMARGIN=0 TOPMARGIN=0> <div id="pierwszyDiv"> <div ID="menu0"; align=top> <table cellspacing="0" cellpadding="0" border="0" width=100% bgcolor=#2D4060> <td width=20% vAlign=top> <a class=r href="#" onmouseover="popUp('menuDiv1',true);"> <img src="img/101.gif" border=0> Menu-1</a> </td><td width=20% vAlign=top> <a class=r href="#" onmouseover="popUp('menuDiv2',true);"> <img src="img/101.gif" border=0> Menu-2</a> </td><td width=20% vAlign=top> <a class=r href="#" onmouseover="popUp('menuDiv3',true);"> <img src="img/101.gif" border=0> Menu-3</a> </td><td width=20% vAlign=top> <a class=r href="#" onmouseover="popUp('menuDiv4',true);"> <img src="img/101.gif" border=0> Menu-4</a> </td><td width=20% vAlign=top> <img src="img/101.gif" border=0> <a class=r href="test.htm"> E-mail</a><br> </td></tr></table></div> <table cellspacing="0" cellpadding="0" border="0" width=100%> <td width=20% vAlign=top> <DIV ID="menuDiv1" STYLE="Z-INDEX: 20; VISIBILITY: hidden"> <table cellspacing="0" cellpadding="5" border="0" width=100%> <td bgcolor=#2D4060> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-0</a><br> <hr size=1 color=#FFAF00> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-1</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-2</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-3</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-4</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-5</a><br> </td></tr></table></div> </td><td width=20% vAlign=top> <DIV ID="menuDiv2" STYLE="Z-INDEX: 20; VISIBILITY: hidden"> <table cellspacing="0" cellpadding="5" border="0" width=100%> <td bgcolor=#2D4060> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-1</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-2</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-3</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-4</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-5</a><br> </td></tr></table></div> </td><td width=20% vAlign=top> <DIV ID="menuDiv3" STYLE="Z-INDEX: 20; VISIBILITY: hidden"> <table cellspacing="0" cellpadding="5" border="0" width=100%> <td bgcolor=#2D4060> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-1</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-2</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-3</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-4</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-5</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-6</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-7</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-8</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-9</a><br> </td></tr></table></div> </td><td width=20% vAlign=top> <DIV ID="menuDiv4" STYLE="Z-INDEX: 20; VISIBILITY: hidden"> <table cellspacing="0" cellpadding="5" border="0" width=100%> <td bgcolor=#2D4060> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-1</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-2</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-3</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-4</a><br> <img src="img/101.gif" border=0> <a class=menu href="test.htm"> test-5</a><br> </td></tr></table></div> </td><td width=20%> </td></tr><table>
O to chodzi?
Narysuj o co ci chodzi a potem daj odnośnik do obrazka bo nie kumam. :blink:
Narysuj o co ci chodzi a potem daj odnośnik do obrazka bo nie kumam. :blink:
