nicht angemeldet
javascript-anweisung + anker
hallo,
hatte gestern so'ne schöne lösung zum thema "javascript und mehrere ID's" bekommen:
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function show(myDiv) {
if(document.getElementById)
document.getElementById(myDiv).style.display = "block";
}
//-->
<!--
function hide(myDiv) {
if(document.getElementById)
document.getElementById(myDiv).style.display = "none";
}
//-->
</script>
</head>
<body>
<a href="javascript:show('hidden1')">mehr</a>
<table id="hidden1" style="display:none">text</table>
<a href="javascript:hide('hidden1')">weniger</a>
<p></p>
<a href="javascript:show('hidden2')">mehr</a>
<table id="hidden2" style="display:none">text</table>
<a href="javascript:hide('hidden2')">weniger</a>
</body>
</html>
jetzt hab ich das schöne problem wenn da ein langer text wieder ausgeblendet wird, bin ich irgendwo auf der seite wo ich noch nie vorher war, die verwirrung pur!
kann ich beim schließen noch zusätzlich auf einen anker verweisen?
hab das ganze außerdem gerade mit mozilla firebird 0.7 getestet, funzt nicht! funktioniert das wenigstens mit netscape???
(hab ich nämlich leider nicht.)
merci
philipp
-
Hallo,
wenn du schon das ganze (myDiv) nennst, solltest du auch divs verwenden, in welche du die tables immer noch reinbasteln kannst, desweitern würde ich auf javascript:funktion im href verzichten, und <a href="#" onclick="funktion()"> verwenden, da kannst du dann auch noch anker angeben.
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function show(myDiv) {
if(document.getElementById)
document.getElementById(myDiv).style.display = "block";
}
//-->
<!--
function hide(myDiv) {
if(document.getElementById)
document.getElementById(myDiv).style.display = "none";
}
//-->
</script>
</head><body>
<a href="#a" onclick="show('hidden1')">mehr</a>
<div id="hidden1" style="display:none">text</div>
<a href="#" onclick="hide('hidden1')">weniger</a>
<p></p>
<a href="#"onclick="show('hidden2')">mehr</a>
<div id="hidden2" style="display:none">text</div>
<a href="#" onclick="hide('hidden2')">weniger</a>
</body></html>
gruss
--
no strict;
no warnings;
Über eine Rückmeldung freut sich später jeder, der das gleiche Problem hat und im Archiv nach einer Lösung sucht.-
werds mal testen. danke.
philipp
-