ID: 235
Viewed: 3919
Added: Jun 15, 2002
Version:
Snippet uploaded by: snippet
Written By: snippet
Demo: Sorry, no demo
Thank you for your vote. Please wait...
It appears you already voted for this snippet
It appears your vote value was empty
This neat little script will show a tooltip next to the link. it can have images in it as well.
Browsers: IE4 & NS4.x and NS6+, Opera
Browsers: IE4 & NS4.x and NS6+, Opera
<!---Head--->
<STYLE>
.EVNTcls {visibility:hidden;position:absolute;top:100;left:250;font-size:20px}
</STYLE>
<SCRIPT language="JavaScript">
<!--
var ACTIVElist=false;
// browser detection using DOM detection:
if (document.getElementById)
{
var LoLev=false;
var HiLev=true;
var IE5=(document.all) ? true : false;
var NS6=(!document.all) ? true : false;
}
else
{
var HiLev=false;
var LoLev=true;
var IE4=(document.all) ? true : false;
var NS4=(document.layers) ? true : false;
}
function ShowBlock(EL)
{
if (NS4)
{
ACTIVElist=document.layers[EL];
}
else
{
if (IE4)
{
ACTIVElist=document.all[EL].style;
}
else
{
if (HiLev)
{
ACTIVElist=document.getElementById(EL).style;
}
}
}
ACTIVElist.visibility="visible";
}
//-->
</SCRIPT>
<!---Body--->
<DIV ID="linklst" STYLE=position:absolute;left:40;top:100">
<A HREF="#" onMouseOver="ShowBlock('id1')"
onMouseOut="ACTIVElist.visibility='hidden'"> link 1
</A><BR><BR>
<A HREF="#" onMouseOver="ShowBlock('id2')"
onMouseOut="ACTIVElist.visibility='hidden'"> link 2
</A><BR><BR>
<A HREF="#" onMouseOver="ShowBlock('id3')"
onMouseOut="ACTIVElist.visibility='hidden'"> link 3
</A><BR><BR>
<A HREF="#" onMouseOver="ShowBlock('id4')"
onMouseOut="ACTIVElist.visibility='hidden'"> link 4
</A><BR><BR>
</DIV>
<DIV ID="id1" CLASS="EVNTcls"
STYLE="position:absolute;">
HORREN<BR>
soem text in June<BR>
time to print this<BR>
script<br>
to your hard drive
</DIV>
<!-- each list in in its own layer with only one visibile at a time
-->
<DIV ID="id2" CLASS="EVNTcls"
STYLE="position:absolute;left:250;top:100">
WEBDESIGN<BR>
for your Website<BR><BR><img src="images/fuzzy.gif" width="88" height="31" alt=""><br>
some text 189,--
</DIV>
<DIV ID="id3" CLASS="EVNTcls"
STYLE="position:absolute;left:250;top:100">
JULY 17TH EVENTS<BR>
1st event for July 17<BR>also can have images<BR>
<img src="images/fuzzy.gif" width="75" height="50" alt=""><BR> :x)<BR> :=)<BR></DIV>
<DIV ID="id4" CLASS="EVNTcls"
STYLE="position:absolute;left:250;top:100">
JULY 18TH EVENTS<BR>
1st event for July 18<BR>another event for July 18th<BR>etc
</DIV>
No Comments to show
Please completely fill out the form below if you want to review this snippet. All reviews are subject to validation.
Adding your comment. Please wait...
Thanks for adding your comment!. After further review it will be added.
There was a problem adding your comment. Please try again.
Please complete all the fields in the form before sending.