Changer couleur quand submit a été cliqué
isa--
Messages postés
83
Statut
Membre
-
isa-- Messages postés 83 Statut Membre -
isa-- Messages postés 83 Statut Membre -
Bonjour,
J'ai une page avec plusieurs formulaires tout bêtes avec un imput type =submit pour les valider.
Je voudrais que ceux qui ont déjà été validés changent de couleur, à la manière d'un link visited.
J'imagine que ce doit être possible avec du javascript, mais comme je suis une grosse truffe dans ce language, j'ai besoin d'aide !
Merci d'avance à celles ou ceux qui pourront me donner un coup de main
Isa
J'ai une page avec plusieurs formulaires tout bêtes avec un imput type =submit pour les valider.
Je voudrais que ceux qui ont déjà été validés changent de couleur, à la manière d'un link visited.
J'imagine que ce doit être possible avec du javascript, mais comme je suis une grosse truffe dans ce language, j'ai besoin d'aide !
Merci d'avance à celles ou ceux qui pourront me donner un coup de main
Isa
Configuration: Windows / Firefox 65.0
A voir également:
- Changer couleur quand submit a été cliqué
- Changer dns - Guide
- Changer la couleur de la barre des taches - Guide
- Mon compte facebook a été désactivé - Guide
- Changer carte graphique - Guide
- Excel cellule couleur si condition texte - Guide
5 réponses
Bonjour,
Tu ne pourras pas faire ça en JS ... Tu n'as qu'à utiliser des liens (que tu stylises comme un bouton via un peu de css)
tu auras le comportement du "visité"
Sinon, une autre solution c'est de, lorsque tu affiches ton formulaire (sûrement généré en php....) regarder dans la bdd (car je suppose que tu stockes les données quelque part non ? ) si il est validé ou non et adapté la couleur en fonction....
Tu ne pourras pas faire ça en JS ... Tu n'as qu'à utiliser des liens (que tu stylises comme un bouton via un peu de css)
tu auras le comportement du "visité"
Sinon, une autre solution c'est de, lorsque tu affiches ton formulaire (sûrement généré en php....) regarder dans la bdd (car je suppose que tu stockes les données quelque part non ? ) si il est validé ou non et adapté la couleur en fonction....
Re bonjour,
J'ai opté (pour le moment), pour la solution lien.
voici le style css pour le lien :
Cela fonctionne parfaitement pour un lien normal, mais pas du tout en ce qui concerne le "visited" pour mon lien de validation :
J'ai merdé où à votre avis ?
Merci de votre aide
Isa
J'ai opté (pour le moment), pour la solution lien.
voici le style css pour le lien :
a.commissions {
color:#FFFFFF;
background-color:#e87d1B;
padding: 5px 15px 5px 15px;
border-style :none;
font:15px Verdana, sans-serif;}
a.commissions:visited {
padding: 5px 15px 5px 15px;
text-decoration: none;
color: black;
background: lavender;
}
a.commissions:hover, a:focus, a:active {
padding: 5px 15px 5px 15px;
text-decoration: none;
color: black;
background: #A33C13;
}
Cela fonctionne parfaitement pour un lien normal, mais pas du tout en ce qui concerne le "visited" pour mon lien de validation :
<form name="form1" method="post" action="suite.php">
<input type="hidden" name="essai" value="pouet">
<a class="commissions" href="javascript:form1.submit();" >valider</a>
</form>
J'ai merdé où à votre avis ?
Merci de votre aide
Isa
Bon eh bien j'ai trouvé.
La syntaxe suivante doit être plus correcte car elle fonctionne :
La syntaxe suivante doit être plus correcte car elle fonctionne :
<a href="#" onclick="document.form1.submit()" class="commissions">Valider</a>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bon en fait ça ne marche qu'à moitié, car j'ai plusieurs formulaires dans la même page et le fait d'en valider un fait passer tous les autre en " Visited"..
J'ai donc un souci dans mon ccode que voici :
Merci d'avance de votre aide
Isa
J'ai donc un souci dans mon ccode que voici :
<form name="form1" method="post" action="suite.php">
<input type="hidden" name="essai" value="pouet">
<a href="#" onclick="document.form1.submit()" class="commissions">Creer</a>
</form>
<form name="form2" method="post" action="suite2.php">
<input type="hidden" name="essai2" value="pouet2">
<a href="#" onclick="document.form2.submit()" class="commissions">Entrer</a>
Merci d'avance de votre aide
Isa
Merci Jordane, de tes réponses toujours pertinentes.