CHANGEMENT DE STYLE SUR FOCUS

/* Voici juste le code javascript : l'exemple complet est dans le zip */

/* Fonction à appeller pour initialiser les évenements */
function setEvents(domElements /* Array */, aClassName /* Optional */) {
	if (!aClassName)
		aClassName = "focus";

	for (i = 0; i < domElements.length; i++) {
		domElements[i].onfocus = inputFocus;
		domElements[i].onblur = inputBlur;
		domElements[i].setAttribute("focusClassName", aClassName);
	}
}

function inputFocus(e) {
	this.setAttribute("oldFocusClassName", this.className);
	this.className = this.getAttribute("focusClassName");
}

function inputBlur(e) {
	this.className = this.getAttribute("oldFocusClassName");
}

/* Après avoir fini le chargement */
function load() {
	/*
		On spécifie le focus pour tous les input
		et textarea du document avec la classe par défaut
	*/
	setEvents(document.getElementsByTagName("input"));
	setEvents(document.getElementsByTagName("textarea"));
	
	/*
		L'email est important :)
		On spécifie la classe "important" donc pour le focus
		On aurait également pu tirer parti de l'héritage des CSS
	*/
	setEvents(Array(document.getElementById("email")), "important");
} 

Télécharger le zip