DIV ein und ausblenden.

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 Lsung fr mein Problem!
Ich mchte 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 vergrern des Textfeldes sind vertauscht

Der Beitrag wurde insgesamt 2 mal editiert, zuletzt 28.04.2012 um 13:00 Uhr ...

- www.kings-of-weed.de
- www.facebook.com/BackstageChilla

Antworten

Zitat

Alice
Admin

Registriert: 14.12.2006
Beitraege: 1058

29.04.2012 um 09:37 Uhr

Hallo Andre,

es heisst getElementById und nicht getElementByID

Liebe Gruesse
Alice

... { signatur } ...

Antworten Zitat
Andrenalin
Newbie

Registriert: 19.08.2008
Beitraege: 6

29.04.2012 um 11:20 Uhr

ohhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
maaaaaaaaaaaaaaaaaaaaaaaaaaaan

danke

- www.kings-of-weed.de
- www.facebook.com/BackstageChilla

Antworten Zitat