jquery tool tip
satya - Wednesday, June 08, 2011 11:18:25 AM
jquery tool tip
jquery tool tip
satya - Wednesday, June 08, 2011 11:23:11 AM
drupal jquery tooltip
drupal jquery tooltip
satya - Wednesday, June 08, 2011 11:25:09 AM
a discussion on drupal/jquery tool tips
satya - Wednesday, June 08, 2011 11:36:36 AM
an interesting html5 version
This may be a good example of how to use canvas.
satya - Wednesday, June 08, 2011 11:42:36 AM
jtooltips and other options for drupal
satya - Wednesday, June 08, 2011 12:34:52 PM
how to use dhtml tooltip dynamicdrive
how to use dhtml tooltip dynamicdrive
satya - Wednesday, June 08, 2011 12:36:29 PM
here is the dhtml tooltip II module usage
satya - Wednesday, June 08, 2011 2:24:11 PM
based on those docs the follwoing is how you use it
<div id="sat_test"
onMouseover="ddrivetip('tool tip text that pops', 300)"
onMouseout="hideddrivetip()">
<p>
Some content for the div
</p>
</div>
satya - Wednesday, June 08, 2011 2:27:06 PM
This works well for two divs as well on the same page
<div
onMouseover="ddrivetip('JavaScriptKit.com JavaScript tutorials', 300)"
onMouseout="hideddrivetip()">
<p>Section 1
</div>
<div
onMouseover="ddrivetip('hello there. large tool tip',50)"
onMouseout="hideddrivetip()">
<p>Section 2
</div>
satya - Wednesday, June 08, 2011 4:57:45 PM
here is another way to do this
function stm_hover_setup()
{
jQuery(document).ready(stm_hover_setup1);
}
function stm_hover_setup1()
{
//alert('test');
var elementArray = jQuery(".hover_element");
//alert(elementArray.length);
for(i=0; i<elementArray.length; i++)
{
var element = elementArray[i];
var href = jQuery(element).attr("href");
jQuery(element).mouseover({href: href}, function(event)
{
ddrivetip(event.data.href);
});
jQuery(element).mouseout(f2);
}
}
function f1(event)
{
ddrivetip(event.data.href,50);
}
function f2()
{
hideddrivetip();
}
satya - Wednesday, June 08, 2011 4:59:06 PM
This will let me do the following
<script>
stm_hover_setup();
</script>
<div class="hover_element" href="satya111">
<p>e1</p>
</div>
<div class="hover_element" href="satya222">
<p>e2</p>
</div>
<div class="hover_element"
href="satya111 lkj lkj lkj lkj lkj lkj lkj lkj lk ">
<p>This is a long messagee1</p>
</div>
<p class="hover_element"
href="satya111 lkj lkj lkj lkj lkj lkj lkj lkj lk ">
This is a paragraph
</p>
satya - Thursday, June 09, 2011 2:45:37 PM
Requirements for a good tooltip plugin
Needs:
1. attach hover behavior for any html element with a certain css class such as "hoverclass"
2. the html elements may include a, p, div, span etc.
3. The content for the hover may come from a serverside URL hit
4. The content need to be cached on the page if it is already obtained for that page
5. the hover content can be any arbitrary HTML
6. ability to take the hover content from local div on the same page
Desires
1. Ideally we would like the module to be drupal/ajax module that is for 7
2. Second choice native JQuery module irrespective of Drupal
3. The module is clearly documented to learn it in a couple of hours with out lot of experimentation
5. won't spoil global namespaces interms of CSS or Javascript names
satya - Sunday, June 12, 2011 1:18:42 PM
this dhtmltooltip has some issues
writes a global document.write
captures a global mouse move
Perhaps I can rewrite it. But that is for later. Let me see if there is another tool that is better.
satya - Sunday, June 12, 2011 1:40:52 PM
tooltip simpletip jquery
tooltip simpletip jquery
satya - Sunday, June 12, 2011 2:04:54 PM
qtip a successor to simpletip
satya - Sunday, June 12, 2011 2:28:02 PM
qtip simpletip jquery
qtip simpletip jquery
satya - Monday, June 13, 2011 9:14:38 AM
qtip jquery ui tools
qtip jquery ui tools
satya - Monday, June 13, 2011 9:17:40 AM
A stackoverflow list of tooltip tools
satya - Monday, June 13, 2011 9:23:12 AM
A whole slew of tool tips
This is a list of over 21 tooltip tools.
satya - Monday, June 13, 2011 9:27:26 AM
Another huge list of tooltips
satya - Monday, June 13, 2011 10:12:18 AM
jquery tooltip hoverintent
jquery tooltip hoverintent
satya - Monday, June 13, 2011 10:15:49 AM
why use hoverintent for tooltips
satya - Monday, June 13, 2011 10:23:13 AM
html5 based beautytips at jquery
satya - Monday, June 13, 2011 10:24:56 AM
beautytips browser comaptibility
beautytips browser comaptibility
satya - Thursday, June 16, 2011 9:33:56 AM
Use this serverside url to test body content from a server side url
Use this serverside url to test body content from a server side url