Menu
HI,
Im new here so hello all.
I have a function that captures all clicks ( captureClicks() function). It’s not working with content i’ve created using javascript. I’ve created an a tag with createElement ( createcontent() function )but when i click on it the expected behaviour does not occur. All other elements do correctly alert a message back…..has anyone encountered this type of problem?
[code=html]// cross-browser event handling
function addEvent(element, evType, fn, useCapture) {
if (element.addEventListener) {
element.addEventListener(evType, fn, useCapture);
return true;
} else if (element.attachEvent) {
var r = element.attachEvent(‘on’ + evType, fn);
return r;
} else {
element[‘on’ + evType] = fn;
}
}
//add a listener on page load
addEvent(window, ‘load’, addListeners, false);
function addListeners() {
createContent();
captureClicks();
}
function createContent() {
var obj = document.getElementById(‘container’)
var titlea = document.createElement(‘a’);
titlea.className = ‘selectelement’;
titlea.id = ‘li’;
var txt = document.createTextNode(‘yes this is here’);
titlea.appendChild(txt);
obj.parentNode.appendChild(titlea);
}
function captureClicks() {
document.documentElement.onclick = function(e){
e= window.event || e;
var clickedOn = e.target || e.srcElement;
if(clickedOn.nodeType == 3) {
alert(“this is node type 3”);
clickedOn = clickedOn.parentNode;
}
var id = clickedOn.id;
if(id == ”) {
alert(“there is no id here!”);
} else if(id == ‘hello’ || id == ‘container’) {
alert(“the id of this element is ” + id);
}
}
}