JavaScript Text over data

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

    JavaScript Text over data

    I am hoping someone here can help me. I would like to create normal
    text (not a pop-up) that when you move your mouse over it, it brings up
    a little box that gives extra added description. For example, if I
    have a list of family members:

    John
    Dave
    Paul

    If you move the mouse over one of the names, a little box shows up and
    gives some information (for example):

    Age: 25
    Birthplace: Philadelphia
    Residence: Alaska
    Job: Igloo Maker

    Any and all help would be great. It would be even better if this
    javascript would be placed in a .js file to help keep the amount of
    actual code in the HTML to a minimum.

    Thanks in advance!!

    -Avi

  • Evertjan.

    #2
    Re: JavaScript Text over data

    Avi wrote on 22 mrt 2005 in comp.lang.javas cript:
    [color=blue]
    > I am hoping someone here can help me. I would like to create normal
    > text (not a pop-up) that when you move your mouse over it, it brings up
    > a little box that gives extra added description. For example, if I
    > have a list of family members:
    >
    > John
    > Dave
    > Paul
    >
    > If you move the mouse over one of the names, a little box shows up and
    > gives some information (for example):
    >
    > Age: 25
    > Birthplace: Philadelphia
    > Residence: Alaska
    > Job: Igloo Maker
    >
    > Any and all help would be great. It would be even better if this
    > javascript would be placed in a .js file to help keep the amount of
    > actual code in the HTML to a minimum.[/color]

    simple:

    <span title='Age: 25
    Birthplace: Philadelphia
    Residence: Alaska
    Job: Igloo Maker'>John</span>

    Don't repair the linebreaks !!

    or extensive:

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

    [I use overlib now for the 5th year]


    --
    Evertjan.
    The Netherlands.
    (Replace all crosses with dots in my emailaddress)

    Comment

    Working...