mozilla

Compare Revisions

Defining Cross-Browser Tooltips

Change Revisions

Revision 186644:

Revision 186644 by CitizenK on

Revision 186645:

Revision 186645 by Callek on

Title:
Defining Cross-Browser Tooltips
Defining Cross-Browser Tooltips
Slug:
Defining_Cross-Browser_Tooltips
Defining_Cross-Browser_Tooltips
Tags:
css, Cross-browser_Development, "Web Development"
css, Cross-browser_Development, "Web Development"
Content:

Revision 186644
Revision 186645
n8      <span class="comment">Summary: Authors are used to having an8      <span class="comment">Summary: Authors are used to having a
>lt text appear as a &amp;quot;tooltip&amp;quot; above images, but>lt text appear as a &amp;quot;tooltip&amp;quot; above images, but
> that's not how it was meant to be used. Learn how to define &amp> that's not how it was meant to be used. Learn how to define &amp
>;quot;tooltips&amp;quot; in a cross-browser, standards-friendly w>;quot;tooltips&amp;quot; in a cross-browser, standards-friendly w
>ay.</span> Authors are used to using the <code>alt</code> attribu>ay.</span> Authors are used to using the <code>alt</code> attribu
>te to create "tooltips" in Web browsers. The classic example is a>te to create "tooltips" in Web browsers. The classic example is a
> "tooltip" of an image; when the user pauses the mouse pointer ov> "tooltip" of an image; when the user pauses the mouse pointer ov
>er an image, the contents of the <code>alt</code> attribute are d>er an image, the contents of the <code>alt</code> attribute are d
>isplayed as a "tooltip." Gecko-based browsers such as Mozilla, Ne>isplayed as a "tooltip." Gecko-based browsers such as Mozilla, Ne
>tscape 6+, and Compuserve 7 do not support this behavior. See <a >tscape 6+, and Compuserve 7 do not support this behavior. See {{t
>class="external" href="http://bugzilla.mozilla.org/show_bug.cgi?i>emplate.Bug(25537)}} for a lengthy, sometimes passionate discussi
>d=25537">Bugzilla entry 25537</a> for a lengthy, sometimes passio>on of Gecko's behavior in this regard.
>nate discussion of Gecko's behavior in this regard. 
n62      If such a find-and-replace operation is somehow not feasibln62      If such a find-and-replace operation is somehow not feasibl
>e, authors with the ability to run proxy servers can use the <a c>e, authors with the ability to run proxy servers can use the {{wi
>lass="external" href="http://bugzilla.mozilla.org/show_bug.cgi?id>ki.template('Named-bug', [ "25537#c73", "approach proposed by Chr
>=25537#c73">approach proposed by Christian Jensen</a>, which is t>istian Jensen" ])}}, which is to run a proxy server that rewrites
>o run a proxy server that rewrites HTML source on the fly, as it > HTML source on the fly, as it is sent to the user. In this appro
>is sent to the user. In this approach, the server checks outgoing>ach, the server checks outgoing HTML for elements that have an <c
> HTML for elements that have an <code>alt</code> attribute but no>ode>alt</code> attribute but no <code>title</code> attribute, and
> <code>title</code> attribute, and inserts a <code>title</code> a> inserts a <code>title</code> attribute with the same content as 
>ttribute with the same content as the <code>alt</code> attribute.>the <code>alt</code> attribute. A variant on Christian's original
> A variant on Christian's original suggestion was made by "CT" in> suggestion was made by "CT" in {{wiki.template('Named-bug', [ "2
> <a class="external" href="http://bugzilla.mozilla.org/show_bug.c>5537#c83", "Bugzilla entry 25537, comment 83" ])}}. A similar sol
>gi?id=25537#c83">Bugzilla entry 25537, comment 83</a>. A similar >ution can be employed for Web servers that are based on content m
>solution can be employed for Web servers that are based on conten>anagement systems, including Microsoft's Active Server Pages, whi
>t management systems, including Microsoft's Active Server Pages, >ch make such substitutions fairly simple.
>which make such substitutions fairly simple. 
t83      <li>t83      <li>{{template.Bug(25537)}}
84        <a class="external" href="http://bugzilla.mozilla.org/sho
>w_bug.cgi?id=25537">Bugzilla entry #25537</a> 

Back to History