Mam problem z funkcją, która zostaje uruchomiona w momencie naciśnięcia na obiekt. Wtedy powinny być tworzone dwa nowe divy - jeśli takie divy już istnieją nic nie powinno się dziać.
Funkcja wygląda następująco:
Kod
addNewDiv: function(){
var ni = document.getElementById('info');
var newdivX = document.createElement('div');
var divIdNameX = 'positionXDiv'+dragDrop.El.id;
var newdivY = document.createElement('div');
var divIdNameY = 'positionYDiv'+dragDrop.El.id;
newdivX.setAttribute('id',divIdNameX);
newdivY.setAttribute('id',divIdNameY);
newdivX.innerHTML = 'Nowy divX'+dragDrop.El.id;
newdivY.innerHTML = 'Nowy divY'+dragDrop.El.id;
if(document.getElementById(newdivX)==null)
ni.appendChild(newdivX);
if(document.getElementById(newdivY)==null)
ni.appendChild(newdivY);
},
var ni = document.getElementById('info');
var newdivX = document.createElement('div');
var divIdNameX = 'positionXDiv'+dragDrop.El.id;
var newdivY = document.createElement('div');
var divIdNameY = 'positionYDiv'+dragDrop.El.id;
newdivX.setAttribute('id',divIdNameX);
newdivY.setAttribute('id',divIdNameY);
newdivX.innerHTML = 'Nowy divX'+dragDrop.El.id;
newdivY.innerHTML = 'Nowy divY'+dragDrop.El.id;
if(document.getElementById(newdivX)==null)
ni.appendChild(newdivX);
if(document.getElementById(newdivY)==null)
ni.appendChild(newdivY);
},
Niestety funkcja i tak i tak zawsze dopisuje kolejne elementy przy kliknięciu. Jeśli się zmieni
Kod
if(document.getElementById(newdivX)==null)
ten warunek na Kod
if(document.getElementById(newdivX)!=null)
to oczywiście nic nie wyświetli i tutaj akurat działa.Ma ktoś może jakąś sugestie jak naprawić tą funkcję?