Posts Tagged 'tooltip'

JQuery Help Tooltip v1.0

Posted by admin on December 11 2009 Add Comments

JQuery Help Tooltip v1.0

HTML Code:
$(Element).helptooltip();

Demo: http://www.expbuilder.com/testpages/helptooltip/
Code:

HTML 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 [...]

JQuery Easy Tooltip v2.0

Posted by admin on December 11 2009 Add Comments

JQuery Easy Tooltip v2.0

HTML Code:
$(Element).easytooltip(Formid, options{backgroundcolor, border, color, event})

Demo: http://www.expbuilder.com/testpages/easytooltip2/
To see the last version (1.0) goto: http://www.expbuilder.com/vb/showthread.php?t=2
HTML Code:

HTML Code:
<style type=”text/css”>

.bg
{
background-image: url(bg.jpg);
width: 275px;
[...]

JQuery Esay Tooltip v1.0

Posted by admin on December 11 2009 Add Comments

JQuery Esay Tooltip v1.0

Code:
$(Element).easytooltip(formid)

Demo: http://www.expbuilder.com/testpages/easytooltip/
To see the version 2.0 goto: http://www.expbuilder.com/vb/showthread.php?t=3
Code:

HTML Code:
<div id=”formdisplay”

style=”display: none;padding: 20px;background-color: #ffffff;border: 3px solid #000;width: 500px;”>

<h2>This is a Demo of Esay Tooltip</h2>

you can but any thing you want here

</div>

HTML Code:
<script>

$(document).ready(function()

{

$(”.demo”).easytooltip(”formdisplay”);

});

</script>

Download JQuery Esay Tooltip v1.0
1- Download jQuery JavaScript Library [...]

Thesaurus tooltip

Posted by admin on December 10 2009 Add Comments

Thesaurus tooltip
By : Dmitry Sheiko
This class can be used in conjunction with a mouse pointer. The user hovers the cursor over an item, without clicking it, and a small box appears with supplementary information regarding the item being hovered over.
It must be used in conjunction with a few Javascript libraries that submit the page body [...]