Loading...   Upload Image

DIV ein und ausblenden.Forum » Tutorials » Help » DIV ein und ausblenden.

Neues Thema verfassen Neues Thema

  • AndrenalinUser ist offline
    Newbie



    Registriert: 19.08.2008
    Beitraege: 6

    28.04.2012 um 12:45 Uhr

    Hallo Alice,
    ich suche jetzt schon seid 2 3 stunden nach einer Lösung für mein Problem!
    Ich möchte per klick bestimmte Divs ein blenden bzw ausblenden !

    Mein Java Script sieht so aus:

    <script type=text/javascript> 
    function punkt1() { 
      document.getElementByID('test1').style.visibility='visible'; 
      document.getElementByID('test2').style.visibility='hidden'; 
      document.getElementByID('test3').style.visibility='hidden'; 
      document.getElementByID('test4').style.visibility='hidden'; 
    } 
    function punkt2() { 
      document.getElementByID('test1').style.visibility='hidden'; 
      document.getElementByID('test2').style.visibility='visible'; 
      document.getElementByID('test3').style.visibility='hidden'; 
      document.getElementByID('test4').style.visibility='hidden'; 
    } 
    function punkt3() { 
      document.getElementByID('test1').style.visibility='hidden'; 
      document.getElementByID('test2').style.visibility='hidden'; 
      document.getElementByID('test3').style.visibility='visible'; 
      document.getElementByID('test4').style.visibility='hidden'; 
    } 
    function punkt4() { 
      document.getElementByID('test1').style.visibility='hidden'; 
      document.getElementByID('test2').style.visibility='hidden'; 
      document.getElementByID('test3').style.visibility='hidden'; 
      document.getElementByID('test4').style.visibility='visible'; 
    } 
    </script>


    Die Links sehen so aus:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><img src="Bilder/switchbox/switchbox_08.png" width="143" height="30" /></td>
          </tr>
          <tr>
            <td><a href="#" onclick="punkt1()"><img src="Bilder/switchbox/switchbox_13.png" width="143" height="20" border="0"></a></td>
          </tr>
          <tr>
            <td><a href="#" onclick="punkt2()"><img src="Bilder/switchbox/switchbox_15.png" width="143" height="19" border="0"></a></td>
          </tr>
          <tr>
            <td><a href="#" onclick="punkt3()"><img src="Bilder/switchbox/switchbox_17.png" width="143" height="21" border="0"></a></td>
          </tr>
          <tr>
            <td><a href="#" onclick="punkt4()"><img src="Bilder/switchbox/switchbox_19.png" width="143" height="28" border="0"></a></td>
          </tr>
        </table>


    und die divs so:
    <div id="test1" style="visibility:visible">last news</div>
            <div id="test2" style="visibility:hidden">last wars</div>
            <div id="test3" style="visibility:hidden">last topics</div>
            <div id="test4" style="visibility:hidden">last files</div>


    aber leider passiert nichts... kannst du mir helfen ??
    Ich danke schon mal im voraus.

    MfG Andre



    ps.:
    Dein Plus und dein Minus Title zum vergrößern des Textfeldes sind vertauscht ;)



    Der Beitrag wurde insgesamt 2 mal editiert, zuletzt 28.04.2012 um 13:00 Uhr ...
  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    29.04.2012 um 09:37 Uhr

    Hallo Andre,

    es heisst getElementById und nicht getElementByID ;)

    Liebe Gruesse
    Alice



    ... { signatur } ...
  • AndrenalinUser ist offline
    Newbie



    Registriert: 19.08.2008
    Beitraege: 6

    29.04.2012 um 11:20 Uhr

    ohhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
    maaaaaaaaaaaaaaaaaaaaaaaaaaaan



    danke




[ 1 ] Seite 1 von 1


Affiliates:   The Seduction  •   Colorful Gfx  •   Blue-Graphics  •   Pat DG  •   Design Grafixx  •   Gallery Yuri  •   Chibi Graphics  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider