https://www.diesiedleronline.de/sites/default/themes/common/js/common/formOverlay.js

1/**
2 * Klasse für Input Overlays
3 * 
4 * @author Global Media
5 */
6FormOverlay = new Class( {
7	/**
8	 * Konstruktor
9	 * 
10	 * @access public
11	 * @return void
12	 */
13	initialize: function( form ) {
14		// Alle Overlays durchgehen und Events setzen
15		form.getElements( '.overlay' ).each( function( element) {
16			// Input Feld des Overlays
17			var input = element.getParent().getElement( 'input' );
18			
19			// Hat das Input Feld schon input, Overlay direkt ausblenden
20			if( input.value !== '' ) {
21				element.addClass( 'hide' );
22			}
23			
24			// Klickt man auf das Overlay, wird der Focus wird auf das Input Element gelegt
25			element.addEvent( 'click', function() {
26				input.focus();
27			} );
28			
29			// Ist das Input Feld auf Focus verschwindet das Overlay auch
30			input.addEvent( 'focus', function() {
31				element.addClass( 'hide' );
32			} );
33			
34			// Verlässt man das Input Feld ohne Wert,
35			// wird wieder das Overlay Feld eingeblendet
36			input.addEvent( 'blur', function() {
37				if( !( input.value !== '' ) ) {
38					element.removeClass( 'hide' );
39				}
40			} );
41		} );
42	}
43} );