I was wondering if someone know the code for creating a hoover text over existing text on your page.<br />
<br />
Example would be a specific word "Help" and when placing the cursor of the word help I can get a text box with additional info on help or defenition<!--content-->You could try something like:<br />
<br />
Some text ....<br />
<span onmouseover="dd1.style.display='inline'" onmouseout ="dd1.style.display='none'"><br />
Help</span>...some more text<br />
...<br />
<div id="dd1" style="display:none; position:absolute;...><br />
Place help text here</div><!--content-->That is what the title attribute is for!!! <br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/struct/global.html#adef-title">http://www.w3.org/TR/html4/struct/globa ... adef-title</a><!-- m --><!--content-->I keep forgetting you can use that on a span...<br />
Some text .... <br />
<span title="Thanks for the reminder!"> <br />
Help</span>...some more text<!--content-->You would need a virtual vacuum cleaner to "hoover" text, but if you want an explanatory box to display on mouseover of text, you can find free scripts to do this at:<br />
<!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m --><!--content-->Originally posted by starrwriter <br />
You would need a virtual vacuum cleaner to "hoover" text, but if you want an explanatory box to display on mouseover of text, you can find free scripts to do this at:<br />
<!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m --> <br />
I bet all of them make such advisory information inaccessible when javascript is disabled, and pollute the HTML source with endless onmouseover and onmouseout. Not a good advice.<!--content-->Originally posted by Vladdy <br />
I bet all of them make such advisory information inaccessible when javascript is disabled, and pollute the HTML source with endless onmouseover and onmouseout. Not a good advice. <br />
*CoughBetterSolutionCough* (<!-- m --><a class="postlink" href="http://www.klproductions.com/kltooltips.html">http://www.klproductions.com/kltooltips.html</a><!-- m -->)
<br />
<br />
<br />
By the way, I like the redesign.
<!--content-->Originally posted by Paul Jr <br />
*CoughBetterSolutionCough* (<!-- m --><a class="postlink" href="http://www.klproductions.com/kltooltips.html">http://www.klproductions.com/kltooltips.html</a><!-- m -->)<br />
By the way, I like the redesign. <br />
Thanks for the plug<br />
<br />
By the way, would not call it a "redesign", just a "facelift"<!--content-->
<br />
Example would be a specific word "Help" and when placing the cursor of the word help I can get a text box with additional info on help or defenition<!--content-->You could try something like:<br />
<br />
Some text ....<br />
<span onmouseover="dd1.style.display='inline'" onmouseout ="dd1.style.display='none'"><br />
Help</span>...some more text<br />
...<br />
<div id="dd1" style="display:none; position:absolute;...><br />
Place help text here</div><!--content-->That is what the title attribute is for!!! <br />
<br /><!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/struct/global.html#adef-title">http://www.w3.org/TR/html4/struct/globa ... adef-title</a><!-- m --><!--content-->I keep forgetting you can use that on a span...<br />
Some text .... <br />
<span title="Thanks for the reminder!"> <br />
Help</span>...some more text<!--content-->You would need a virtual vacuum cleaner to "hoover" text, but if you want an explanatory box to display on mouseover of text, you can find free scripts to do this at:<br />
<!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m --><!--content-->Originally posted by starrwriter <br />
You would need a virtual vacuum cleaner to "hoover" text, but if you want an explanatory box to display on mouseover of text, you can find free scripts to do this at:<br />
<!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m --> <br />
I bet all of them make such advisory information inaccessible when javascript is disabled, and pollute the HTML source with endless onmouseover and onmouseout. Not a good advice.<!--content-->Originally posted by Vladdy <br />
I bet all of them make such advisory information inaccessible when javascript is disabled, and pollute the HTML source with endless onmouseover and onmouseout. Not a good advice. <br />
*CoughBetterSolutionCough* (<!-- m --><a class="postlink" href="http://www.klproductions.com/kltooltips.html">http://www.klproductions.com/kltooltips.html</a><!-- m -->)
<br /><br />
<br />
By the way, I like the redesign.
<!--content-->Originally posted by Paul Jr <br />*CoughBetterSolutionCough* (<!-- m --><a class="postlink" href="http://www.klproductions.com/kltooltips.html">http://www.klproductions.com/kltooltips.html</a><!-- m -->)
<br />By the way, I like the redesign.
<br />Thanks for the plug<br />
<br />
By the way, would not call it a "redesign", just a "facelift"
<!--content-->