SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru team1504's Avatar
    Join Date
    May 2010
    Location
    Okemos, Michigan, USA
    Posts
    732
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Using JS / jQuery to gracefully degrade tooltips

    Hello,
    I am working on creating tooltips for my website's glyphs / icons in the navigation to explain what each item links to.

    With some help, I achieved tooltips that work with JS and CSS3 in most modern browsers. However, I am having some trouble getting them to appear in IE 10 and Opera.

    I was wondering if there is anything I can do in JS to get the tooltips to 'gracefully degrade' or when not supported, still allow for a browser's default tooltips that show the title attribute on hover to appear.

    If anyone could help me achieve this, I would greatly appreciate it.

    Here is what I have so far: https://dl.dropbox.com/u/270523/CSS3Tooltips/index.html

    Thanks in Advance!

  2. #2
    SitePoint Enthusiast
    Join Date
    Oct 2012
    Location
    Tinker Air Force Base, Oklahoma, United States
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I tried IE 7-9, and the browser default tooltips seem to pop up just fine.

  3. #3
    SitePoint Guru team1504's Avatar
    Join Date
    May 2010
    Location
    Okemos, Michigan, USA
    Posts
    732
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Awesome! Thank you for trying! I thought one had to do something, but I guess not.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •