JQuery Help Tooltip v1.0

Author: Ahmed Elkadery

    
$(Element).helptooltip();

Click this help icon to test the help tooltip What is this ?
this is a test of JQuery Help Tooltip v1.0
You can type any thing here !!

Demo - view source

Code:


<span class="helps">
Click this help icon to test the help tooltip
</span>
<span><b>What is this ?</b> <br /> this is a test of JQuery Help Tooltip v1.0
<hr /> You can type any thing here !!</span>

</div>
<script type="text/javascript">
$(document).ready(function()
{
     $(".helps").helptooltip();
});
</script>

tested and working with all browsers

Download JQuery Help Tooltip v1.0

1- Download jQuery JavaScript Library

- jquery-1.3.2.min.js

2- JQuery Help Tooltip v1.0

- jquery.helptooltip.zip

JQuery Help Tooltip v1.0 SetUp

A. Head Tag

Import files:

    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.helptooltip.js"></script>
<link href="jquery.helptooltip.css" rel="stylesheet" type="text/css" />

B. Body Tag

HTML & JavaScript Code:

    
<span class="helps">
Click this help icon to test the help tooltip
</span>
<span><b>What is this ?</b> <br /> this is a test of JQuery Help Tooltip v1.0
<hr /> You can type any thing here !!</span>

</div>
<script type="text/javascript">
$(document).ready(function()
{
     $(".helps").helptooltip();
});
</script>