SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2007
    Location
    Londonderry, Northern Ireland
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question what type of code does this, pop up window/

    H, I'm a slow learner and not to tech with my terms, so be patient with me please I'm building a site for a charity I'm starting to help orphans in Asia and I need the following advice;

    To explain what we believe and our mission statement etc I'm designing three simple graphics with the numerals 1, 2 and 3 and a short information punch line. But i'd like for people who would want to know more details on each of the 3 points to be able to, when their courser hovers over the graphic, for a pop up box with more info to appear. The same idea as on the sitepoint: contests designs, see here for what I mean.

    I'm sure there are different ways to do this and I'm happy to learn this for myself if someone would be kind enough to tell me what the best format is and I'll then go away and learn I want something that is compatible with most browsers and potential donors.

    Thanks in advance.........
    If you want to go fast go alone, but if you want to go far go with friends

    He is no fool who gives up what he cannot keep,
    to gain what he cannot lose....Jim Elliot

  2. #2
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,604
    Mentioned
    24 Post(s)
    Tagged
    1 Thread(s)
    It is called a tooltip and if you just want plain text then you just need to specify a title attribute on the tag. More advanced versions use javaScript.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2007
    Location
    Londonderry, Northern Ireland
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by felgall View Post
    It is called a tooltip and if you just want plain text then you just need to specify a title attribute on the tag. More advanced versions use javaScript.
    Thanks felgall, is javaScript better for me, it will be only text and not graphics like the contest page. Should I learn the javaScript method? I appreciate your help
    If you want to go fast go alone, but if you want to go far go with friends

    He is no fool who gives up what he cannot keep,
    to gain what he cannot lose....Jim Elliot

  4. #4
    Galactic Overlord gold trophysilver trophybronze trophy
    HAWK's Avatar
    Join Date
    Aug 2003
    Location
    New Zealand
    Posts
    12,314
    Mentioned
    881 Post(s)
    Tagged
    13 Thread(s)
    No - if you just want text then it is a WHOLE lot easier to use the tooltip.
    You can set the text using the title attribute.

    Code HTML4Strict:
    <img src="../images/diamondrings/3_thumb.jpg" title="18K White Gold Diamond ring, .80ctw, $5,840. Code:30017900" border="0" alt="Diamond ring"></a>

    So in this case, 18K White Gold Diamond ring, .80ctw, $5,840. Code:30017900 will show when you hover.

  5. #5
    SitePoint Enthusiast
    Join Date
    Mar 2007
    Location
    Londonderry, Northern Ireland
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks all for the help. Would this css solution be ok? I like it because it uses css. It certainly has the action I need if I could get the pop up content to come from the bottom instead of in this example the side. But I'm sure that can't be toooooo hard for a real learner to workout
    If you want to go fast go alone, but if you want to go far go with friends

    He is no fool who gives up what he cannot keep,
    to gain what he cannot lose....Jim Elliot

  6. #6
    Galactic Overlord gold trophysilver trophybronze trophy
    HAWK's Avatar
    Join Date
    Aug 2003
    Location
    New Zealand
    Posts
    12,314
    Mentioned
    881 Post(s)
    Tagged
    13 Thread(s)
    Well, without seeing your page it is impossible to say conclusively, but yes, probably. CSS is pretty flexible and that is a fairly standard menu. Having said that, it's not beginners CSS.


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
  •