Modify Tooltip Styles

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Michael

    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?


  • David Dorward

    #2
    Re: Modify Tooltip Styles

    Michael wrote:
    [color=blue]
    > Is there any way to modify the tooltip that shows up when using alt or
    > title in <img> or <a> tags?[/color]

    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.
    [color=blue]
    > I don't like the stock tooltip, the boring
    > yellow box.[/color]

    Yellow? Its off-white! (Actually, it is a system preference, configure your
    system to display tooltips differently if you want).
    [color=blue]
    > 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?[/color]

    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/>

    Comment

    • Evertjan.

      #3
      Re: Modify Tooltip Styles

      Michael wrote on 11 mei 2004 in
      comp.infosystem s.www.authoring.stylesheets:[color=blue]
      > 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?[/color]

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

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

      Comment

      • Michael

        #4
        Re: Modify Tooltip Styles

        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." <exjxw.hannivoo rt@interxnl.net > wrote in message
        news:Xns94E6F31 3A42A0eejj99@19 4.109.133.29...[color=blue]
        > Michael wrote on 11 mei 2004 in
        > comp.infosystem s.www.authoring.stylesheets:[color=green]
        > > 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?[/color]
        >
        > <http://www.bosrup.com/web/overlib/>
        >
        > --
        > Evertjan.
        > The Netherlands.
        > (Please change the x'es to dots in my emailaddress)[/color]


        Comment

        • kchayka

          #5
          Re: Modify Tooltip Styles

          Evertjan. wrote:
          [color=blue]
          > Michael wrote on 11 mei 2004 in
          > comp.infosystem s.www.authoring.stylesheets:[color=green]
          >> 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.[/color]
          >
          > <http://www.bosrup.com/web/overlib/>[/color]

          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.

          Comment

          • Vladdy

            #6
            Re: Modify Tooltip Styles

            kchayka wrote:
            [color=blue]
            > Evertjan. wrote:
            >
            >[color=green]
            >>Michael wrote on 11 mei 2004 in
            >>comp.infosyst ems.www.authoring.stylesheets:
            >>[color=darkred]
            >>>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.[/color]
            >>
            >><http://www.bosrup.com/web/overlib/>[/color]
            >
            >
            > Ugh, overlib
            >
            > This thing is horrible from a usability standpoint.
            >[/color]
            What about www.klproductions.com/kltooltips.html


            --
            Vladdy

            Comment

            • Michael

              #7
              Re: Modify Tooltip Styles

              "Vladdy" <vlad@klproduct ions.com> wrote in message
              news:Qwdoc.3066 3$L8.22119@nwrd ny02.gnilink.ne t...[color=blue]
              > kchayka wrote:
              >[color=green]
              > > Evertjan. wrote:
              > >
              > >[color=darkred]
              > >>Michael wrote on 11 mei 2004 in
              > >>comp.infosyst ems.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/>[/color]
              > >
              > >
              > > Ugh, overlib
              > >
              > > This thing is horrible from a usability standpoint.[/color][/color]

              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.
              [color=blue][color=green]
              > >[/color]
              > What about www.klproductions.com/kltooltips.html[/color]

              $65 for a single license? Are you out your mind?
              [color=blue]
              >
              >
              > --
              > Vladdy
              > http://www.klproductions.com[/color]


              Comment

              • Vladdy

                #8
                Re: Modify Tooltip Styles

                Michael wrote:
                [color=blue]
                > "Vladdy" <vlad@klproduct ions.com> wrote in message
                > news:Qwdoc.3066 3$L8.22119@nwrd ny02.gnilink.ne t...
                >[color=green]
                >>kchayka wrote:
                >>
                >>[color=darkred]
                >>>Evertjan. wrote:
                >>>
                >>>
                >>>
                >>>>Michael wrote on 11 mei 2004 in
                >>>>comp.infosy stems.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.[/color][/color]
                >
                >
                > 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.
                >
                >[color=green]
                >>What about www.klproductions.com/kltooltips.html[/color]
                >
                >
                > $65 for a single license? Are you out your mind?
                >[/color]

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

                --
                Vladdy

                Comment

                • Evertjan.

                  #9
                  Re: Modify Tooltip Styles

                  Vladdy wrote on 12 mei 2004 in comp.infosystem s.www.authoring.stylesheets:
                  [color=blue]
                  > You are welcome to go ahead with overlib and spend couple of days
                  > polluting your code with "onmouseove rs" and "onmouseout "s, but I guess
                  > your time is of little value... *rolleyes*[/color]

                  I use overlib for years now.

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

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

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

                  Comment

                  • Alan J. Flavell

                    #10
                    Re: Modify Tooltip Styles

                    On Wed, 12 May 2004, Evertjan. wrote:
                    [color=blue]
                    > With little serverside [asp] coding your precious time can be drasticly
                    > reduced:[/color]

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

                    Comment

                    • Evertjan.

                      #11
                      Re: Modify Tooltip Styles

                      Alan J. Flavell wrote on 12 mei 2004 in
                      comp.infosystem s.www.authoring.stylesheets:
                      [color=blue]
                      > On Wed, 12 May 2004, Evertjan. wrote:
                      >[color=green]
                      >> With little serverside [asp] coding your precious time can be drasticly
                      >> reduced:[/color]
                      >
                      > What are the consequences for the cacheability of your served pages?[/color]

                      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)

                      Comment

                      • Stanimir Stamenkov

                        #12
                        Re: Modify Tooltip Styles

                        /Vladdy/:
                        [color=blue]
                        > You are welcome to go ahead with overlib and spend couple of days
                        > polluting your code with "onmouseove rs" and "onmouseout "s, but I guess
                        > your time is of little value... *rolleyes*[/color]

                        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

                        Comment

                        • kchayka

                          #13
                          Re: Modify Tooltip Styles

                          Vladdy wrote:
                          [color=blue]
                          > kchayka wrote:
                          >[color=green]
                          >> Evertjan. wrote:[color=darkred]
                          >>>
                          >>><http://www.bosrup.com/web/overlib/>[/color]
                          >>
                          >> Ugh, overlib
                          >>
                          >> This thing is horrible from a usability standpoint.
                          >>[/color]
                          > What about www.klproductions.com/kltooltips.html[/color]

                          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.

                          Comment

                          Working...