Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.06.2009 um 09:48 (UTC)    
Titel: Öffnen/Schließen von Texten mit Java-Script

Hi, ich habe auf der Seite
http://hpbk-fan.de.tl/User_Videos-.htm
das man ein Video durch klicken wie in diesem Fall auf Video öffnen angezeigt bekommt, Wenn man dies wieder schließt, durch klicken auf Schliessen, dann verschwienden diese Videos wieder, gibt es dafür einen Tutorial?
Beitrag10.06.2009 um 13:49 (UTC)    
Titel:

hi,

verwende mal diesen Code:
Zitat:
<div>
<label onclick="klappen(this)">&Ouml;ffnen</label>
<div style="display:none;">Text 1</div>
</div>
<hr />
<div>
<label onclick="klappen(this)">&Ouml;ffnen</label>
<div style="display:none;">Text 2</div>
</div>
<hr />
<div>
<label onclick="klappen(this)">&Ouml;ffnen</label>
<div style="display:none;">Text 3</div>
</div>
<script type="text/javascript">
<!--
var text_oeffnen = "&Ouml;ffnen";
var text_schliessen = "Schliessen";
function klappen(s){
var oeffner = s;
var content = s.parentNode.childNodes[3];
if(content.style.display == "none"){
content.style.display = "block";
oeffner.innerHTML = text_schliessen;
}
else{
content.style.display = "none";
oeffner.innerHTML = text_oeffnen;
}
}
//-->
</script>


Das Rote ist der Text, auf den man klicken soll wenn sich ein Feld öffnen soll. Das Orangene ist das Gegenteil - er wird angezeigt wenn sich ein Element schließen soll.
Das blaue ist der Inhalt, welcher angezeigt wird oder wieder verschwindet. Wenn du mehr als 3 Felder haben willst, musst du diesen Code wiederholen:
Zitat:
<div>
<label onclick="klappen(this)">&Ouml;ffnen</label>
<div style="display:none;">Text 1</div>
</div>


Das ganze im Editor im "Quellcode"-Modus einfügen:



Gruß,
Max
______________
http://blog.mamuehi.de
Beitrag10.06.2009 um 16:48 (UTC)    
Titel:

hi,

ich glaube nicht das das möglich ist - ich lasse mich aber gerne eines besseren behleren Wink

Gruß,
Max
______________
http://blog.mamuehi.de
Beitrag10.06.2009 um 19:50 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de