html code gesucht

_Frauenarzt_91 · 13.06.2008, 20:15

also ich will auf meiner eite einige texte in einem spoiler verschwnden lasen wie halt im forum bei der [spoiler] funktion

gibt es so was in html???
wie heit der code???
danke im voraus

Anzeige

Schau dir mal diesen Bereich an. Dort ist für jeden was dabei!

Mire · 13.06.2008, 21:59

So zum Beispiel: Erstelle einen Button und ein dazugehoeriges DIV. In das DIV kommt was auch immer du verstecken willst und setze seine CSS visibility (document.getElementById(ID).style.visibility) auf 'hidden', damit man es nich sieht. Dem Button weist du dann eine Javascript Funktion zu, welche die visibility "toggled". (=bei Buttonclick, wenn DIV visible, dann hidden, wenn DIV hidden, dann visible)

_Frauenarzt_91 · 13.06.2008, 22:17

könnte das funktionieren???:

Code:

<div>
<div class="pre-spoiler">
<input name="button" type="button" style="width:100px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1] .getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1] .getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1] .getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show';}" value="Show">
</div>
<div>
<div class="spoiler" style="display: none;">text</div>
</div>
</div>

Mire · 13.06.2008, 22:43

Code:

<html>
<head>
<title>Spoiler</title>
<script type="text/javascript">
function toggle(element) {
  var elem = document.getElementById(element);
  
  if (elem.style.visibility == 'visible') { elem.style.visibility = 'hidden'; }
  else if (elem.style.visibility == 'hidden') { elem.style.visibility = 'visible'; }
}
</script>
</head>
<body id="bod">
<button id="but" onclick="toggle('div1');">Spoiler</button>
<div id="div1" style="visibility:hidden;">Hi Thar</div>
</body>
</html>