[CSS] Tooltips ohne Javascript!
Hallo zusammen,
heute mal wieder ein netter Codeschnipsel für den täglichen Einsatz :)
Wie in der Überschrift schon erwähnt, es geht um einen Tooltip ohne Javascript. Jeder kenn sicher diese kleinen Fensterchen (oder auch Sprechblase genannt) das aufgeht wenn man mit der Maus über einem Objekt steht. Ob dort nun kleine Informationen oder Hilfen angezeigt werden… der Verwendungszweck ist sehr unterschiedlich.
Meist werden diese Fenster per Javascript initialisiert. Das aber kann auch Probleme mit sich bringen. So wie ich es jetzt mitkriegen musste. Ich wollte in solch einem Javascript Tooltip ein weiteres Java (Ajax) ausführen… nicht möglich. Auch ist es per CSS schöner falls der User gar keine Javascript aktiviert hat. Und es sieht per CSS nicht schlechter aus!
Dieser Codeschnipsel ist mal nicht von mir. Zu finden ist er bei: Trent Richardson
Ich wünsche viel Spaß damit ;)
Gruß
Gordon
Wo ist denn nun der Code Schnitzel, ich suche ihn vergeblich.
Dieses Codeshnipsel ist ja mal sehr elegant gelöst, die “Sprechblase” ist sogar durchsichtig und macht deswegen eine ganze Menge her. Das beste an der Sache ist aber allemal die Barrierefreiheit, welche man in der heutigen Zeit nicht vernachlässigen sollte.