formulaire logo vert si champ ok Résolu

Question

Bonjour,

je suis sur une base de formulaire (pas fini du tout), et j'aimerai que si le champ est valide un logo "type valide" ou une croix rouge "type invalide".

Le formulaire utilise le php et Js, j'utilise actuellement la fonction Js suivante:

function surligne(champ, erreur)
{
   if(erreur)
      champ.style.backgroundColor = "#fba";
   else
      champ.style.backgroundColor = "";
}

Mais cette fonction colorie le champ et ce que j'aimerai c'est un logo à droite du champ, pourriez vous m'indiquer la marche à suivre ??

D'avance merci

PS: un exemple: https://www.rememberthemilk.com/signup/

Heryu · Answer

Joue avec le CSS je pense, un CSS pour valide et un autre pour non valide ! Et tu inter-change les styles et l'image affichée à tel endroit avec une condition !

jeangilles · Answer

au lieu de passer le champ, tu passes l'id de l'image que tu veux modifier
et tu ferais un
if(erreur)
document.getElementByid('iddelimage').src='Images/erreur.gif'
else
document.getElementByid('iddelimage').src='Images/ok.gif'



(ce n'est qu'un exemple ^^)

jeangilles · Answer

Tu mets un id à ton image dans ton code html, par exemple :

<img id='limage' />


et dans ton javascript, tu aurais donc :
document.getElementByid('limage')

jeangilles · Answer

comment ca ?
Tu la créé bien quelquepart non ?

Heryu · Answer

Boh, t'en a vraiment besoin de ce petit logo ? C'est gadget non ?

jeangilles · Answer

Dans leur cas ils doivent passer par innerHTML :

si tu ne veux pas mettre l'image au début (si tu mets une image sans la propriété src, normalement ca n'affiche rien mais bon ... ^^), tu créé un div avec un id, et au lieu de faire comme j'ai fait avant, tu ferais :

if(erreur)
document.getElementByid('iddudiv').innerHTML = "<img src='Images/erreur.gif' alt=''/>"
else
document.getElementByid('iddudiv').innerHTML = "<img src='Images/ok.gif' alt=''/>"

" else document.getElementByid('iddudiv').innerHTML = "

"

niconovice · Answer

mdr, j'suis d'accord avec toi, tout ça c'est que du gadjet, mais c'est avant tout pour comprendre, utiliser des fonctions, etc..

HDi · Answer

tien un tp un peu cass téte mé superb , voila ton bonheur 
http://www.siteduzero.com/tutoriel-3-429686-tp-un-formulaire-interactif.html

Formulaire logo vert si champ ok

8 réponses

Discussions similaires

Newsletters