Button onclick-Event mit JS richtig ansteuern

meclovin · 26.03.2010, 13:55

Guten Tag liebe Forenmitglieder,
ich arbeite mich zur Zeit etwas mit Javascript ein und komme zur Zeit an einer Stelle nicht wirklich weiter.

Ich bekomme über eine Ajax Anfrage einen String wieder. Der String hat diese Form (bzw es ist in diesem Fall der String):

Code:

d2-d6

Er wird in myBack gespeichert und anschließend in dem Array darunter aufgespalten.

Code:

myBack = http.responseText;
myBackArr = myBack.split("-");

Nun habe ich im html-Code zwei Buttons:

Code:

<input id="bd2" onclick=" " type="button" style=".." value="" disabled />
<input id="bd6" onclick=" " type="button" style=".." value="" disabled />

Diese Buttons sollen nun beim onclick-Event etwas Bestimmtes eingetragen bekommen, nämlich

Code:

Weiter(tocheck, myAktuell, field)

.

Um den Array abzuarbeiten habe ich eine for-Schleife verwendet und dann den jeweiligen Button über

Code:

theBtn = document.getElementById('b' + myBackArr[i]);

angesteuert.

Hier ist mal der gesamte Code:

Code:

for(i = 0; i < myBackArr.length; i++) {
	  myAktuell = myBackArr[i];
	  var theBtn = document.getElementById('b' + myBackArr[i]);
	  theBtn.disabled = false;
	  theBtn.style.backgroundColor = "#FF6347";
	  theBtn.onclick= function() {Weiter(tocheck, myAktuell, field)};
}

Das Ändern des Status und das Anpassen der Hintergrundfarbe funktioniert ohne Probleme, jedoch funktioniert das Anpassen des onclick-Events nicht richtig. Bei beiden Buttons wird Weiter(tocheck, d6, field) eingetragen und nicht einmal d2 und einmal d6.
Also egal auf welchen Button ich drücke, die Variable myAktuell ist jedes mal d6!

Ich hoffe, dass ihr mein Problem verstehen könnt

, ich hätte es glaube ich nicht so detailreich erklären sollen

.

Es wäre toll, wenn jemand wüsste, was ich genau falsch gemacht habe, ich finde den Fehler nicht!

Arne Drews · 28.03.2010, 19:20

So sehe ich grad keinen Fehler in Deinem Script.
Wie sieht denn die Function "Weiter" aus? Liegt da vielleicht der Fehler?

Deine Schleife ist imho richtig...

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
RADIO BUTTON (onchange, onclick)	ClemensK	JavaScript, Ajax und mehr	12	28.01.2010 16:52
[Erledigt] SQL UPDATE bei onclick Event!	Livastyle	JavaScript, Ajax und mehr	9	14.01.2010 22:28
Datenbankinhalt per Onclick event ändern	Extremefall	PHP Tipps 2009	8	01.01.2010 02:03
[Erledigt] Im <option> ein onClick Event für Vorauswahl	Felix	JavaScript, Ajax und mehr	2	08.09.2009 14:53
variable mit onclick an php	drombusch	PHP Tipps 2009	8	30.08.2009 14:45
[Erledigt] OnClick event abbrechen	Frank	JavaScript, Ajax und mehr	4	25.08.2009 12:15
jQuery: Parameter an onclick Event	ecomeback	HTML, Usability und Barrierefreiheit	1	08.04.2008 11:23
Reset Button bei Formularen	TeazY	PHP Tipps 2008	2	24.12.2007 14:59
JS - node, onClick Event hinzufügen, MSIE	Zergling-new	HTML, Usability und Barrierefreiheit	3	21.07.2006 19:46
Button mit onClick in PHP		PHP Tipps 2005-2	6	20.10.2005 11:06
Button mit OnClick eine PHP Funktion ausführen lassen		PHP Tipps 2005	3	24.04.2005 14:03
geechoter button funktioniert nicht richtig	Crypi	HTML, Usability und Barrierefreiheit	10	29.12.2004 19:08
Ich habe eine Auswahlliste und einen Button. Wie auswerten?		PHP Tipps 2004	1	20.10.2004 16:39
formular button linkt an interne Stelle		PHP Tipps 2004	1	08.06.2004 10:02

26.03.2010, 13:55
meclovin Neuer Benutzer Registriert seit: 01.03.2010 Beiträge: 8 PHP-Kenntnisse: Fortgeschritten	Button onclick-Event mit JS richtig ansteuern Guten Tag liebe Forenmitglieder, ich arbeite mich zur Zeit etwas mit Javascript ein und komme zur Zeit an einer Stelle nicht wirklich weiter. Ich bekomme über eine Ajax Anfrage einen String wieder. Der String hat diese Form (bzw es ist in diesem Fall der String): Code: d2-d6 Er wird in myBack gespeichert und anschließend in dem Array darunter aufgespalten. Code: myBack = http.responseText; myBackArr = myBack.split("-"); Nun habe ich im html-Code zwei Buttons: Code: <input id="bd2" onclick=" " type="button" style=".." value="" disabled /> <input id="bd6" onclick=" " type="button" style=".." value="" disabled /> Diese Buttons sollen nun beim onclick-Event etwas Bestimmtes eingetragen bekommen, nämlich Code: Weiter(tocheck, myAktuell, field) . Um den Array abzuarbeiten habe ich eine for-Schleife verwendet und dann den jeweiligen Button über Code: theBtn = document.getElementById('b' + myBackArr[i]); angesteuert. Hier ist mal der gesamte Code: Code: for(i = 0; i < myBackArr.length; i++) { myAktuell = myBackArr[i]; var theBtn = document.getElementById('b' + myBackArr[i]); theBtn.disabled = false; theBtn.style.backgroundColor = "#FF6347"; theBtn.onclick= function() {Weiter(tocheck, myAktuell, field)}; } Das Ändern des Status und das Anpassen der Hintergrundfarbe funktioniert ohne Probleme, jedoch funktioniert das Anpassen des onclick-Events nicht richtig. Bei beiden Buttons wird Weiter(tocheck, d6, field) eingetragen und nicht einmal d2 und einmal d6. Also egal auf welchen Button ich drücke, die Variable myAktuell ist jedes mal d6! Ich hoffe, dass ihr mein Problem verstehen könnt , ich hätte es glaube ich nicht so detailreich erklären sollen. Es wäre toll, wenn jemand wüsste, was ich genau falsch gemacht habe, ich finde den Fehler nicht!


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

28.03.2010, 19:20
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	So sehe ich grad keinen Fehler in Deinem Script. Wie sieht denn die Function "Weiter" aus? Liegt da vielleicht der Fehler? Deine Schleife ist imho richtig...