|
 |
> Peter Popov wrote:
> > Try this:
> >
> > <A HREF="" ALT="A cute little tip popping up...">Point your mouse
> > here</A>
> >
> > Of course, if you don't want it to look like a link you'll have to
> > fiddle with CSS or font settings (I will try the latter and see if it
> > works, haven't done it in years).
>
> Almost. ALT is a property of images, not HREFs. Originally to
> specify an alternate text to display on non-graphical browsers,
> some browsers will now display ALT text as a tooltip when you
> hover over the images (whether or not they are links).
>
> If you want tips to show up when you put the mouse over a link
> though, there is a very easy trick with javascript that is
> pretty commonly used on the web. It writes your tip to the status
> line in place of the URL of the link. To invoke it, do something
> like this:
>
> <a href="./testpage.html"
> onMouseOver="window.status='Jump to the test page'; return true;"
> onMouseOut="window.status=''; return true;">
> Test
> </a>
>
> window.status sets the status line of the browser to contain
> the specified text on mouseover, then clears it when the mouse
> moves on. This doesn't work with <SPAN> or <A name=...> tags,
> unfortunately, but here's a roundabout but workable way to
> use this trick with text in a non-link (well, sort of, but
> it's actually faking it).
>
This may do the trick, but the comments I want to add will not fit in the
status status line (some of the POV keywords are explained with several
lines/ chapters). The only alternative with the comments added to the
windows status bar would be srolling lines. If someone has got an example
handy for me to give it a try and a look. (and vice versa)
Thanks
>
> The style sheet declaration (unless you already use an external
> CSS file for your styles, use this inside the <HEAD> of your
> HTML file):
>
> <STYLE type="text/css">
> A.Tips { text-decoration: none; color: #0000FF; }
> </STYLE>
>
> This declares all "A" tags of the class "Tips" to be non-
> underlined and blue. Now write your "links" like this...
> <a name="#here"></a>
> <a href="./thispage.html#here" class=Tips
> onMouseOver="window.status='...Brings up this comment'; return
> true;"
> onMouseOut="window.status=''; return true;">
> This text...
> </a>
>
> Example above assumes you are on a page called "thispage.html"
> so if your visitor clicks your flagged text (which you didn't
> mean to be a link) it'll just loop him back to the current point,
> no harm done. The text will be blue, but not underlined, and will
> still display the status line text onMouseOver and clear it
> again on MouseOut.
>
> Charles
Post a reply to this message
|
|
