[JS] [div] display:none und anderst rum :)

[Firefly]

Huhu Jungs,
ich will das wenn man auf nen text drückt das dann ein div angezeigt wird und wenn man wiedr drauf drückt soll er wieder verschwinden, ich hab schon gesucht aber nix gefunden was mir geholfen hat, das prob is ich hab heute angefangen mit javascript deswegen kp was falsch is daran kann mir jemand helfen???? wäre echt voll die coole sache
(das was ich eschrieben hab geht aufjedenfall net also das mit dem das es wieder wech geht, und den rest hab ich mir zusammengewerkelt von selfhtml)

das script:

<script type="text/javascript">
function show (site) {
  if (document.getElementById)
  {
    document.getElementById(site).style.display = "";
  }
  else 
  {
    document.getElementById(site).style.display = "none";
  }
}
</script> 

im body:

<a href="javascript:show('lalala')">Anzeigen!</a><br>
<div id="lalala" style="display:none">sads</div>
<a href="javascript:show('lalala1')">Anzeigen!</a><br>
<div id="lalala1" style="display:none">sads</div>
<a href="javascript:show('lalala2')">Anzeigen!</a><br>
<div id="lalala2" style="display:none">sads</div>
<a href="javascript:show('lalala3')">Anzeigen!</a><br>
<div id="lalala3" style="display:none">sads</div> 

[ghostgambler]

Re: [JS] [div] display:none und anderst rum

<script type="text/javascript">
function show (site) {
  if (document.getElementById)
  {
    document.getElementById(site).style.display = "block";
  }
  else 
  {
    document.getElementById(site).style.display = "none";
  }
}
</script> 

da muss doch auch was rein...wäre mein erster Versuch :\

[Firefly]

ja das funzt ja es geht drum das man es wieder weg machen kann :/

[Heini81]

Vielleicht mit onmouseout? Und dann eine andere Funktion (hide?!?) aufrufen?

EDIT:

---

Nee, das ist nix... Hab nicht alles gelesen vom Thread...

---

[Firefly]

ne mann muss dan drinn rumklicken können, also da wo sich das aufmacht

[jahlives]

<script type="text/javascript">
function show (site) {
  if (document.getElementById(site).style.visibility == 'hidden')
  {
    document.getElementById(site).style.visibility = "visible";
  }
  elseif(document.getElementbyId(site).style.visibility == 'visible') 
  {
    document.getElementById(site).style.visibility = "hidden";
  }
}
</script> 

Könnte dir das allenfalls helfen ?

Gruss

tobi

[Firefly]

ich habs jetzt mit

<script type="text/javascript">
function show (site) {
  if (document.getElementById(site).style.display == "none")
  {
    document.getElementById(site).style.display = "block";
  }
  elseif (document.getElementbyId(site).style.display == "block")
  {
    document.getElementById(site).style.display = "none";
  }
}
</script> 

versucht das geht aber nicht, jemand ne idee warum nicht eigentlich is des doch ein logischer code

[jahlives]

ev weil die Eigenschaften bei bei style.visibility'hidden' und 'visible' heissen ?
Probiers mal mit style.visibility

Gruss

tobi

[Firefly]

nö heißen sie nicht jetzt hab ich nämlich

<a href="javascript:show('lalala')">Anzeigen!</a><br>
<div id="lalala" style="display:hidden">sads</div> 

und jetzt wird gleich "sads" angezeigt

[jahlives]

Und wenn du es jetzt mal so probierst wie ich es gemeint habe ?

<div id="lalala" style="visibility:hidden;">sads</div> 

Gruss

tobi

[Firefly]

nein das geht net
aso mal zur verdeutlichung
http://www.twilight-gaming.com/index.php?site=members
so will ich das bloß das kein bild da is zum klicken sondern text, aber des amcht ja keinen alzu großen unterschied

[jahlives]

Also meine zuletzt gepostete Zeile funzt mit allen neuen Browsern und habe es hier zur Sicherheit mit dem IE 6 getestet. Ausserdem verwende ich das auf meiner HP und jeder Browser zeigt das korrekt an.

Gruss

tobi

[Firefly]

arg shit hatte das ";" hinter hidden vergessen, aber jetzt zeigt er sie zwar an, aber wenn ich wieder draufdrück sind se immernoch da -.-

<script type="text/javascript">
function show (site) {
  if (document.getElementById(site).style.visibility == "hidden")
  {
    document.getElementById(site).style.visibility = "visible";
  }
  elseif (document.getElementbyId(site).style.visibility == "visible")
  {
    document.getElementById(site).style.visibility = "hidden;";
  }
}
</script> 

<a href="javascript:show('lalala')">Anzeigen!</a><br>
<div id="lalala" style="visibility:hidden;">sads</div> 

Vielen Dank schonmal das du mir so versuchts zuhelfen!!!!!!!!!!!

[jahlives]

Mach mal das ; weg

document.getElementById(site).style.visibility = "hidden"; 

Gruss

tobi

[Firefly]

FEEEEEEEETTTTTTTTTTEEEEEEEEE SACHE ich habs
aber ich hab die ganze zeile weg ^^ die zweite if abfrage birngts ja garnet, also sieht das script jetzt so aus:

<script type="text/javascript">
function show (site) {
  if (document.getElementById(site).style.visibility == "hidden")
  {
    document.getElementById(site).style.visibility = "visible";
  }
  else
  {
    document.getElementById(site).style.visibility = "hidden";
  }
}
</script> 

Vielen dank für deine hilfe und deine gedult, leute wie dich sollte es mehr geben! FETTES MERCI!