login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onclick event

Offline loybo - 30/05/2007 14:10
Avatar van loyboNieuw lid Hallo ik ben een eerste jaars student en volg multimedia en communicatietechnologie aan de hogeschool pih in kortrijk voor mijn eindwerk zit ik met het volgende probleem:
ik plaats dit stukje code in een for lus

oVerwijder = document.createElement('input');
oVerwijder.setAttribute("type","button");
oVerwijder.setAttribute("value","Verwijderen");
oVerwijder.setAttribute("id",i);
oVerwijder.onclick = function() {alert(oVerwijder.id);};
oDiv.appendChild(oVerwijder);
document.getElementById("inhoudlijk").appendChild(oDiv);

maar als ik op 1 van men 4 knoppen klik krijg ik altijd het id te zien van de 4de knop inplaats van de id van de knop waar ik op klik.

als er iemand hier een oplossing voor heeft zou ik jullie zeer dankbaar zijn men eindwerk hangt af van dit laatste stukje code voor volledig te kunnen werken.

Alvast bedankt.

3 antwoorden

Gesponsorde links
Offline ArndJan - 30/05/2007 14:18
Avatar van ArndJan PHP interesse Kun je even je helecode plaatsen tussen code tags? 
Offline JBke - 30/05/2007 15:11 (laatste wijziging 30/05/2007 15:12)
Avatar van JBke PHP gevorderde is je laatste knop "verwijder"?? "en zou je je hele code kunnen geven liefst tussen [.code] je code [./code] (zonder de . [ignore][/ignore] werkt hier bloijkbaar niet) admins UBB class?

of indien groter dan 60 regels op plaatscode.
Offline loybo - 30/05/2007 15:51
Avatar van loybo Nieuw lid Hier de code
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function laden(){
  2. 	//alert(readCookie('bestel'));
  3. 	//eraseCookies();
  4. 	var id = "";
  5. 	document.getElementById("inhoudlijk").innerHTML = "";
  6. 	if(readCookie('bestel')){
  7. 		bestelling = readCookie('bestel');
  8. 		alert(bestelling);
  9. 		var aantalAankoop = bestelling.split('+');
  10.  
  11. 		//oForm = document.createElement('form');
  12. //		oForm.setAttribute("action","mailto:bjorn.lonneville@howest.be");
  13. //		oForm.setAttribute("name","bestelformulier");
  14.  
  15. 		for ( var i = 0; i < aantalAankoop.length; i++ ){
  16. 			var apart = aantalAankoop[i].split('*');
  17.  
  18. 			oDiv = document.createElement('div');
  19. 			oDiv.setAttribute("id","product" + i);
  20.  
  21. 			oAantal = document.createElement('input');
  22. 			oAantal.setAttribute("type","text");
  23. 			oAantal.setAttribute("value",apart[0]);
  24. 			oAantal.setAttribute("disabled","disabled");
  25. 			oAantal.setAttribute("id","aantal" + i);
  26. 			oAantal.setAttribute("size","1");
  27.  
  28. 			oTitel = document.createElement('input');
  29. 			oTitel.setAttribute("type","text");
  30. 			oTitel.setAttribute("value",apart[1]);
  31. 			oTitel.setAttribute("disabled","disabled");
  32. 			oTitel.setAttribute("id","titel" + i);
  33. 			oTitel.setAttribute("size","30");
  34.  
  35. 			oKleur = document.createElement('input');
  36. 			oKleur.setAttribute("type","text");
  37. 			oKleur.setAttribute("value",apart[2].replace("_"," "));
  38. 			oKleur.setAttribute("disabled","disabled");
  39. 			oKleur.setAttribute("id","kleur" + i);
  40. 			oKleur.setAttribute("size","7");
  41.  
  42. 			oMaat = document.createElement('input');
  43. 			oMaat.setAttribute("type","text");
  44. 			oMaat.setAttribute("value",apart[3]);
  45. 			oMaat.setAttribute("disabled","disabled");
  46. 			oMaat.setAttribute("id","maat" + i);
  47. 			oMaat.setAttribute("size","3");
  48.  
  49. 			oPrijs = document.createElement('input');
  50. 			oPrijs.setAttribute("type","text");
  51. 			oPrijs.setAttribute("value",apart[4]);
  52. 			oPrijs.setAttribute("disabled","disabled");
  53. 			oPrijs.setAttribute("id","prijs" + i);
  54. 			oPrijs.setAttribute("size","3");
  55.  
  56. 			oVerwijder = document.createElement('input');
  57. 			oVerwijder.setAttribute("type","button");
  58. 			oVerwijder.setAttribute("value","Verwijderen");
  59. 			oVerwijder.setAttribute("id",i);
  60. 			oVerwijder.onclick = function() {alert(oVerwijder.id);};
  61. 			alert(oVerwijder.id);
  62.  
  63.  
  64. 			oDiv.appendChild(oAantal);
  65. 			oDiv.appendChild(oTitel);
  66. 			oDiv.appendChild(oKleur);
  67. 			oDiv.appendChild(oMaat);
  68. 			oDiv.appendChild(oPrijs);
  69. 			oDiv.appendChild(oVerwijder);
  70.  
  71. 			document.getElementById("inhoudlijk").appendChild(oDiv);
  72. 		}
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s