onclick not working in IE but working in firefox !!

[tarunchandel]

Hi

I am facing a problem with my code ....
this is what I am doing ...
I am having a link on the page which says "add tab" o clicking this link I add a new tab to the page, I write the code for that in Javascript function, I set the attributes of that tab in there. One of the attribute is on click. I am able to achieve what I want in mozilla but IE is not doing anything onclicking the tab.

I am attaching the code snippet as well ... see if you can help ... I am stuck ...

function addTab(obj)
        {
            tabCount=tabCount+1;
            var newSpan = document.createElement("span");
            newSpan.setAttribute("id","tab"+tabCount);
 
            var newInput = document.createElement("input");
            newInput.setAttribute("type","button");
            newInput.setAttribute("value","New Tab "+tabCount);
            newInput.setAttribute("onclick","changeTab(this)");
            newInput.setAttribute("id",tabCount);
 

Regards,
Tarun Chandel

[timcbest]

Hi

I am facing a problem with my code ....
this is what I am doing ...
I am having a link on the page which says "add tab" o clicking this link I add a new tab to the page, I write the code for that in Javascript function, I set the attributes of that tab in there. One of the attribute is on click. I am able to achieve what I want in mozilla but IE is not doing anything onclicking the tab.

I am attaching the code snippet as well ... see if you can help ... I am stuck ...

function addTab(obj)
        {
            tabCount=tabCount+1;
            var newSpan = document.createElement("span");
            newSpan.setAttribute("id","tab"+tabCount);
 
            var newInput = document.createElement("input");
            newInput.setAttribute("type","button");
            newInput.setAttribute("value","New Tab "+tabCount);
            newInput.setAttribute("onclick","changeTab(this)");
            newInput.setAttribute("id",tabCount);
 

Regards,
Tarun Chandel

I had the same problem. Anyone find a solution?

T

[benhunt]

Instead of hard-coding the event handler, include this code in a JS file (mine's called dhtml-core.js:

var addEvent;
if (document.addEventListener) {
    addEvent = function(element, type, handler) {
        element.addEventListener(type, handler, null);
    }
}
else if (document.attachEvent) {
    addEvent = function(element, type, handler) {
    element.attachEvent("on" + type, handler);
    }
}
else {
    addEvent = new Function; // not supported
}

Then, use the call:

addEvent(someObject, "click", functionName, false) ;

It'll work across various browsers.

[Kasya]

If You Use INternet Explorer 7 Beta for WINDOWS VISTA You Can Use It

[jakenoble]

benhunt,

Does that work with parameters? I am having major problems with IE not allowing you to change the onChange attribute of an element.

Jake

[AricC]

Post the HTML along with the JS if your still having this problem.

[benhunt]

No, doesn't use parameters in itself. I've never found that's stopped me though. Normally, the element's position in the DOM gives me what I need. Or, you can call different functions from different flavours of elements.

[benhunt]

This is pure fluke. I've stumbled across the solution. What you do is hard-code the function(){ ... your code here ...} instead of the myfunction() call... Forgot you could do this in JS. I'm seeing this technique used all over the place.

var listener = addEventListener(elem, "click", function() {
    alert("You clicked me!");
});

[Manu Gupta]

Hi,

I have a problem with Internet explorer as in my web applications second page, within few minutes I am getting this error-
The web page cannot be displayed. application is running fine in localhost but page expires if running on some other servers. In Mozilla Firefox its working fine. Please Help.