ToolTip mit HTML und Javascript

05.01.2008, 11:17

Tag miteinander,
wie der Titel schon sagt suche ich den code das wen wen man über ein spezielles Wort mit der Maus drüberfährt das sich dann ein kleines popup einblendet

05.01.2008, 12:13

Sowas nennt sich Tooltip.

Hier gibt es eine kostenlose Javascript Library mit Beispiel Anwendungen: http://www.walterzorn.de/tooltip/tooltip.htm

05.01.2008, 12:15

ok habs drin danke

06.01.2008, 00:40

Ich mache hiermit einen Alternativvorschlag, von dem ich aber nicht weiß, ob er mit jedem Browser geht und bei dem ich bezweifle, dass er ganz konform ist:

Zumindest in meinem Firefox und Konqueror werden Tooltips angezeigt, sobald ein angezeigtes Element, ein "title"-Attribut enthält, obwohl keines wirklich vorgesehenen ist. In meinem Opera steht im Tooltip dann vor dem eigentlichen Text noch "Title: ".

Hier ein Beispiel:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>HTML-Elemente Beispiel - ToolTips</title>
</head>
<body>
<p>
<em title="foo">em</em>
<strong title="foo">strong</strong>
<samp title="foo">samp</samp>
<kbd title="foo">kbd</kbd>
<var title="foo">var</var>
<cite title="foo">cite</cite>
<dfn title="foo">dfn</dfn>
<abbr title="foo">abbr</abbr>
<acronym title="foo">acronym</acronym>
<span title="foo">span</span>
</p>
</body>
</html>

Diese Methode hat den Vorteil, ohne JavaScript auszukommen.

] sagt, es sei valide, aber in diesem Falle traue ich dem Ergebnis nicht ganz.

ToolTip mit HTML und Javascript

Tooltip durch "title"-Attribut