Forum Moderators: open
<body onmousemove='overhere()'>The tool tip script is external ( due to using XHTML ), & looks like this.
var ie = document.all? 1 : 0
var ns = document.layers? 1 : 0
if(ns){doc = "document."; sty = ""}
if(ie){doc = "document.all."; sty = ".style"}
var initialize = 0
var Ex, Ey, topColor, subColor, ContentInfo
if(ie){
Ex = "event.x"
Ey = "event.y"
topColor = "#663366"
subColor = "#ffbb00"
}
if(ns){
Ex = "e.pageX"
Ey = "e.pageY"
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=overhere
topColor = "#663366"
subColor = "#ffbb00"
}
function MoveToolTip(layerName, FromTop, FromLeft, e){
if(ie){eval(doc + layerName + sty + ".top = " + (eval(FromTop) + document.body.scrollTop))}
if(ns){eval(doc + layerName + sty + ".top = " + eval(FromTop))}
eval(doc + layerName + sty + ".left = " + (eval(FromLeft) + 10))
eval(doc + layerName + sty + ".top = " + (eval(FromTop) + 10))
}
function ReplaceContent(layerName){
if(ie){document.all[layerName].innerHTML = ContentInfo}
if(ns){
with(document.layers[layerName].document)
{
open();
write(ContentInfo);
close();
}
}
}
function Activate(){initialize=1}
function deActivate(){initialize=0}
function overhere(e){
if(initialize){
MoveToolTip("ToolTip", Ey, Ex, e)
eval(doc + "ToolTip" + sty + ".visibility = 'visible'")
}
else{
MoveToolTip("ToolTip", 0, 0)
eval(doc + "ToolTip" + sty + ".visibility = 'hidden'")
}
}
function EnterContent(layerName, TTitle, TContent){ContentInfo = '<div class=balloont>'+TTitle+'</div>'+
'<div class=balloonb>'+TContent+'</div>';
ReplaceContent(layerName)
}
To have it appear over an object you add this to it.
onmouseover="EnterContent('ToolTip','Name','Content'); Activate();" onMouseout="deActivate()"At the moment I'm getting an error & the tool tip isn't appearing. Not only that you cant drag select any of the page, text or images etc. This has been since cleaning up the php and the XHTML, I didn't stop to check what was causing it till after I passed the XHTML & CSS validations.
If I remove the body section of the script from the page the error goes away, but so does my ability to use the tool tip.
What's broken?
There's also a popup script running exeternally FYI.
<DIV id=ToolTip style="position:absolute"></DIV>
Hope this helps
-M
<div id='ToolTip'></div>Is in the page after the nav, before the content.
#ToolTip {
position : absolute;
top : 0;
left : 0;
z-index : 4;
visibility : hidden;
} In the External CSS.
As part of validating my page as XHTML I was told to add a "type". Somehow I added:
type='text/css'Which should've been,
type='text/javascript'Thanks for the help.
