ie getAttribute problems

[tader]

Hi, so i done script like that

    body : function() {
        for (i = 0; i < all_divs.length; i++) {
            if (all_divs[i].title) {
                addEvent(all_divs[i], "mouseover", this.onover);
                addEvent(all_divs[i], "mouseout", this.onout);
 
                all_divs[i].setAttribute("tooltip", all_divs[i].title);
                all_divs[i].removeAttribute("title");
            }
        }
    }, 
 
    onover : function() {
        var msger = document.getElementById("msger");
        msger.innerHTML = this.getAttribute("tooltip");
    },
 

So firefox prints out tooltip but the ie6 doesn't so what should i do that ie would print tooltip attribute

[gits]

hmmm, strange ... is it a problem with getAttribute() or another one? when you assign a fixed text is that displayed in the innerHTML of 'msger'?

kind regards

[tader]

the problem is with getAttribute(); ie can not get it if i do it like that all_divs[0].getAttribute(" tooltip"); it works but when im using this.getAttribu te("tooltip"); it doesn't work on ie on ff everything is ok. I need it to work on this.

[gits]

could you trace that this.tagName is the div you want to retrieve? may be you could try an additional property for the div like:

all_divs[i].tooltiptext = 'your_text';
 

and later on retrive it with:

this.tooltiptext;

kind regards

[tader]

hm... that didn't work dam it ;] mabey if i give you full script it will help you to see the problem

var all_divs = document.getElementsByTagName("a");
 
var onload_init = {
    xCord : 0, 
    yCord : 0,
 
    body : function() {
        for (i = 0; i < all_divs.length; i++) {
            if (all_divs[i].title) {
                addEvent(all_divs[i], "mousemove", this.onover);
                addEvent(all_divs[i], "mouseout", this.onout);
 
                all_divs[i].setAttribute("tooltip", all_divs[i].title);
                all_divs[i].removeAttribute("title");
            }
        }
    }, 
 
    getCords : function(evt) {
        if (document.captureEvents) {
            onload_init.xCord = evt.pageX;
            onload_init.yCord = evt.pageY;
        } else {
            onload_init.xCord = window.event.clientX;
            onload_init.yCord = window.event.clientY;
        }
    },
 
    createTooltip : function() {
        var div_element = document.createElement("div");
        div_element.setAttribute("id", "tooltip_box");
        div_element.style.visibility = "hidden";
        document.body.appendChild(div_element);
    },
 
    onover : function(evt) {
        var tooltip_div = document.getElementById("tooltip_box");
        onload_init.getCords(evt);
 
        if (tooltip_div == null) onload_init.createTooltip();
        tooltip_div.style.top = (onload_init.yCord + 12) + "px"
        tooltip_div.style.left = (onload_init.xCord + 12) + "px"
        tooltip_div.style.visibility = "visible";
 
        tooltip_div.innerHTML = "";
 
        // here is the problem this.getAttribute doesn't get text on ie
        var inner_text = this.getAttribute("tooltip");
        var ctn = document.createTextNode(inner_text);
        tooltip_div.appendChild(ctn);
    },
 
    onout : function() {
        var tooltip_div = document.getElementById("tooltip_box");
        tooltip_div.style.visibility = "hidden";
    }
};
 
 
function load_page() { onload_init.body(); }
addEvent(window, "load", load_page);
 
function addEvent(object, eventType, do_function){
    if (object.addEventListener){
        object.addEventListener(eventType, do_function, true);
        return true;
    } else if (object.attachEvent){
        var to_return = object.attachEvent("on" + eventType, do_function);
        return to_return;
    } else {
        return false;
    }
}
 

[gits]

hmmm ... first you should move the line where you retrieve your 'all_divs' into the onload-object so that the dom is ready to use for it?

could you try to alert innerHTML of the node instead of trying to retrieve the tooltip-attribute? does that work and is it the innerHTML of the correct node?

i just cannot test it since i'm using a mac an so no IE :) ... so i think we have to make little steps towards the solution ...

kind regards

[tader]

script is working file now i just updated addEvent function to this

function addEvent(obj, type, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(type, fn, false);
        return true;
    } else if (obj.attachEvent) {
        obj["e" + type + fn] = fn;
        obj[type + fn] = function() { 
            obj["e" + type + fn]( window.event ); 
        }
        var treturn = obj.attachEvent("on" + type, obj[type + fn]);
        return treturn;
    } else {
        obj["on" + type] = obj["e" + type + fn];
    }
}
 

so thx for your help anyway ;]

[gits]

glad to hear you got it working ... :)

but i'm just wondering whether the line:

var all_divs = document.getElementsByTagName("a");

always works? is it called onload or before? typically it is a little bit unreliable to retrieve dom-nodes during page load ... so it is better to do it after the page is fully loaded and so the dom too?

kind regards