Loading:


Rozwijane/zwijane panele po kliknięciu Javascript

Skrypt tworzy rozwijane i zwijene panele reagujące na przycisk.



Napisz Artyku³

Listing


<html>
    <head>
        <title>Style - przykład</title>
        <script type="text/javascript">
            function toggle(sDivId) {
                var oDiv = document.getElementById(sDivId);
                oDiv.style.display = (oDiv.style.display == "none") ? "block" : "none";
            }
        </script>
    </head>
    <body>
        <div style="background-color: blue; color: white; font-weight: bold; padding: 10px; cursor: pointer"
             onclick="toggle('divContent1')">Kliknij tutaj</div>
        <div style="border: 3px solid blue; height: 100px; padding: 10px"
             id="divContent1">Tę zawartość można zwijać i rozwijać.</div>

        <p>&nbsp;</p>
        <div style="background-color: blue; color: white; font-weight: bold; padding: 10px; cursor: pointer"
             onclick="toggle('divContent2')">Kliknij tutaj</div>
        <div style="border: 3px solid blue; height: 100px; padding: 10px"
             id="divContent2">Tę zawartość można zwijać i rozwijać.</div>
    </body>
</html>
 




Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2021 v.1.5 | design: diviXdesign & rainbowcolors