Autor | Zpráva | ||
---|---|---|---|
matesek Profil |
#1 · Zasláno: 1. 1. 2010, 11:21:23
Zdravím všechny a přeji šťastný nový rok . Pro mě není moc šťastný , protože se mi nedaří s vysouváním menu . Mám menu s podkategoriemi . Když se podívám do první kategorie zobrazí se podkategorie . Když se přesunu do druhé , první nezmizí a ani se nezobrazí druhá . Nevím čím to je . Mohl by někdo poradit ? Když jsme měl podkategorie , které se nepřekrývaly , tak fungovaly normálně ., jsou tam zobrazené taky . www.teststranky.webz.cz/
Jestli by někdo chtěl zdrojáky , rád je sem dám , hlavně když mi pomůžete . |
||
matesek Profil |
#2 · Zasláno: 1. 1. 2010, 11:24:51
CSS a JS pro menu
<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .sidebarmenu ul{ margin: 0; padding: 0; list-style-type: none; font: bold 13px Verdana; width: 180px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; } .sidebarmenu ul li{ position: relative; } /* Top level menu links style */ .sidebarmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 6px; border-bottom: 1px solid #778; border-right: 1px solid #778; } .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background-color: #012D58; /*background of tabs (default state)*/ } .sidebarmenu ul li a:visited{ color: white; } .sidebarmenu ul li a:hover{ background-color: black; } /*Sub level menu items */ .sidebarmenu ul li ul{ position: absolute; width: 170px; /*Sub Menu Items width */ top: 0; visibility: hidden; } .sidebarmenu a.subfolderstyle{ background: url(right.gif) no-repeat 97% 50%; } /* Holly Hack for IE \*/ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */ </style> <script type="text/javascript"> //Nested Side Bar Menu (Mar 20th, 09) //By Dynamic Drive: http://www.dynamicdrive.com/style/ var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas function initsidebarmenu(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle" if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item else //else if this is a sub level submenu (ul) ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars ultags[t].style.visibility="visible" ultags[t].style.display="none" } } } if (window.addEventListener) window.addEventListener("load", initsidebarmenu, false) else if (window.attachEvent) window.attachEvent("onload", initsidebarmenu) </script> |
||
pexxxik Profil |
#3 · Zasláno: 1. 1. 2010, 14:47:13
Nevím co je za problém:(, protože v mozille i v IE mi to funguje... Jaký máš prohlížeč? Popřípadě poslat obrázek s chybou...
|
||
matesek Profil |
#4 · Zasláno: 1. 1. 2010, 15:17:52 · Upravil/a: matesek
Mám Operu , obrázek pošlu .
Klasické vysunutí : Ale zůstane vysunuté a ostatní se nadokážou vysunout : |
||
pexxxik Profil |
#5 · Zasláno: 1. 1. 2010, 16:32:24
Tento příklad jsi vzal odněkud a přidělal mu druhé submenu (1,1,1;1,1,2;atd...), pro to není definována žádná javascriptová funkce, takže není divu, že nefunguje... Zkus si nejdřív něco přečíst o javascriptu a nadefinovat to úplně jinak, je to céle moc složité, dalo by se to udělat mnohem jednodušeji a myslím, že celý kód ani nemá cenu přepisovat... Něco podobného jesm také kdysi řešil, zkus z toho pochopit alespoň podstatu, toto mi přijde mnohem jednodušší
|
||
pexxxik Profil |
#6 · Zasláno: 1. 1. 2010, 16:42:22 · Upravil/a: pexxxik
Zkus pochopit JS, HTML i CSS a pak až sem piš, že to nefunguje, taky si zkus vytvářet vlastní stránky a ne vše jen kopírovat, to je k ničemu
|
||
matesek Profil |
#7 · Zasláno: 1. 1. 2010, 17:27:45 · Upravil/a: matesek
pexxxik:
1. odkaz nefunguje 2. to že jsem si tam přidal vlastní názvy těch položek v menu by nemělo vadit , protože na stránkách přece nebudu mít tyhle čísla jako odkazy 3. HTML chápu , CSS trochu , ale JS vůbec a proto se obracím na někoho , kdo to umí . Kdybych to uměl i já , tak to snad budu mít dobře a nebudu potřebovat rady . |
||
Remorseless Profil * |
#8 · Zasláno: 1. 1. 2010, 19:09:25
Místo tohodle:
<li><a href="#">1,1 --></a></li> <ul> <li><a href="#">1,1,1</a></li> <li><a href="#">1,1,2</a></li> <li><a href="#">1,1,3</a></li> <li><a href="#">1,1,4</a></li> <li><a href="#">1,1,4</a></li> </ul> Tam máš mít: <li><a href="#">1,1 --></a> <ul> <li><a href="#">1,1,1</a></li> <li><a href="#">1,1,2</a></li> <li><a href="#">1,1,3</a></li> <li><a href="#">1,1,4</a></li> <li><a href="#">1,1,5</a></li> </ul> </li> |
||
matesek Profil |
#9 · Zasláno: 1. 1. 2010, 19:41:14
Napsal jsem to tam a pořád se to nezměnilo . Nechápu , co máte šichni s těma názvama . Já si myslím , že na názvech nezáleží . Taky jsem si všiml , že jsi tam upravil to <li> . Teď to vypadá takto :
<li><a href="#">1 --></a> <ul> <li><a href="#">1,1 --></a> <ul> <li><a href="#">1,1,1</a></li> <li><a href="#">1,1,2</a></li> <li><a href="#">1,1,3</a></li> <li><a href="#">1,1,4</a></li> <li><a href="#">1,1,5</a></li> </ul> </li> <li><a href="#">1,2 --></a></li> <ul> <li><a href="#">1,2,1</a></li> <li><a href="#">1,2,2</a></li> <li><a href="#">1,2,3</a></li> <li><a href="#">1,2,4</a></li> </ul> </li> <li><a href="#">1,3 --></a></li> <ul> <li><a href="#">1,3,1</a></li> <li><a href="#">1,3,2</a></li> <li><a href="#">1,3,3</a></li> </ul> </li> </ul> </li> <li><a href="#">2--></a> <ul> <li><a href="">2,1</a></li> </ul> </li> <li><a href="#">3 --></a> <ul> <li><a href="">3,1</a></li> <li><a href="">3,2r</a></li> </ul> </li> Funkce se pořád nezměnila , pořád se to chová stejně , ale nechápu proč . |
||
matesek Profil |
#10 · Zasláno: 1. 1. 2010, 19:42:42
OK už jse man to přišel . Nesmazal jsem to ukončení li u 1,2 a 1,3 . Nyní to už funguje jak má . Děkuji moc .
|
||
Časová prodleva: 14 let
|
0