Image

Imagesquink wrote in Imagejavascript

Firefox problem?

I've got some tooltip code underway for a project I'm working on. The only thing is, I've come accross something very odd. It works in Opera and IE, but not Firefox. Either there's something particulary odd in my code, or there's a weird bug in firefox.
Any of you JS guru's out there see anything blatantly wrong?



<script language="javascript1.5" type="text/javascript">
// irTips hovering layers 0.2

var mXPos;
var mYPos;
var intContent;
var intWidth;
//var clientPageType = window.Event ? true : false;
//if (!clientPageType) document.captureEvents(Event.MOUSEMOVE);


function irTips_settings(width, style, intCon) {
    intWidth = width;
    intContent = intCon;
}

function irTips_init() {
    irTips_move();
}

function irTips_move(e){
 var mYPos = 0;
 var mXPos = 0;
 var xOffset = 14;
 var yOffset = 9;
 if (!e) { if (window.event) var e=window.event; else document.captureEvents(Event.MOUSEMOVE); }
 
// var e = window.event;
    if (e.pageX || e.pageY) {
        mYPos = e.pageX;
        mXPos = e.pageY;
    } else if (e.clientX || e.clientY){
        mYPos = e.clientX + document.body.scrollLeft;
        mXPos = e.clientY + document.body.scrollTop;
    }
    if (document.all) {

       document.all('irTipInt').innerHTML = intContent;

        document.all('irTip').style.posTop = mXPos + xOffset;
        document.all('irTip').style.posLeft =  mYPos + yOffset;
        document.all('irTip').style.width = intWidth;
    } else if (document.layers) {

          document.layers['irTipInt'].innerHTML = intContent;

         document.layers['irTip'].style.top = mXPos + xOffset;
         document.layers['irTip'].style.left = mYPos + yOffset;
         document.layers['irTip'].style.width = intWidth;
    } else if (document.getElementById) {

          document.getElementById('irTipInt').innerHTML = intContent;

         document.getElementById('irTip').style.top = mXPos + xOffset;

         document.getElementById('irTip').style.left = mYPos + yOffset;

         document.getElementById('irTip').style.width = intWidth;

    }

    return true
}


    
function irTipVisi (visi) { // clear irTips
intContent = "";
    if (document.layers) { 
        document.layers['irTip'].style.visibility = visi;
        document.layers['irTip'].style.width = 0;
        document.layers['irTipInt'].innerHTML = "";
    } else if (document.all) {
        document.all('irTip').style.visibility = visi;
        document.all('irTip').style.width = 0;
        document.all('irTipInt').innerHTML = "";
    } else if (document.getElementById) {

        document.getElementById('irTip').style.visibility = visi;

        document.getElementById('irTip').style.width = 0;

        document.getElementById('irTipInt').innerHTML = "";

    }

}       


//
</script>




There's a demo here

Thanks :)

LJ Video