Not a Member Yet,
Click here to Register
How do you like the new design?






ID: 235
Viewed: 3325
Added: Jun 15, 2002
Version:
Snippet uploaded by: snippet
Written By: snippet
Demo: Sorry, no demo



User Rated at: 0 Stars
Rate This:

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

<!---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.


Replying to a Comment...


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.

© 2002 - 2017 snippetlibrary.com All Rights Reserved. Conditions