Javascript mit a href und onclick
TommyLee
- javascript
2 JürgenB
Hallo ich versuche folgenden Quelltext zum laufen zu bringen. Das wechseln zwischen "Einblenden und Ausblenden" via javascript funtioniert soweit. Das Problem kommt dann auf wenn ich den onclick teil mit einbinden möchte...
Kennt jemand da vielleicht ne Lösung?
grüße Tom
<script type="text/javascript">
function show (member) {
if (document.getElementById) {
if (document.getElementById(member).style.display == "block") {
document.getElementById(member).style.display = "none";
} else {
document.getElementById(member).style.display = "block";
}
}
}
</script>
<a onclick="this.firstChild.data = this.firstChild.data == 'Einblenden' ? 'Ausblenden' : 'Einblenden'; return false;" href="javascript:show('10');">Ausbleden</a>
<table id="10" style="display:block">
<tr><td><p>
<font color="ffffff" size="2">
<?php include("../official/impr.php"); ?>
</td></tr>
</table>
</font>
</div>
</td>
</tr>
Hallo TommyLee,
ich vermute ein Problem im display:block. Prüfe nicht auf "block" sondern auf "none" und setz dann zum Einblenden display ="". Das setzt display auf den Defaultwert, der leider nicht in allen Browser gleich ist.
Außerdem dürfen IDs nicht mit einer Ziffer anfangen.
Den Javascript-Teil im href würde ich in die Ein/Ausblendefunktion legen. Wegen "return false" im onclick wird dieser Teil gar nicht aufgerufen.
Deinen Code solltest du übrigens noch einmal überdenken: Verschachtelte Tabellen, nicht geschlossenes "p" und der Einsatz von "font" zeigen nicht gerade den "Stand der Technik".
Gruß, Jürgen