Is there A way to use JavaScript to add help bubbles?

[teamcrunk]

Is there a Way with Javascript to add Help bubbles over an input Box?For example when you you hover over an input for Name: _____ it would say like First Name????ThanksAn example is this https://edit.europe.yahoo.com/registration?.intl=ukWhen you go over the name field it says First name in a bubble. Ive been searching all over and can not find out how to do it.

[jeffman]

Use the title attribute instead.

[Coyote]

The 'title' attribute is definitely the easiest way to achieve what you're after. It will trigger the basic 'tooltip' behaviour of the browser. example:

  Name: <input type="text" title="First Name">

Of course there are several ways to make that prettier, using javascript, but this works prefectly adequately.

[Cooley]

To enhance it you can download JQuery UI, reference it and then put the following script onto your document

$(document).tooltip();

. You can then use the title attribute as above.

[ShadowMage]

Of course there are several ways to make that prettier, using javascript, but this works prefectly adequately.

You don't even need JavaScript. You can use pure CSS to make tooltips like that. Then they look pretty and work even if JS is disabled.

[callumacrae]

You don't even need JavaScript. You can use pure CSS to make tooltips like that. Then they look pretty and work even if JS is disabled.

I guess it depends on whether you're going for correctness, or ease of use and the ability to make your website look the same across all browsers.