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?
|