1 Reply Latest reply on Oct 3, 2007 5:04 AM by Newsgroup_User

    ToolTip in FireFox

    phrixium
      Hi, i found a code snippet in Dreamweaver "Tool Tips"
      you can see the script here.
      It works in IE, but in FireFox it just stands in one corner, it dosent move around at all.
      So i was wondering if anybody can help me with this, help me to code this script so it wil work in FireFox to.
      -Stefan

        • 1. Re: ToolTip in FireFox
          Level 7
          Just go get "OverBox" from http://www.swazz.net - it's slick and it works.

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.dreamweavermx-templates.com - Template Triage!
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
          ==================


          "phrixium" <webforumsuser@macromedia.com> wrote in message
          news:fdvpa3$3fk$1@forums.macromedia.com...
          > Hi, i found a code snippet in Dreamweaver "Tool Tips"
          > you can see the script here.
          > It works in IE, but in FireFox it just stands in one corner, it dosent
          > move
          > around at all.
          > So i was wondering if anybody can help me with this, help me to code this
          > script so it wil work in FireFox to.
          > -Stefan
          >
          >
          >
          > // Example:
          >
          > // onMouseOver="toolTip('tool tip text here')" onMouseOut="toolTip()"
          >
          > // onMouseOver="toolTip('tool tip text here')";
          >
          > // onMouseOut="toolTip()";
          >
          > // -or-
          >
          > // onMouseOver="toolTip('more good stuff', '#FFFF00', 'orange')";
          >
          > // onMouseOut="toolTip()";
          >
          > /*
          >
          > MOVE this to the <body>:
          >
          > <div id="toolTipLayer" style="position:absolute; visibility:
          > hidden"></div>
          > <script language="JavaScript"> <!--initToolTips(); //--></script>
          > */
          > var ns4 = document.layers;
          > var ns6 = document.getElementById && !document.all;
          > var ie4 = document.all;
          > offsetX = 0;
          > offsetY = 20;
          > var toolTipSTYLE="";
          > function initToolTips()
          > {
          > if(ns4||ns6||ie4)
          > {
          > if(ns4) toolTipSTYLE = document.toolTipLayer;
          > else if(ns6) toolTipSTYLE =
          > document.getElementById("toolTipLayer").style;
          > else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
          > if(ns4) document.captureEvents(Event.MOUSEMOVE);
          > else
          > {
          > toolTipSTYLE.visibility = "visible";
          > toolTipSTYLE.display = "none";
          > }
          > document.onmousemove = moveToMouseLoc;
          > }
          > }
          > function toolTip(msg, fg, bg)
          > {
          > if(toolTip.arguments.length < 1) // hide
          > {
          > if(ns4) toolTipSTYLE.visibility = "hidden";
          > else toolTipSTYLE.display = "none";
          > }
          > else // show
          > {
          > if(!fg) fg = "#777777";
          > if(!bg) bg = "#FFFFFF";
          > var content =
          > '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg +
          > '"><td>' +
          > '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg +
          > '"><td align="center"><font face="sans-serif" color="' + fg +
          > '" size="-2">&nbsp\;' + msg +
          > '&nbsp\;</font></td></table></td></table>';
          > if(ns4)
          > {
          > toolTipSTYLE.document.write(content);
          > toolTipSTYLE.document.close();
          > toolTipSTYLE.visibility = "visible";
          > }
          > if(ns6)
          > {
          > document.getElementById("toolTipLayer").innerHTML = content;
          > toolTipSTYLE.display='block'
          > }
          > if(ie4)
          > {
          > document.all("toolTipLayer").innerHTML=content;
          > toolTipSTYLE.display='block'
          > }
          > }
          > }
          > function moveToMouseLoc(e)
          > {
          > if(ns4||ns6)
          > {
          > x = e.pageX;
          > y = e.pageY;
          > }
          > else
          > {
          > x = event.x + document.body.scrollLeft;
          > y = event.y + document.body.scrollTop;
          > }
          > toolTipSTYLE.left = x + offsetX;
          > toolTipSTYLE.top = y + offsetY;
          > return true;
          > }
          > // JavaScript Document
          >