DOM mit onClick funktioniert nicht

Nussi · 27.05.2010, 16:38

Mein Code:

Code:

	var link = document.createElement("a");
	document.getElementById(tabelle_id).appendChild(link);
	link.onclick = hinzufuegen(nummer+1);
	link.href = "#"; 
	link.innerHTML = "hinzuf&uuml;gen";

Es soll ein Link erstellt werden. Soweit funktioniert es auch. Der Code befindet sich in der funktion hinzufuegen(nummer). Diese funktion wird beim klick auf einen Link aufgerufen und soll eben nochmal einen Link erzeugen, der diese wieder, aber mit einer anderen Nummer (in diesem fall n+1) aufruft, wenn man draufklickt. Erzeugt wird er, href wird auch hinzugefügt, aber er wehrt sich gegen das onClick. Das wird einfach nicht mit in den Link übernommen. Ich habe also das hier am ende:

Code:

<a href="#">hinzufügen</a>

Wie bekomm ich das gelöst?

nikosch · 27.05.2010, 16:46

Zitat:

link.onclick = hinzufuegen(nummer+1);

Das ist auch Unsinn. Denn Du weist das Ergebnis der ausgeführten Funktion zu. Versuchs mal mit:

Code:

link.onclick = function (nummer) {return hinzufuegen(nummer+1)};

Noch eher würde ich Dir bspw. zu jQuery raten, die Mechanismen wie live-Query bieten.

Nussi · 27.05.2010, 16:50

Danke dir! So habe ich noch garnicht dran gedacht ...

JQuery werde ich mir mal anschauen, auch dafür Danke!

Nussi · 28.05.2010, 16:42

Hallo, ich bins nochmal!

Beim klicken auf den Link wird - so wie der code oben lautet - die Variable "Nummer" mit einem onClick Event belegt. Der richtige Code muss lauten:

Code:

link.onclick = function () {return hinzufuegen(nummer+1)};

So wird die Variable nicht überschrieben. Nur der vollständigkeit halber.

Gruß Jan

nikosch · 28.05.2010, 22:55

Ach so, naja, klar, ein Parameter macht hier generell kaum Sinn. ALlenfalls mit einem Closure, dann müsste nummer viell. der 2. Parameter sein. Dass nummer global ist, war aus dem Ursprungsbeispiel allerdings nicht ersichtlich.

rudygotya · 04.06.2010, 00:05

Tipp zum Debuggen: Firebug mit Firequery oder einen Webkit-Browser deiner Wahl => zeigt dir gebundene Eventhandler

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
Verschlüsselung funktioniert nicht richtig	netmario	PHP Tipps 2010	2	19.05.2010 22:57
[Erledigt] Mehrere Elemente auf Onclick überprüfen	lithium	JavaScript, Ajax und mehr	2	25.04.2010 21:50
onClick + overlays aber ohne submit	Chili-Schaf	JavaScript, Ajax und mehr	2	04.12.2009 12:12
mod_rewrite mit slash/ohne slash funktioniert nur teilweise	taurus	Server, Hosting und Workstations	4	13.09.2009 12:57
[Erledigt] onclick, onmoseover,onmouseout in 1 href	FreddyS	HTML, Usability und Barrierefreiheit	11	31.07.2009 20:29
[Erledigt] onclick submit Feldinhalt wird nicht übertragen	FreddyS	PHP Tipps 2009	11	07.07.2009 13:15
[ERLEDIGT]PHP while-Schleife für Ausgabe funktioniert plötzlich nicht	fuckinghot19	PHP Tipps 2009	6	05.06.2009 22:28
[Erledigt] Umlaute ersetzen funktioniert nicht richtig	BlackSpirit	PHP Tipps 2009	19	20.04.2009 12:04
onclick nicht funktioniert	waldsee	PHP Tipps 2009	8	09.02.2009 13:05
send button funktioniert nicht, finde fehler nicht	selma123	PHP Tipps 2008	3	17.09.2008 11:57
[JS] onClick funktioniert erst beim 2. Mal Klicken.	DER_Brain	HTML, Usability und Barrierefreiheit	2	08.07.2008 10:47
onClick in <td>-Element funktioniert nicht	rocco	HTML, Usability und Barrierefreiheit	1	04.03.2008 13:45
Session funktioniert nicht bei session.use_cookies = Off	Quagga	PHP Tipps 2007	13	13.01.2007 18:27
Variable mit onClick übergeben?		PHP Tipps 2005-2	2	22.09.2005 15:33
Dateien erstellen oder schreiben funktioniert nicht im Web		PHP Tipps 2004-2	1	05.12.2004 19:39

27.05.2010, 16:38
Nussi Neuer Benutzer Registriert seit: 03.03.2010 Beiträge: 7 PHP-Kenntnisse: Anfänger	DOM mit onClick funktioniert nicht Mein Code: Code: var link = document.createElement("a"); document.getElementById(tabelle_id).appendChild(link); link.onclick = hinzufuegen(nummer+1); link.href = "#"; link.innerHTML = "hinzufügen"; Es soll ein Link erstellt werden. Soweit funktioniert es auch. Der Code befindet sich in der funktion hinzufuegen(nummer). Diese funktion wird beim klick auf einen Link aufgerufen und soll eben nochmal einen Link erzeugen, der diese wieder, aber mit einer anderen Nummer (in diesem fall n+1) aufruft, wenn man draufklickt. Erzeugt wird er, href wird auch hinzugefügt, aber er wehrt sich gegen das onClick. Das wird einfach nicht mit in den Link übernommen. Ich habe also das hier am ende: Code: <a href="#">hinzufügen</a> Wie bekomm ich das gelöst?


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

27.05.2010, 16:50
Nussi Neuer Benutzer Registriert seit: 03.03.2010 Beiträge: 7 PHP-Kenntnisse: Anfänger	Danke dir! So habe ich noch garnicht dran gedacht ... JQuery werde ich mir mal anschauen, auch dafür Danke!

28.05.2010, 16:42
Nussi Neuer Benutzer Registriert seit: 03.03.2010 Beiträge: 7 PHP-Kenntnisse: Anfänger	Hallo, ich bins nochmal! Beim klicken auf den Link wird - so wie der code oben lautet - die Variable "Nummer" mit einem onClick Event belegt. Der richtige Code muss lauten: Code: link.onclick = function () {return hinzufuegen(nummer+1)}; So wird die Variable nicht überschrieben. Nur der vollständigkeit halber. Gruß Jan

28.05.2010, 22:55
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ach so, naja, klar, ein Parameter macht hier generell kaum Sinn. ALlenfalls mit einem Closure, dann müsste nummer viell. der 2. Parameter sein. Dass nummer global ist, war aus dem Ursprungsbeispiel allerdings nicht ersichtlich. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

04.06.2010, 00:05
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Tipp zum Debuggen: Firebug mit Firequery oder einen Webkit-Browser deiner Wahl => zeigt dir gebundene Eventhandler __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog