Bulle d'erreur (tooltip) pour formulaire

Soyez le premier à donner votre avis sur cette source.

Vue 5 275 fois - Téléchargée 921 fois

Description

le script sert a inserer une infobulle dans un formulaire quand un champ est mal rédigé

pour sa mise em place il suffit simplement d'inserer le script dans la page puis quand on veut afficher une bulle on appel la fonction en lui precisant l'element et le message

function controle(){

	var el=document.getElementById('imp1')
	var el2=document.getElementById('imp2')
	var el3=document.getElementById('imp3')

	if(el.value!='coucou'){
		kodal.erreur(el,'erreur sur input 1 erreur sur input 1 erreur sur input 1');

	}

	if(el2.value!='coucou'){
		kodal.erreur(el2,'erreur sur input 2');

	}

	if(el3.value!='coucou'){
		kodal.erreur(el3,'erreur sur input 3');

	}

}


pour la configuration on choisi d'afficher la bulle en haut ou bas, la taille de la bulle,la taille du texte, la police, la bordure, la marge, interieur, les couleurs et la position de la fleche et pour ce qui est du texte la bulle s'adapte a la quantité de texte en hauteur.

testé avec firefox chrome et ie 8

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Commenter la réponse de @karamel

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.