Javascript Funktion Toggle
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bereich
bild
code
dank
druck
entfernen
fehler
kopieren
opus
prinzipiell code
problem
relevanten inhalte
sagen
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
prinzipiell:
Würde ich sagen...<script> function toggleBild(id) { var bild = getObjectById(id); if(bild.style.display=="none"){ bild.style.display = "inline"; }else{ bild.style.display = "none"; } } </script> <a href="javascript:toggleBild('bild')">Toggle</a> <img src="..." id="bild">
-
nerdinator schrieb:
prinzipiell:
Würde ich sagen...<script> function toggleBild(id) { var bild = getObjectById(id); if(bild.style.display=="none"){ bild.style.display = "inline"; }else{ bild.style.display = "none"; } } </script> <a href="javascript:toggleBild('bild')">Toggle</a> <img src="..." id="bild">
Das geht leider noch nicht
Mfg
David ! -
Statt
getObjectById(id);
Das:
getElementById(id);
Und, es gibt in Firefox unter Extra eine Fehlerkonsole. Bei JS-Problemen immer die relevanten Inhalte aus dieser kopieren... -
nikic schrieb:
Statt
getObjectById(id);
Das:
getElementById(id);
Und, es gibt in Firefox unter Extra eine Fehlerkonsole. Bei JS-Problemen immer die relevanten Inhalte aus dieser kopieren...
Es funktioniert immer noch nicht
Hier nochmal mein Code:
Im head Bereich habe ich das hier:
<script> function toggleBild(id) { var bild = getElementById(id); if(bild.style.display=="none"){ bild.style.display = "inline"; }else{ bild.style.display = "none"; } } </script>
Und dann im body:
<a href="javascript:toggle('bild')">Bild für Druck entfernen</a><br> <img id="bild" src="<?php echo $row[bild] ?>" height="200">
PS: @nikic Ich benutze leider kein Firefox sondern Opera ;) -
Nach meinen ganzen "Fehlern" oben nochmal:
Ich hoffe, nun hab ich alles richtig gemacht. ^^<html> <head> <script> function toggleBild(id) { var bild = document.getElementById(id); if(bild.style.display=="none"){ bild.style.display = "inline"; }else{ bild.style.display = "none"; } } </script> </head> <body> <a href="javascript:toggleBild('bild')">Bild für Druck entfernen</a><br> <img id="bild" src="<?php echo $row[bild] ?>" height="200"> </body> </html>
Bei mir (FF) funktioniert es einwandfrei ;)
Beitrag zuletzt geändert: 30.7.2009 19:43:33 von nerdinator -
nerdinator schrieb:
Nach meinen ganzen "Fehlern" oben nochmal:
Ich hoffe, nun hab ich alles richtig gemacht. ^^<html> <head> <script> function toggleBild(id) { var bild = document.getElementById(id); if(bild.style.display=="none"){ bild.style.display = "inline"; }else{ bild.style.display = "none"; } } </script> </head> <body> <a href="javascript:toggleBild('bild')">Bild für Druck entfernen</a><br> <img id="bild" src="<?php echo $row[bild] ?>" height="200"> </body> </html>
Bei mir (FF) funktioniert es einwandfrei ;)
Danke, jetzt geht es!
@nikic Auch danke ! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage