473,396 Members | 1,996 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Modify Tooltip Styles

Is there any way to modify the tooltip that shows up when using alt or title
in <img> or <a> tags? I don't like the stock tooltip, the boring yellow box.
I would like to make it a little more friendly. But I'm thinking that this
is part of the browser's hardcoded information. Am I wrong?
Jul 20 '05 #1
12 5335
Michael wrote:
Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags?
Short answer: No
Long answer: Use JavaScript to remove the attribute on mouseover and display
a styled piece of HTML instead. Be _very_ careful if you decide to do this
with the alt attribute, it isn't designed to be rendered as a tooltip and
removing it onmouseover could cause problems for users of (for instance)
screen readers.
I don't like the stock tooltip, the boring
yellow box.
Yellow? Its off-white! (Actually, it is a system preference, configure your
system to display tooltips differently if you want).
I would like to make it a little more friendly. But I'm
thinking that this is part of the browser's hardcoded information. Am I
wrong?


Depends on the browser. IE/win32 for example takes it from the Windows
system settings.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Jul 20 '05 #2
Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:
Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box. I would like to make it a little more friendly. But I'm
thinking that this is part of the browser's hardcoded information. Am
I wrong?


<http://www.bosrup.com/web/overlib/>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Jul 20 '05 #3
Thank you both for your responses. And thank you Evertjan for the link. That
is a cool idea, exactly what I was looking for. I'll try that out.

Michael

"Evertjan." <ex**************@interxnl.net> wrote in message
news:Xn********************@194.109.133.29...
Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:
Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box. I would like to make it a little more friendly. But I'm
thinking that this is part of the browser's hardcoded information. Am
I wrong?


<http://www.bosrup.com/web/overlib/>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

Jul 20 '05 #4
Evertjan. wrote:
Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:
Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box.


<http://www.bosrup.com/web/overlib/>


Ugh, overlib

This thing is horrible from a usability standpoint.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jul 20 '05 #5
kchayka wrote:
Evertjan. wrote:

Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:
Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box.


<http://www.bosrup.com/web/overlib/>

Ugh, overlib

This thing is horrible from a usability standpoint.

What about www.klproductions.com/kltooltips.html
--
Vladdy
http://www.klproductions.com
Jul 20 '05 #6
"Vladdy" <vl**@klproductions.com> wrote in message
news:Qw******************@nwrdny02.gnilink.net...
kchayka wrote:
Evertjan. wrote:

Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:

Is there any way to modify the tooltip that shows up when using alt or
title in <img> or <a> tags? I don't like the stock tooltip, the boring
yellow box.

<http://www.bosrup.com/web/overlib/>

Ugh, overlib

This thing is horrible from a usability standpoint.
I see what you mean, now. I've been testing it out, and being that I'm not a
javascript expert, it's not as easy as I read it to be.

What about www.klproductions.com/kltooltips.html


$65 for a single license? Are you out your mind?


--
Vladdy
http://www.klproductions.com

Jul 20 '05 #7
Michael wrote:
"Vladdy" <vl**@klproductions.com> wrote in message
news:Qw******************@nwrdny02.gnilink.net...
kchayka wrote:

Evertjan. wrote:

Michael wrote on 11 mei 2004 in
comp.infosystems.www.authoring.stylesheets:
>Is there any way to modify the tooltip that shows up when using alt or
>title in <img> or <a> tags? I don't like the stock tooltip, the boring
>yellow box.

<http://www.bosrup.com/web/overlib/>
Ugh, overlib

This thing is horrible from a usability standpoint.

I see what you mean, now. I've been testing it out, and being that I'm not a
javascript expert, it's not as easy as I read it to be.

What about www.klproductions.com/kltooltips.html

$65 for a single license? Are you out your mind?


You are welcome to go ahead with overlib and spend couple of days
polluting your code with "onmouseovers" and "onmouseout"s, but I guess
your time is of little value... *rolleyes*

--
Vladdy
http://www.klproductions.com
Jul 20 '05 #8
Vladdy wrote on 12 mei 2004 in comp.infosystems.www.authoring.stylesheets:
You are welcome to go ahead with overlib and spend couple of days
polluting your code with "onmouseovers" and "onmouseout"s, but I guess
your time is of little value... *rolleyes*


