✔ onMouseover Infobox

[Nikolaj]

Hallo zusammen,

ich möchte eine Infobox anzeigen, wenn man mit der Maus über einen bestimmten Datensatz fährt.
Wie kann ich das am besten Realisieren?

JavaScript... CSS

Die Infobox soll schlicht aussehen und wieder verschwinden wenn man die Maus wegbewegt?

Kann mir jemand den richtigen Weg weisen...

Gruß
Niko

 

[Dj Mike]

Du kannst eine Infobox anlegen und per CSS ausblenden:

#infobox{
   visibility:hidden;
}

Dann einfach per Javascript ein, bzw. ausblenden:

<a onMouseOver="document.getElementById('infobox').style.visibility = 'visible'" onMouseOut="document.getElementById('infobox').style.visibility = 'hidden'">Info</a>

Wenn Du verschiedene Daten in die Infobox füllen willst, geht das auch per Javascript. Siehe http://de.selfhtml.org/javascript/objekte/node.htm#replace_data

 

[Nikolaj]

Danke mal für den Vorschlag, muss ich mal testen.
Als beispiel hät ich noch ganz einfach die Suchfunktion hier im Forum, so in die Art solls werden, nur dass ich die Box dann mit Daten aus der DB versorgen will...

 

[Nikolaj]

Wie kann ich das Objekt jetzt plazieren?
Es soll ja immer dynamisch über nem bestimmten Eintrag auftauchen.

Danke!

Gruß
Niko

 

[Dj Mike]

Wenn ich es richtig verstanden hab, suchst du sowas sie die 'title' Funktion von Hyperlinks, nur an deine Bedürfnisse angepasst:

<a href="javascript:;" title="Foobar">Foo Bar</a>

Das könnte man z.B. mit so einem Script machen:
http://dynamicdrive.com/dynamicindex5/dhtmltooltip.htm

Hier gibt noch mehr von dieser Sorte:
http://dynamicdrive.com/dynamicindex5/index.html

Allerdings sehen dann nur Leute mit eingeschaltetem Javascript diese Hinweise!

 

[Nikolaj]

Wenn ich es richtig verstanden hab, suchst du sowas sie die 'title' Funktion von Hyperlinks, nur an deine Bedürfnisse angepasst:

Das könnte man z.B. mit so einem Script machen:
http://dynamicdrive.com/dynamicindex5/dhtmltooltip.htm

Du bist mein Held! Genau das hab ich gesucht! Und t auch einwandfrei!

 

[Gumbo]

Was möchtest du überhaupt als zusätzliche Information darstellen?

 

[Nikolaj]

Was möchtest du überhaupt als zusätzliche Information darstellen?

Das ist ne Besucherdatenbank.
ICh möchte da einfach ne Anmerkung zum jeweiligen Besucher ausgeben lassen, sofern es eine gibt...

Aber mit der Lösung von Dj Mike (bzw. mit seinem Link) t das einwandfrei!

 

[fizzypeter]

Hallo Leute!
Sorry fürs raufholen dieses alten Threads, aber wie kriege ich bei diesen Tooltips eine Schriftgrößen und -farbenänderung hin?
Mit CSS? Wenn ja, wie sieht so ein CSS-Befehl für dieses Tooltip denn aus?

Danke im Voraus,
fizzy

//EDIT

Danke Leute, hat sich erledigt.
Hab bei Frontpage die Formatierung ändern können!