Zdravím,
Začal jsem se s JavaScriptem teprve učit a potřeboval bych poradit s projektem do školy.
V přiloženém souboru vidíte menu, ve kterém má každý odkaz svou podnabídku. Fungovat by to mělo takovým způsobem, že při kliknutí na hlavní odkaz (onClick) se spustí funkce ukaz(), která skryje, nebo odkryje příslušnou podnabídku tím že mění hodnotu display z block na none a naopak. To se ovšem neděje. Místo toho se podnabídka skryje a ihned zase vrátí do původního stavu.
Na druhou stranu, když místo onClick napíšu k odkazu onMouseOver (tak jak tomu je u posledních dvou odkazů), tak menu funguje přesně tak jak má! Nechápu, jakto že to funguje u onMouseOver a u onClick ne :(
Jinak ten skriptík ve spodní části co je zatím jenom v poznámce je tam proto, že chci mít podnabídky při prvním spuštění skryté, ale pro uživatele bez podpory JavaScriptu vždy odkryté.
Děkuji za každou radu, či vysvětlení proč se to chová jak se to chová.
Fórum › JavaScript, AJAX, jQuery
Podnabídka menu pomocí JavaScriptu
Pokud jsem to pochopil spravne, chces, kdyz najedes na odkaz se rozevrely patricne pododkazy.
Takze
onmouseover (mys je na objektu)
a
onmouseout (mys je mimo objekt)
EDIT: jestli chces ale aby se menu zobrazilo, kdys na nej kliknes, musis dat podminku pro clickmouse click = trur, a pokud clickmouse a click = true tak click = false.
EDIT2:
nakonec sem to asi pochopil.. a vysledek by mel byt zde: http://www.jakpsatweb.cz/javascript/priklady/skryvani-odkryvani.html http://www.jakpsatweb.cz/javascript/priklady/skryvani-odkryvani.html
Děkuji za radu a za odkaz na příklad. Problém jsem díky němu vyřešil. Hlavní důvod mého dotazu (to co jsem nechápal) byla skutečnost, že skript dělá přesně to co má při události onMouseOver ale přitom ten samý skript funguje špatně při události onClick. Věřím, že to bylo způsobeno odkazem
<li><a href="" onClick="ukaz(1)">O firmě</a></li>
. Poté co jsem odkaz předělal na nadpis H3, jak to mají v tom vzorovém příkladu, skript začal fungovat. Možná šlo o to, že odkaz prozatím nikam neodkazoval... každopádně děkuji.Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Uživatelé prohlížející si toto vlákno
Podobná vlákna
Jednozačný identifikátor TD pomocí javascriptu — založil MaxDJs
Změna proměnných v databázi pomocí javascriptu — založil quest
Změna CSS vlastností třídy pomocí JavaScriptu — založil Mike
Horizontální menu pomocí seznamu — založil tom*p
Moderátoři diskuze