[Erledigt] Javascript Problem

GiS · 30.12.2010, 11:39

Guten Tag,

ich habe gestern versucht vergeblich folgendes Nachzubauen: Man findet auf picsafe.de eine Option, die sich nur öffnet, wenn man auf das Schloss klickt. Ich wollte versuchen, dies nachzubauen doch ich habe einen Fehler drin, da ich noch nie etwas mit JS zu tun hatte, hier der Quellcode:

PHP-Code:

  <html>

 
<head>

    <script type="text/javascript">

    function div(neuerdiv)

    {

        var neuerdiv = "margin-top:200px; display:block; background-color:#000000; width:200px; height:200px;";

        document.getElementById("test").nodeValue = neuerdiv;

    }

    </script>

</head>

 
<body>

 
<div id="test" style="margin-top:200px; display:none; background-color:#000000; width:200px; height:200px;">Hallo</div>

<img src="logo.png" onclick="javascript:div" />

 
</body>

 
</html>

An dem div liegt es nicht, da ich das natürlich schon alles überprüft habe, desweiteren denke ich, dass ich da totalen Schrott in JS zusammengecodet habe. Wäre nett, falls ihr ein paar Tipps hättet.

wolf29 · 30.12.2010, 11:45

Hi.

Ne id und style="visibility:hidden" bzw. visibility:visible geben und per javascript mit document.getElementById('blabla').style.visibility switchen

oder schauste hier:

http://sinscript.de/javascript/dom/d...nd-ausblenden/

mfg Wolf29

GiS · 30.12.2010, 11:51

PHP-Code:

  <html>

 
<head>

    <script type="text/javascript">

    function div()

    {

        document.getElementById('test').style.visibility = "visible";

    }

    </script>

</head>

 
<body>

 
<div id="test" style="margin-top:200px; visibility:hidden; background-color:#000000; width:200px; height:200px;"></div>

<img src="logo.png" onclick="javascript:div" />

 
</body>

 
</html>

Habe es nun so, wo könnte der Fehler liegen?

wolf29 · 30.12.2010, 12:04

Lieber so:

PHP-Code:

  <html>

 
<head>

    <script type="text/javascript">

    function div()

    {

        document.getElementById('test').style.visibility = "visible";

    }

    </script>

</head>

 
<body>

 
<div id="test" style="margin-top:200px; visibility:hidden; background-color:#000000; width:200px; height:200px;">test</div>

<a href="#" onclick="div()">Klick</a>

 
</body>

 
</html>

Hast kleine Syntaxfehler drin.

mfg Wolf29

GiS · 30.12.2010, 12:15

Vielen Dank

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem mit dynamischer URL in Javascript Dateien	da.eXecutoR	JavaScript, Ajax und mehr	4	28.09.2010 17:18
[Erledigt] Problem mit Zeile löschen Tabelle Javascript	nBassCom	JavaScript, Ajax und mehr	2	02.06.2010 14:36
[Erledigt] CSS und Javascript Dropdown Menu IE PROBLEM	unreal87	HTML, Usability und Barrierefreiheit	3	19.05.2010 19:20
[Erledigt] JavaScript (Werbung) problem	Smokey	JavaScript, Ajax und mehr	12	06.01.2010 14:18
Problem mit GB Smily javascript / <form>	lordcyphon	JavaScript, Ajax und mehr	4	10.11.2009 15:40
Javascript Cookie Problem	scheffie	JavaScript, Ajax und mehr	14	19.07.2009 05:07
Problem mit einbindung von javascript auf einer php seite	mysteryxxx	PHP Tipps 2009	7	01.02.2009 16:40
Problem: javascript + verstecken eines Divs	se-clan	HTML, Usability und Barrierefreiheit	4	04.01.2007 10:49
problem mit javascript und smarty	snatch-ic	HTML, Usability und Barrierefreiheit	2	08.06.2006 22:11
JavaScript Problem	2wuck	HTML, Usability und Barrierefreiheit	3	02.01.2006 14:15
Problem mit Javascript: lässt sich nicht auslagern	blinkster.de	HTML, Usability und Barrierefreiheit	2	01.10.2005 15:20
Problem mit Javascript in PHP		PHP Tipps 2005-2	3	19.09.2005 00:49
[Erledigt] Problem mit Javascript		HTML, Usability und Barrierefreiheit	21	16.09.2005 19:50
JavaScript Problem IE		HTML, Usability und Barrierefreiheit	5	30.07.2005 16:50
propertie problem in javascript		HTML, Usability und Barrierefreiheit	1	07.11.2004 14:15

30.12.2010, 11:39
GiS Erfahrener Benutzer Registriert seit: 07.06.2009 Beiträge: 112 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Javascript Problem Guten Tag, ich habe gestern versucht vergeblich folgendes Nachzubauen: Man findet auf picsafe.de eine Option, die sich nur öffnet, wenn man auf das Schloss klickt. Ich wollte versuchen, dies nachzubauen doch ich habe einen Fehler drin, da ich noch nie etwas mit JS zu tun hatte, hier der Quellcode: PHP-Code: <html> <head> <script type="text/javascript"> function div(neuerdiv) { var neuerdiv = "margin-top:200px; display:block; background-color:#000000; width:200px; height:200px;"; document.getElementById("test").nodeValue = neuerdiv; } </script> </head> <body> <div id="test" style="margin-top:200px; display:none; background-color:#000000; width:200px; height:200px;">Hallo</div> <img src="logo.png" onclick="javascript:div" /> </body> </html> An dem div liegt es nicht, da ich das natürlich schon alles überprüft habe, desweiteren denke ich, dass ich da totalen Schrott in JS zusammengecodet habe. Wäre nett, falls ihr ein paar Tipps hättet.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

30.12.2010, 11:45
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Hi. Ne id und style="visibility:hidden" bzw. visibility:visible geben und per javascript mit document.getElementById('blabla').style.visibility switchen oder schauste hier: http://sinscript.de/javascript/dom/d...nd-ausblenden/ mfg Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

30.12.2010, 11:51
GiS Erfahrener Benutzer Registriert seit: 07.06.2009 Beiträge: 112 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `<html> <head> <script type="text/javascript"> function div() { document.getElementById('test').style.visibility = "visible"; } </script> </head> <body> <div id="test" style="margin-top:200px; visibility:hidden; background-color:#000000; width:200px; height:200px;"></div> <img src="logo.png" onclick="javascript:div" /> </body> </html>` Habe es nun so, wo könnte der Fehler liegen?

30.12.2010, 12:04
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Lieber so: PHP-Code: `<html> <head> <script type="text/javascript"> function div() { document.getElementById('test').style.visibility = "visible"; } </script> </head> <body> <div id="test" style="margin-top:200px; visibility:hidden; background-color:#000000; width:200px; height:200px;">test</div> <a href="#" onclick="div()">Klick</a> </body> </html>` Hast kleine Syntaxfehler drin. mfg Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

30.12.2010, 12:15
GiS Erfahrener Benutzer Registriert seit: 07.06.2009 Beiträge: 112 PHP-Kenntnisse: Fortgeschritten	Vielen Dank