|  Nieuw lid |  | Beste mensen, Ik zit met een, voor mij nogal vaag, probleem. In een for-loopje maak ik nieuwe Input-elementen aan, hier geef ik een onKeyup-event aan, in dit event roep ik een functie aan die ik een variabele meegeef.
 
 
    
    
        
            
                
function initPage(){
	var rootContainer = document.getElementById('main_div')
	var elementen = rootContainer.getElementsByTagName('div')
	for(i=0;i<=elementen.length - 1;i++){
		if(elementen[i].className == 'BusinessElement'){
			var font = elementArray[i].elementfont
			var fontMaat = elementArray[i].elementfontsize
			var waardevalue = elementen[i].firstChild.nodeValue
			elementen[i].removeChild(elementen[i].firstChild)
			var textReplace = elementen[i].appendChild(document.createElement('img'))
			textReplace.src='fontreplacer.php?text=' + waardevalue + '&font=' + font + '&size=' + fontMaat
			textReplace.id = waardevalue + '_img'			
			if(elementArray[i].elementtype == 'var'){
				var inputContainer = document.getElementById('input_fields')
				inputContainer.appendChild(document.createTextNode(waardevalue + ': '))
				var newInput = document.createElement('input')
				newInput.type = 'text'
				newInput.id = waardevalue + '_input'
				newInput.value = waardevalue
				newInput.onkeyup = function(){changeImage(waardevalue,font,fontMaat)}				
				inputContainer.appendChild(newInput)
				inputContainer.appendChild(document.createElement('br'))				
			}			
		}
	}
}
 function initPage(){	var rootContainer = document.getElementById('main_div')	var elementen = rootContainer.getElementsByTagName('div')	for(i=0;i<=elementen.length - 1;i++){		if(elementen[i].className == 'BusinessElement'){			var font = elementArray[i].elementfont			var fontMaat = elementArray[i].elementfontsize			var waardevalue = elementen[i].firstChild.nodeValue			elementen[i].removeChild(elementen[i].firstChild)			var textReplace = elementen[i].appendChild(document.createElement('img'))			textReplace.src='fontreplacer.php?text=' + waardevalue + '&font=' + font + '&size=' + fontMaat			textReplace.id = waardevalue + '_img'						if(elementArray[i].elementtype == 'var'){				var inputContainer = document.getElementById('input_fields')				inputContainer.appendChild(document.createTextNode(waardevalue + ': '))				var newInput = document.createElement('input')				newInput.type = 'text'				newInput.id = waardevalue + '_input'				newInput.value = waardevalue				newInput.onkeyup = function(){changeImage(waardevalue,font,fontMaat)}								inputContainer.appendChild(newInput)				inputContainer.appendChild(document.createElement('br'))							}					}	}}
   Nu wordt er bij alle elementen dezelfde variabele meegegeven, namelijk de laatste uit de array. Heeft er iemand een idee hoe dit kan?
 |