DHTML Expanding Hotspot with Text - Web Component

G

Guest

I'm looking for a tool to insert hotspot text, like what you ofter see in MS
Help files. For example:

This is _text_.

This is _text_ after hotspot is selected with a mouse.

In the above example, when _text_ is selected with the mouse, "after hotspot
is selected with a mouse" appears. When selected again, it collapses.

I know how to do with this with <span> tags and JavaScript, but I find it
difficult to teach my authors how to do this.

Does anyone know of a easy to use method/tool for inserting Expanding
Hotspot with Text or Pop-Ups?

Note: If would be nice with the text was NOT expanded in the Normal view and
it would work like a Web Component.

Thank you for your help in advance.

Regards,
Eric
 
C

clintonG

One way is using CSS on linked elements to change the appearance
when onMouseOver event fires. There are variations on this which
require you to continue to learn how to use CSS. (Cascading Style
Sheets).

Try this snippet out...

<html>
<head>
<style type="text/css">
A.green:link {color:#006600; background:transparent; font-size:small}
A.green:visited {color:#006600; background:transparent}
A.green:active {color:#006600; background:transparent}
A.green:hover{text-decoration:none; background:#f5deb3}
</style>
</head>

<body>
<a href="someURL" class="green">
Change Element Properties onMouseOver</a>
</body>
</html>


--
<%= Clinton Gallagher
A/E/C Consulting, Web Design, e-Commerce Software Development
Wauwatosa, Milwaukee County, Wisconsin USA
NET csgallagher@ REMOVETHISTEXT metromilwaukee.com
URL http://www.metromilwaukee.com/clintongallagher/
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

VBA-Table Word 2019 - Move a selected text, from a cell to the adjacent cell to its right, by pressing the ENTER key 0
Formating bolded text exclusively. 0
Link a text box based on drop down box with four options MS Word 365 0
Move Chart with Text 0
Visio shape text disappears upon copy paste 1
React JS Outlook Add-in - VS Code + WebPack - Unable to call external Web Service - CORS Issue 0
Outlook Add-in - Javascript based using React JS - VS Code + WebPack - Unable to call external Web Service 0
FP 2003 Hotspot Outline 2

Top