Mouseover help pop up

Discussion in 'JavaScript' started by livingeek, Nov 1, 2008.

  1. #1
    On http://www.instructables.com/id/Make-Beer/ I like that you can mouse over the steps and see some information. I tried finding the code to use by looking at the source, but could only find things that happened when you would click, but it works as a mouse over. Can anyone point me in the direction of where I can find how to code this into a site. I would really like to use it, but I'm just starting to learn Javascript.
     
    livingeek, Nov 1, 2008 IP
  2. SEOAnalytic.com

    SEOAnalytic.com Member

    Messages:
    106
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #2
    Look on dhtmlgoodies.com. What you want it is called "Ajax Tooltips" or "Tooltips" in general. Search for that.
     
    SEOAnalytic.com, Nov 5, 2008 IP
  3. cc2365

    cc2365 Member

    Messages:
    91
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #3
    This is basic codes.

    <a href="..." onmouseover="document.getElementbyId('box1').style.visiblity='visible';" onmouseout="document.getElementbyId('box1').style.visiblity='hidden';"></a>
    <div id="box1" style="!Make this div float">
    Some texts
    </div>
     
    cc2365, Nov 21, 2008 IP