Zavrieť

Porady

tvorba webstránky-menu udalosť onclick

Ahojte!
Pred asi dvoma mesiacmi som začala robiť webstránku jednej známej, ale musím podotknúť, že som v tom úplná začiatočníčka. Ako-tak som ju už dala do kopy, ale chcela by som spraviť také menu, ktoré by nebolo vysúvacie, ale že by sa tie podsekcie v menu objavovali po kliknutí na hlavnú položku v zozname. Niekde som sa dočítala, že to treba spraviť s udalosťou onclick v javascripte, ale to vôbec neovládam. Spravila som to takto:
<ul>
<li>
<script>
function zobraz(div)
{
document.getElementById(div).style.display= 'block';
}
</script>
<a href="#" onclick="zobraz('skryte');">Kotly</a>

<div id="skryte" style="display:none;">
<a href="kotlybio.html">Kotly na biomasu</a>
<a href="kotlybio.html">Kotly na drevo</a>

</div>
</li>
</ul>.
Takto my to funguje, ale ja by som tie odkazy, ktoré sú tučným chcela zapísať ako položky zoznamu,nielen ako odkazy. V tom prípade mi to ale nefunguje.

Ďakujem.
Pravidlá a tipy
  • Každý móže napísať len 1 odpoveď. Neskor mozete svoju odpoveď vylepšiť.
  • Odpoveď má priniesť riešenie na otázku, vyvarujte sa hodnotenia otázky.
  • Odpoveď má byť viac o faktoch ako o názoroch.
Dalšie pravidla a tipy
    Ak potrebujete v otázke niečo upresniť, najskôr sa spýtajte na podrobnosti.
    Koncept slúži na uloženie rozpracovanej odpovede, koncept sa zobrazuje len Vám, až kým ho nezverejníte.
    Ak máte podobnú otázku, založte Novú otázku alebo Súvisiacu otázku.
    ❤ Buďte priateľskí ❤
    Sme súčasťou jednej komunity, ktorá si chce vzájomne pomáhať, rozdieľnosť je vítaná ak neubližuje!
    Usporiadať podľa času

    mpca je offline (nepripojený) mpca

    bla bla.. koho to zaujíma? mpca
    <script>
    function zobraz(div)
    {
    document.getElementById(div).style.display= 'block';
    }
    </script>
    <ul>
    <li><a href="#" onclick="zobraz('skryte');">Kotly</a></li>

    <div id="skryte" style="display:none;">
    <li><a href="kotlybio.html">Kotly na biomasu</a></li>
    <li><a href="kotlybio.html">Kotly na drevo</a></li>
    </div>
    </ul>

    Vela stastia v budovaní stránky Pekný deň

    lilalo je offline (nepripojený) lilalo

    lilalo
    Nefunguje mi to, lebo cely ten zoznam vyzerá takto:
    <ul>
    <li><a href="#">Kotly</a>
    <ul>
    <li><a href="kotlybio.html">Kotly na biomasu</a></li>
    <li><a href="kotlybio.html">Kotly na drevo</a></li>
    </ul>
    </li>
    <li><a href="solarnepanely.html">Solárne panely</a>
    </li>
    <li><a href="#">Zatepľovacie systémy</a>
    <ul>
    <li class="posledni"><a href="zs1.html">Zatepľovací systém STYREXON</a></li>
    </ul>
    </li>
    <li class="posledni"><a href="tc.html">Tepelné čerpadlá</a>
    </li>
    </ul>


    Ďakujem za pomoc.

    lilalo je offline (nepripojený) lilalo

    lilalo
    V Mozille mi to už ide , ale neviem, aký hack by bol potrebný na IE .
    Ďakujem za pomoc.

    mpca je offline (nepripojený) mpca

    bla bla.. koho to zaujíma? mpca
    ak treba pouzit styl ktory bere len IE vklada sa do stranky nieco v zmysle tohoto:
    Code:
    <!--[if IE 6]><link rel="stylesheet" href="/templates/034/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
    Neviem presny zapis treba vygooglit...

    tvorba webstránky-menu udalosť onclick

    Porady, ktoré by vás mohli zaujímať

    Prihláste sa a sledujte len tie Porady, ktoré Vás zaujímajú.