Formulaire logo vert si champ ok
Résolu
niconovice
Messages postés
953
Date d'inscription
Statut
Membre
Dernière intervention
-
HDi -
HDi -
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/
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/
A voir également:
- Formulaire logo vert si champ ok
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Logo .net - Télécharger - Études & Formations
- Logo jeu - Télécharger - Jeux vidéo
- Formulaire de reclamation instagram - Guide
8 réponses
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 !
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 ^^)
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 ^^)
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')
<img id='limage' />
et dans ton javascript, tu aurais donc :
document.getElementByid('limage')
comment ca ?
Tu la créé bien quelquepart non ?
Tu la créé bien quelquepart non ?
on est bien d'accord que si je la declare dans l'html elle apparait, non ?
alors que le but est que le logo apparaisse au moment ou le client sort du champ.
Et d'ailleurs si on voulait pousser un peu on s'aperçoit que le formulaire ici citer:https://www.rememberthemilk.com/signup/ l'image afficher n'a pas de propriété lol
alors que le but est que le logo apparaisse au moment ou le client sort du champ.
Et d'ailleurs si on voulait pousser un peu on s'aperçoit que le formulaire ici citer:https://www.rememberthemilk.com/signup/ l'image afficher n'a pas de propriété lol
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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=''/>"
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=''/>"