CSS

Simple Formular Tooltips ohne Javascript (Drupal)

Demo

Nachdem ich gewohnheitsmäßig sofort zu Jquery gegriffen habe, kam mir so in den Sinn.. HEY! im Prinzip ist JavaScript in diesem Fall doch überhaupt nicht nötig.

Und tatsächlich ist die Lösung per CSS wesentlich einfacher und macht doch im Endeffekt dass selbe wie die Jquery Lösung.

In Drupal haben wir das Description-Div innerhalb der Form Items, so wir denn eine Beschreibung für das Feld eingegeben haben. Wir können die Beschreibung also super per .form-item:hover steuern. Wir gehen also einfach her und blenden die Beschreibung kurzerhand aus und blenden sie per :hover wieder ein. Das ganze lässt sich per CSS3 - Transition auch noch sehr ansehnlich gestalten.

Subscribe to RSS - CSS