Discussion :

[Varcko]

Bonjour tout le monde,

Je vous explique mon problème,
Je voudrais faire une verification de formulaire assez stylisé avec css et javascript. Donc quand l'user click en dehors du champs de saisie, je verifie le champs et je surligne la case s'il y a une erreur, jusque la pas de probleme. Pour ce faire je fais une modification du css avec le javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
function modifierProprieteStyle(identifiantNoeud, nomPropriete, valeurPropriete) {
		var balise = document.getElementById(identifiantNoeud);
 
		balise.style[nomPropriete] = valeurPropriete;
	}

Mais en plus de cela je voudrais afficher une petite croix a coté de la zone rouge (si erreur) et verte (sinon) et du coup dans mon formulaire et a coté de mon td de zone de saisie j'ai un autre td avec un background-image:url(images/vide.jpg) et je voudrais comme pour le sur lignage modifier l'url du background-image, c'est a dire lui passer soit : - url(images/ok.jpg) ou -url(images/nok.jpg) et la c'est le drame !!
Ca ne change rien...

Quelqu'un pourrait il m'aider a comprendre ? ^^
merci par avance

[Watilin]

Bonsoir !
Les méthodes et propriétés du DOM sont à ta disposition exprès pour ça : getElementBy-ce-que-tu-veux, nextSibling, parentNode, etc. Jette un coup d'œil dans la FAQ ou sur Google pour savoir comment marche nextSibling et pourquoi les textNodes ne sont pas tes amis.

Sinon, n'oublie pas que les propriétés CSS avec un tiret s'écrivent en camel-case dans JavaScript. Ainsi, background-image devient backgroundImage.

Mais, sans vouloir t'offenser, ton script ne sera jamais stylisé tant que tu feras ta mise en page avec un tableau