SELFHTML Forum
SELFHTML Forumsarchiv
2007
September
 |
SELFHTML Forumsarchiv |
 |
|
 |
|
Die folgende Nachricht zum Thema stammt von: alex, 29. 09. 2007, 15:25
ich hab hier ein ganz gutes script für hide/show von einem div gefunden:
<script language="JavaScript">
<!--
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "block";
} else {
obj.style.display = "none";
}
}
}
//-->
</script>
im <body> dann:
<div id=\"div2\" style=\"display: none;\">langer text</div> <a href=\"#\" onclick=\"showhide('div2');\">Show/hide me</a>
jetzt wird der "lange text" gezeigt oder auch nicht...
ich will aber vorher noch einen kürzeren haben zb:
<div id=\"div1\" style=\"display: block;\"/>kurzer text</div>
wenn ich auf hide/show klicke, soll gleichzeitig der kurze text verschwinden und der lange gezeigt werden! wie muss ich das script ändern..???? kann mir bitte jemand helfen!!!! thx
Die folgende Nachricht zum Thema stammt von: darkblade, 29. 09. 2007, 18:43
Hi!
<script language="JavaScript">
<!--
var kurzertext = 'kurzer text';
var langertext = 'langer text';
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.innerHTML == kurzertext){
obj.innerHTML = langertext;
} else {
obj.innerHTML = kurzertext
}
}
}
//-->
</script>
<div id="div2">langer text</div> <a href="#" onclick="showhide('div2');">Change</a>
So sollte es funktionieren ;).
MfG darkblade
© 1998-2006 
Impressum, Software: Classic Forum
(JAVASCRIPT)