I use overlib for years now.

With little serverside [asp] coding your precious time can be drasticly
reduced:

<a
<%=overlib("This is an overlib tooltip,<br>for sure!")%>
href="..">
go there</a>

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Jul 20 '05 #9
On Wed, 12 May 2004, Evertjan. wrote:
With little serverside [asp] coding your precious time can be drasticly
reduced:


What are the consequences for the cacheability of your served pages?
Jul 20 '05 #10
Alan J. Flavell wrote on 12 mei 2004 in
comp.infosystems.www.authoring.stylesheets:
On Wed, 12 May 2004, Evertjan. wrote:
With little serverside [asp] coding your precious time can be drasticly
reduced:


What are the consequences for the cacheability of your served pages?


they are fine, that is none.

... eh, what the heck do yo mean?

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Jul 20 '05 #11
/Vladdy/:
You are welcome to go ahead with overlib and spend couple of days
polluting your code with "onmouseovers" and "onmouseout"s, but I guess
your time is of little value... *rolleyes*


One could assign just classes to the link elements and an
initialization script excuted 'onload' the document to scan and
assign the necessary event handlers.

Of course one would "loose" all those fancy "HTML and caption
content features" because all the content needed would be get from
the 'title' attributes (no other standard one to use), but if one
wants such features they probably would be for a limited amount of
link elements where one could afford to put the extra event handlers
markup.

--
Stanimir
Jul 20 '05 #12
Vladdy wrote:
kchayka wrote:
Evertjan. wrote:

<http://www.bosrup.com/web/overlib/>


Ugh, overlib

This thing is horrible from a usability standpoint.

What about www.klproductions.com/kltooltips.html


I haven't seen this used anywhere except in their own demo, so I can
only go by their examples. For simple Title tooltips, it appears to
degrade well when JS is disabled. However, it depends on JS for showing
"blocks of HTML", as in the last example before their pricing info. In
that example, it encourages creating an inaccessible, unintuitive
navigation mechanism. That is not so good.

BTW, I have seen overlib many times, and I curse it pretty much every
time I see it. It's another reason to browse with JS disabled. :)

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jul 20 '05 #13

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Pocholo | last post by:
I'm working with AxWebBrowser and i try to change the entire page, but i don't find any way to do it also i try to change by parts: First the body: htmlDoc1.body.innerHTML="...."; and this...
0
by: Yves Royer | last post by:
Hi, I'm currently writing an application (in VS 2005 bčta 2) and made some own user controls. In each user control I added a ToolTip object so i can set some tooltips on checkboxes etc. What...
0
by: Yves Royer | last post by:
Hi, My first post didn't show up so here's a second try. I'm currently writing an application (in VS 2005 bčta 2) and made some own user controls. In each user control I added a ToolTip object...
1
by: Lars Netzel | last post by:
I need to have a Tooltip on each Cell in a datagrid, I don't know how to do this. I'm using Styles to the datagrid (Which I asume most people do since you never need to show all the fields from the...
5
by: Lars Netzel | last post by:
I need to have a Tooltip on each Cell in a datagrid, I don't know how to do this. I'm using Styles to the datagrid (Which I asume most people do since you never need to show all the fields from the...
9
by: Will | last post by:
I have given up looking for a solution so I figured I would break down and ask. I am trying to modify a CSS class in page_load. I have no problem doing it with an ID with the simple ...
6
by: Joe Duchtel | last post by:
Hello - I'm trying to put together a little VB .NET (1.1 in VS 2003) application that lets me substitute the path in the Target: and Start in: fields of *.lnk files. Is there any way to do...
0
omerbutt
by: omerbutt | last post by:
hi there i have tried to make my own AJAX tooltip it works all right and every things fine and the tooltip display right under the element i want to display untill unless i switch my resolution, it...
11
by: Kim | last post by:
Using the code below am I able to display/hide a tooltip without any problems, however once the tooltip is displayed its position is fixed (based on where the mouse first hovered onto the object)...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.