Sziasztok!
Van egy problémám, ami lassan már az őrületbe kerget, mert nem tudok mit kezdeni vele.
Csinálok egy weblapot, és követelmény volt, hogy legyen egy dropdown menu. Gyorsan keresgélve a választásom a TinyDropdownra esett. Ennek a doksija szerint annyi az egész, hogy beépítem a script fájlt
<script type="text/javascript" src="dropdown.js"></script>
Ezek után egy listába rendezem a menü elemeit:
<ul id="menu" class="menu">
<li class="submenu"><a href="link">Fomenu</a>
<ul>... <li>tovabbi</li><li>szintek</li></ul>
</li>
</ul>
Majd meghívom a TinyDropdownt:
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
Ez elméletben nagyon jól működik, minden létező böngésző kipakolja a menüt, csak kedvencem, az Explorer nem. Persze azt vágom, hogy valami gáz van, mert már a Chrome/firefox is nyivákol a `var menu=new menu.dd("menu")` részre, hogy "Uncaught TypeError: undefined is not a function". Ennek ellenére ezek legalább a menüt megjelenítik, de IE innentől fogva megadja magát, és leáll az oldal betöltése. Napok óta guglizok, hogy mi a franc lehet a baja, de semmi eredményre nem jutottam.
Dolgozott már valaki TinyDropdown-al? Esetleg valamilyen buktatók, amikkel ti is szembe kerültetek? Bármi ötlet. Ha nagyon nem megy, megírok 0-ról egy sajátot, de azért jó lenne, ha ezt működésre tudnám bírni.
- 1865 megtekintés
Hozzászólások
Ezen az oldalon van egy müködő: http://sandbox.leigeber.com/tinydropdown/
- A hozzászóláshoz be kell jelentkezni
Haladunk! Most már ezt bemásolva a gyökér <HTML> elemnél panaszkodik, hogyaszongya:
Uncaught TypeError: Object#<an HTMLCollection> has no method 'st'
Itt valami más gáz lesz, amit ez hozott elő, de ilyen hibaüzenettel nem tudok mit kezdeni... :S
Azért megköszönöm, ha bárki tud segíteni, de lassan kezdem feladni a reményt.
--
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." John F. Woods
- A hozzászóláshoz be kell jelentkezni
Egyszerűbb lenne ha pastebin-re feldobnád a fájlt, mert így nem tudunk segíteni.
- A hozzászóláshoz be kell jelentkezni
Valóban, sorry, ez is eszembe juthatott volna.
http://pastebin.com/gfiVR4b7
A lista, amiből a dd-menut kellene csinálni, a 140. sornál kezdődik. A menu meghívása scriptből a fájl végén közvetlenül a </BODY> tag előtt van.
--
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." John F. Woods
- A hozzászóláshoz be kell jelentkezni
Próbáltad már külön a menüt egy "egyszerű" html fájlban ? Az 140. sor ul -ben a "name" nem értelmezhető.
- A hozzászóláshoz be kell jelentkezni
Nem tudom, ez miért nem jutott eszembe, de nyomon vagyok. Persze előfordul, ha az ember idegen kódot vesz át... :S (Lásd még aláírás :D)
Más kérdés, hogy elméletileg ennek most egyáltalán nem kéne működnie, valamiért mégis működik... Weird.
--
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." John F. Woods
- A hozzászóláshoz be kell jelentkezni
Hívd másképp a javascript változót, mint a UL id-ját.
- A hozzászóláshoz be kell jelentkezni
Az már megvolt.
--
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." John F. Woods
- A hozzászóláshoz be kell jelentkezni
Egy lenyíló menühöz elég egy egyszerű CSS is, nem kell bonyolult JavaScriptekkel bajlódni.
- A hozzászóláshoz be kell jelentkezni
JavaScript nélkül pure-css-el ha tudsz mutatni egy egyszerű példát multilevel dropdown menüre, azt nagyon szépen megköszönöm.
--
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." John F. Woods
- A hozzászóláshoz be kell jelentkezni
Kiindulásnak például itt van ez: http://www.cssplay.co.uk/menus/final_drop.html
- A hozzászóláshoz be kell jelentkezni
Nagyon szépen köszönöm, megtekintem, tudom-e alkalmazni. :)
--
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." John F. Woods
- A hozzászóláshoz be kell jelentkezni
Something's wrong!
http://87.229.108.18/menu2.html
Tényleg nem tudom, mi lehet a gáz, de ennek elvileg explorerben működnie kellene (legalábbis ahonnan lépésről lépésre másoltam, ott ezt mondták, ottani a példa megy is, de tőlem valami kimaradhatott, és mégsem! Tiszta csupasz CSS, már semmi js nincsen benne, kitisztitottam a lista kódját is, amennyire csak lehet, de nem megy... Bármilyen ötletet őszintén szívesen fogadok.
(Az igazsághoz hozzá tartozik, hogy IE8 fejlesztői nézetben ha mindent IE7-esre állítok, akkor megy. Oké, de azt mégsem írhatom ki az oldalra, hogy "ha már ebben a hulladékban akarod nézni az oldalt, fejlesztői módban kapcsolj IE7-re" :D). IE7-ben nem. IE6 nincs a közelemben, arra rá se merek nézni, de mivel annak a hivatalos supportja elméletileg megszűnt, nem nagyon áll szándékomban foglalkozni vele.)
--
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." John F. Woods
- A hozzászóláshoz be kell jelentkezni
Sikerült megoldani. Tanulságként egyetlen dolgot tudok rögzíteni: soha ne állj neki DOCTYPE nélkül IE alatt tesztelni!
--
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." John F. Woods
- A hozzászóláshoz be kell jelentkezni