Sujet Précédent Sujet Suivant

Formulaire logo vert si champ ok

Résolu/Fermé
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 - 14 août 2009 à 13:38
 HDi - 12 juin 2012 à 13:18
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/

8 réponses

Réponse 1 / 8
Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
14 août 2009 à 13:42
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 !
0
Réponse 2 / 8
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 185
14 août 2009 à 13:42
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 ^^)
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
14 août 2009 à 13:47
salut jean gilles,

je ne suis pas un adepte de "document.getElementByid" pourrais tu m'en dire plus sur L'('iddelimage'), je ne sais pas quoi marqué à la place ?

dsl...
0
Réponse 3 / 8
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 185
14 août 2009 à 13:58
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')
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
14 août 2009 à 13:58
ha ok lol mdr, un grand merci à toi =)
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
14 août 2009 à 14:17
heu, dis voir, j'peux pas declarer l'id de mon image dans l'html puisque l'image n'apparait qu 'apres etre passé dans un champ ??
0
Réponse 4 / 8
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 185
14 août 2009 à 14:24
comment ca ?
Tu la créé bien quelquepart non ?
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
14 août 2009 à 14:30
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
14 août 2009 à 14:33
Boh, t'en a vraiment besoin de ce petit logo ? C'est gadget non ?
0
Réponse 6 / 8
jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 185
14 août 2009 à 14:35
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=''/>"
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
14 août 2009 à 14:38
ok, tout ça me donne de bonnes pistes, je vais pas te prendre la tete avec tout ça toute l'aprem, je te remercie pour ta contribution et je marque le sujet resolu
0
Réponse 7 / 8
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
14 août 2009 à 14:35
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..
0
Réponse 8 / 8
HDi
12 juin 2012 à 13:18
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
0

Discussions similaires

Point vert Messenger veut il dire qu'on est en ligne sur Messenger
Aschylle7513 -
Choraline -

12 réponses
Snapchat que veux dire le petit point vert
Anna_6260 -
Anna_6260 -

2 réponses
Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

6 réponses
Symbole Attention dans Word
Nortec59 -
LOUL7619 -

33 réponses
Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses