Creating Usemaps with JavaScript for MSIE

[sp]

Has anyone had an issue creating usemaps for images using Javascript?

The problem I've been having is related to this code:

if(this.topImagePath){
this.titleTopImage = document.createElement("img");
this.titleTopImage.setAttribute("src", this.topImagePath);
this.titleTopImage.setAttribute("display", "block");
this.titleTopImage.setAttribute("usemap", "#close");
this.titleTopImage.setAttribute("style", "border: none");
this.titleElm.appendChild(this.titleTopImage);
}

this.titleMap = document.createElement("map");
this.titleMap.setAttribute("id", "close");
this.titleMap.setAttribute("name", "close");
this.titleElm.appendChild(this.titleMap);

this.titleArea = document.createElement("area");
this.titleArea.setAttribute("shape", "rect");
this.titleArea.setAttribute("coords", "137,3,148,13");
this.titleArea.setAttribute("href", "javascript:
GLT.clickOutElm(true)");
this.titleMap.appendChild(this.titleArea);

What it doesn't do for me is that it doesn't create the usermap for
this area in the MSIE. Whereas the same area seems linked and ready to
go in Firefox. Do you code the usermap differently for MSIE? Or is
there something I'm not seeing here?

Thanks in advance.

[ASM]

sp@k a écrit :

The problem I've been having is related to this code:

if(this.topImagePath){
this.titleTopImage = document.createElement("img");
this.titleTopImage.setAttribute("src", this.topImagePath);
this.titleTopImage.setAttribute("display", "block");

this.titleTopImage.setAttribute("style", "display:block");

this.titleTopImage.setAttribute("usemap", "#close");
this.titleTopImage.setAttribute("style", "border: none");

(snip)

What it doesn't do for me is that it doesn't create the usermap for
this area in the MSIE. Whereas the same area seems linked and ready to
go in Firefox. Do you code the usermap differently for MSIE? Or is
there something I'm not seeing here?

could try direct talk ? (in right order is better)

if(this.topImagePath){
this.titleTopImage = document.createElement("img");
this.titleTopImage.src = this.topImagePath;
this.titleTopImage.style.display = "block";
this.titleTopImage.style.border = "none";
this.titleTopImage.usemap = "#close";
this.titleElm.appendChild(this.titleTopImage);
}

this.titleMap = document.createElement("map");
this.titleMap.id = "close";
this.titleMap.name = "close";

this.titleArea = document.createElement("area");
this.titleArea.shape = "rect";
this.titleArea.coords = "137,3,148,13";
this.titleArea.href = "javascript:GLT.clickOutElm(true)";
this.titleMap.appendChild(this.titleArea);

this.titleElm.appendChild(this.titleMap);