README.md

December 4, 2022 ยท View on GitHub

tool tip

Description

simple code to show tool tip

More Info

for the element where u want tool tip call tooltip_show('ur message') for onmouseenter

and tooltip_hide() for onmouseleave

ur lovely tool tip

amazamanet

Submitted On
ByPulsar180
LevelBeginner
User Rating4.0 (8 globes from 2 users)
Compatibility
CategoryInternet/ Browsers/ HTML
WorldJava
Archive File

Source Code

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function tooltip_show(txttip) {
tooltip.style.posTop = event.y;
tooltip.style.posLeft = event.x;
tooltext.innerHTML = txttip;
tooltip.style.visibility = 'visible';
}
function tooltip_hide() {
tooltip.style.visibility = 'hidden';
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<div id="tooltip" style="{z-index:10;visibility:hidden; position:absolute; }">
<table border="0" align="center" bgcolor="#ffffe0" cellpadding="2" cellspacing="0" style="{BORDER-WIDTH: 1px; BORDER-BOTTOM-COLOR: #ffffff; BORDER-BOTTOM-STYLE: outset; BORDER-LEFT-COLOR:#ffffff; BORDER-LEFT-STYLE:outset; BORDER-RIGHT-COLOR:#ffffff; BORDER-RIGHT-STYLE:outset; BORDER-TOP-STYLE:outset; BORDER-TOP-COLOR:#ffffff;}">
<tr>
<td align="center"><FONT face="verdana" COLOR="#000000" SIZE="1">
<span id="tooltext">
</span>
</font>
</td>
</tr>
</table>
</div>
<TABLE WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	<TR>
		<TD>d</TD>
		<TD>d</TD>
		<TD>d</TD>
	</TR>
	<div id="row20" style="{position:absolute;}" >
	<TR>
		<TD id="atd" LANGUAGE=javascript >d</TD>
		<TD><input type="text" id="name" value="" LANGUAGE=javascript onmouseenter="return tooltip_show('Enter your Name')" onmouseleave="return tooltip_hide()"></TD>
		<TD>d</TD>
	</TR>
	</div>
</TABLE>
<P>&nbsp;</P>
</BODY>
</HTML>