Einfaches Script funktioniert unter NS nicht!!! HILFE
Michl
- programmiertechnik
Hallo Leute,
folgendes Script funktioniert unter NS nicht. Wenn ich mir die Site im NS anschaue, werden die hidden ids erst gar nicht anzeigt. wer kann mir helfen den code soweit zu optimieren, damit das ganze auch
einigermassen unter netscape brauchbar ist.
vielen dank im voraus
Michl
###################
<html>
<head>
<title>Hidden Text</title>
<script language="JavaScript">
<!--
function expandIt(element)
{
element.style.display = (element.style.display == "none" ) ? "" : "none";
}
-->
</script>
<h2><br clear="all">
<a href="javascript:expandIt(History)">History</a></h2>
<div ID="History" STYLE="display:none; ">
<p>Ankle pain</p>
</div>
<h2><a href="javascript:expandIt(Description)">Description</a></h2>
<div ID="Description" STYLE="display:none; ">
<p>The Achilles tendon is thickened and has increased signal intensity</p>
</div>
<h2><a href="javascript:expandIt(Diagnosis)">Diagnosis</a></h2>
<div ID="Diagnosis" STYLE="display:none; ">
<p>Achilles' Tendon Tear</p>
</div>
</body>
</html>
Hi Michl,
folgendes Script funktioniert unter NS nicht.
wenn's um die neuen Versionen (keine 4er) geht, hilft
element.style.display = (element.style.display == "none" ) ? "" : "none";
document.getElementById(element)style.display = (document.getElementById(element)style.display == "none" ) ? "" : "none";
Funktioniert es denn, einfach einen leeren String zuzuweisen? Ich würde es mit "block" (eventuell "inherit" probieren.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display
http://www.w3.org/TR/CSS2/visuren.html#propdef-display
Beschäftige dich darüber hinaus mit DOM, das ist die Zukunft:
http://selfhtml.teamone.de/dhtml/modelle/dom.htm
BTW, gibt's denn eine JS-lose Alternative?
LG Roland
DANKE - MUCHOS GRACIA
deine hilfestellung hat mich auf jeden fall nen super schritt nach vorne gebracht!!!
THX
Michl
DANKE - MUCHOS GRACIA
deine antwort hat mich einen riesen schritt nach vorne gebracht!!!!!!
THX
Michl
Hallo Michl,
<a href="javascript:expandIt(History)">History</a></h2>
selbst mit Orlandos Hilfe wird es noch nicht gehen (nicht nur im NS), solange Du die Funktion mit einer Variablen statt mit einem String als Argument aufrufst. Vielleicht besser so:
<a href="javascript:expandIt('History')">History</a>
HTH Robert
VIELEN DANK
für die erweiterung!
Hat geholfen, naja fast...
orlando hat nämlich noch ne kleinigkeit vergessen... ;)
document.getElementById(element)style.display = (document.getElementById(element)style.display == "none" ) ? "" : "none";
erkannt?
BESSER:
document.getElementById(element).style.display = (document.getElementById(element).style.display == "none" ) ? "" : "none";
ALSO VIELEN DANK!!!!!!
greetings
michl
Hallo,
immer vorsichtig sein mit Begriffen, die für JavaScript reserviert sind:
deswegen by Variablennamen mit einer persönlichen ID beginnen, IDs sind case-sensitiv.
myIdbezeichner
<html>
<head>
<title>Hidden Text</title>
»»
<script language="JavaScript">
<!--
function expandIt(my_element)
{
myElement=document.getElementById(my_element);
myElement.style.display = (myElement.style.display == "none" ) ? "inherit" : "none";
}
-->
</script>
<h2><br class="mybr" > <!-- im Sytlesheet verarbeiten BR.mybr{clear:all;}-->
<a href="#" onclick"expandIt('myHistory');return false;">History</a></h2>
<div ID="myHistory" STYLE="display:none; ">
Vorsicht mit History !
<p>Ankle pain</p>
</div>
<h2><a href="#" onclick="expandIt('Description');return false;">Description</a></h2>
<div ID="Description" STYLE="display:none; ">
<p>The Achilles tendon is thickened and has increased signal intensity</p>
</div>
<h2><a href="#" onclick="expandIt('Diagnosis');return false;">Diagnosis</a></h2>
<div ID="Diagnosis" STYLE="display:none; ">
<p>Achilles' Tendon Tear</p>
</div>
</body>
</html>
hoffe, das klappt ;-)
Michael