kostenloser Webspace werbefrei: lima-city


Javascript Funktion Toggle

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    Hi !

    Das Problem wurde gelöst.

    Beitrag zuletzt geändert: 30.7.2009 19:50:48 von davy
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. prinzipiell:
    <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">
    Würde ich sagen...
  4. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    nerdinator schrieb:
    prinzipiell:
    <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">
    Würde ich sagen...


    Das geht leider noch nicht

    Mfg
    David !
  5. 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...
  6. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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 ;)
  7. Upps, sry. Ich meine:
    document.getElementById(id);

    Mein Fehler....
  8. Nach meinen ganzen "Fehlern" oben nochmal:
    <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>
    Ich hoffe, nun hab ich alles richtig gemacht. ^^

    Bei mir (FF) funktioniert es einwandfrei ;)

    Beitrag zuletzt geändert: 30.7.2009 19:43:33 von nerdinator
  9. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    nerdinator schrieb:
    Nach meinen ganzen "Fehlern" oben nochmal:
    <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>
    Ich hoffe, nun hab ich alles richtig gemacht. ^^

    Bei mir (FF) funktioniert es einwandfrei ;)


    Danke, jetzt geht es!

    @nikic Auch danke !
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!