Vytvářejte stylové vstupy pomocí OverTextu MooTools

Knihovna MooTools More je zlatý důl. Truhla s pokladem. Pirátská kořist, chcete-li (a samozřejmě i já). More je plné pluginů, které vašemu webu dodají spoustu třídy a funkčnosti s minimálním úsilím. OverText je jedním z těchto pluginů. OverText generuje štítky na vašich vstupních polích, které slouží jako pokyny pro vaše uživatele, co by měli umístit do daného pole.

HTML

<input type="text" name="first_name" id="first-name" title="Your first name..." />

Není zde nic zvláštního – pouze vstupní pole s atributem title obsahující požadovaný text štítku.

CSS

.overTxtLabel { color:#999; }

Rozhodl jsem se upravit styl svých štítků OverText světlejší barvou – můžete si je upravit, jak chcete.

JavaScript MooTools

window.addEvent('load',function() {
	new OverText('first-name',{ //there are many more options available!!
		positionOptions: {
			offset: {
				x: 8,
				y: 8
			}
		}
	});
});

Použití OverText ani nevyžaduje popis. Vložíte do něj textové pole, jakékoli vlastní možnosti, které chcete, a je to.

Líbí se mi, jak může MooTools poskytnout vašemu webu okamžitý upgrade pomocí pluginů, jako je tento. MooTools FTW!