Making tooltips stay longer...

[PlainDave]

Hi,

Is there a way to make windows tooltips stay up longer than the default
5 seconds using CSS in a web page? I'd prefer to have it stay visible
as long as the mouse is over the "whatever." The reason: I've been
creating web pages and using various javascripts for the tooltip
popups, and they are fine and very "tweakable. " But, I'd prefer to just
use the "title" and/or the "alt" attribute and somehow alter it so that
viewers to my pages can read the entire tooltip before it disappears.
Thanks!

PlainDave
DDAS Web Design <--(wishful thinking!)

[Spartanicus]

"PlainDave" <dd*****@gmail. com> wrote:

Is there a way to make windows tooltips
No such thing, a visual browser may display title content in a pop up
box, but it may also (be configured to) do nothing with it. Nowt to do
with a particular OS.
stay up longer than the default
5 seconds using CSS in a web page?
Again no such thing, there is no "default". Any pop up box display
duration will vary across browsers and fortunately there's nothing web
code can do to change that duration.
I'd prefer to have it stay visible
as long as the mouse is over the "whatever." The reason: I've been
creating web pages and using various javascripts for the tooltip
popups, and they are fine and very "tweakable. " But, I'd prefer to just
use the "title" and/or the "alt" attribute and somehow alter it so that
viewers to my pages can read the entire tooltip before it disappears.

You could use a CSS method to display text on hover, but to display alt
or title attribute content would require a browser that supports
generated content, needless to say that this doesn't include IE. If IE
compatibility is required all you could do is insert the text as page
content in the document, hide it by default and then revealing it on
mouse over. Needless to say that you should consider if coding such text
as page content is appropriate, your document should work with CSS
disabled.

I'd suggest that there is a reason why "tooltip" pop ups disappear after
a certain time, they obscure/cover part of the display. If a user needs
more time to read the content you should ask yourself if you are using
the title attribute and its content appropriately.

Appropriately used, if a user wants more time to read he/she will be
able to move the focus off and back on again to make it reappear.

--
Spartanicus

[Stan Brown]

Thu, 24 Nov 2005 10:54:14 GMT from Spartanicus
<in*****@invali d.invalid>:

Again no such thing, there is no "default". Any pop up box display
duration will vary across browsers and fortunately there's nothing web
code can do to change that duration.

It would be nice, however, if the user could vary that by browser
settings. If there's a way to do it in Mozilla, I couldn't find it n
"about:conf ig".

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you

[PlainDave]

How does one use a CSS method to display text on hover? That would be
perfect for my needs, or at least it would be nice to know. Thanks!

PlainDave

Spartanicus wrote:

You could use a CSS method to display text on hover, but to display alt

-----snip-----

[Evertjan.]

PlainDave wrote on 24 nov 2005 in

Spartanicus wrote:

You could use a CSS method to display text on hover, but to display alt

[please do not toppost on usenet]
How does one use a CSS method to display text on hover? That would be
perfect for my needs, or at least it would be nice to know. Thanks!

<style ...>
a.showHovering {visibility:hid den;}
a.showHovering: hover {visibility:vis ible;}

............... .........

<a href='#' class='showHove ring'>Hello!</a>

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[PlainDave]

> [please do not toppost on usenet]

Sorry about that. I've been using USENET for about 10 1/2 years, and I
had to look up "toppost" to see what you were talking about. I really
should read more! :-)

<style ...>
a.showHovering {visibility:hid den;}
a.showHovering: hover {visibility:vis ible;}
I put the above in the head tag, and I put the line below in the body
of my test page. For some reason, I can't get anything to show up on
the page.
<a href='#' class='showHove ring'>Hello!</a>

Am I supposed to see "Hello!"? Any help would be highly appreciated.

PlainDave

[Evertjan.]

PlainDave wrote on 25 nov 2005 in
comp.infosystem s.www.authoring.stylesheets:

Am I supposed to see "Hello!"? Any help would be highly appreciated.

This will work, IE&FF tested,
first try it in a seperate HTML:

============ HoverTest.html ==============

<style type="text/css">
a.showHovering {color:navy;bac kground-color:navy;
font-size:20pt;paddi ng:20px;}
a.showHovering: hover {color:yellow;}
</style>

<body>

<a href='#' class='showHove ring'>Hello!</a>

=============== ============
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[The Major]

In message <Xn************ ********@194.10 9.133.242>, Evertjan.
<ex************ **@interxnl.net > writes

PlainDave wrote on 25 nov 2005 in
comp.infosyste ms.www.authoring.stylesheets:

Am I supposed to see "Hello!"? Any help would be highly appreciated.

This will work, IE&FF tested,
first try it in a seperate HTML:

============ HoverTest.html ==============

<style type="text/css">
a.showHoveri ng {color:navy;bac kground-color:navy;
font-size:20pt;paddi ng:20px;}
a.showHovering :hover {color:yellow;}
</style>

<body>

<a href='#' class='showHove ring'>Hello!</a>

============== =============

It only works correctly in Opera (8.51) for me... MSIE and FF ignore the
background colour and the Font-size...
--
Chris Hughes
"Reality is that which, when you cease to believe, continues to exist."
http://www.epicure.demon.co.uk

[Barbara de Zoete]

On Fri, 25 Nov 2005 10:04:57 +0100, Evertjan.
<ex************ **@interxnl.net > wrote:

PlainDave wrote on 25 nov 2005 in
comp.infosystem s.www.authoring.stylesheets:

Am I supposed to see "Hello!"? Any help would be highly appreciated.

This will work, IE&FF tested,
first try it in a seperate HTML:

============ HoverTest.html ==============

<style type="text/css">
a.showHovering {color:navy;bac kground-color:navy;
font-size:20pt;paddi ng:20px;}
a.showHovering: hover {color:yellow;}
</style>

<body>

<a href='#' class='showHove ring'>Hello!</a>

=============== ============

This is not coming near any tooltip I would recommend. A tooltip that
would work (though not in IE, so for IE there is the ol' title attribute)
is more like:

<URL:http://home.wanadoo.nl/b.de.zoete/_test/tooltips_with_m arkup_and_css.h tml>

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Evertjan.]

The Major wrote on 25 nov 2005 in
comp.infosystem s.www.authoring.stylesheets:

In message <Xn************ ********@194.10 9.133.242>, Evertjan.
<ex************ **@interxnl.net > writes

PlainDave wrote on 25 nov 2005 in
comp.infosyst ems.www.authoring.stylesheets:

Am I supposed to see "Hello!"? Any help would be highly appreciated.

This will work, IE&FF tested,
first try it in a seperate HTML:

=========== = HoverTest.html ==============

<style type="text/css">
a.showHoverin g {color:navy;bac kground-color:navy;
font-size:20pt;paddi ng:20px;}
a.showHoverin g:hover {color:yellow;}
</style>

<body>

<a href='#' class='showHove ring'>Hello!</a>

============= ==============

It only works correctly in Opera (8.51) for me... MSIE and FF ignore the
background colour and the Font-size...

I cannot believe that. Sorry.

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)