Changer couleur quand submit a été cliqué
Fermé
isa--
Messages postés
77
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
11 mars 2020
-
31 janv. 2019 à 16:35
isa-- Messages postés 77 Date d'inscription lundi 16 septembre 2013 Statut Membre Dernière intervention 11 mars 2020 - 1 févr. 2019 à 15:29
isa-- Messages postés 77 Date d'inscription lundi 16 septembre 2013 Statut Membre Dernière intervention 11 mars 2020 - 1 févr. 2019 à 15:29
A voir également:
- Changer couleur quand submit a été cliqué
- Changer dns - Guide
- Excel cellule couleur si condition texte - Guide
- Changer clavier qwerty en azerty - Guide
- Changer la couleur de la barre des taches - Guide
- Changer couleur whatsapp - Accueil - Messagerie instantanée
5 réponses
jordane45
Messages postés
38314
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 novembre 2024
4 705
31 janv. 2019 à 19:36
31 janv. 2019 à 19:36
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....
isa--
Messages postés
77
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
11 mars 2020
1
1 févr. 2019 à 10:49
1 févr. 2019 à 10:49
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
isa--
Messages postés
77
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
11 mars 2020
1
1 févr. 2019 à 14:20
1 févr. 2019 à 14:20
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>
isa--
Messages postés
77
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
11 mars 2020
1
1 févr. 2019 à 14:23
1 févr. 2019 à 14:23
Comment c'est-y qu'on marque le sujet comme résolu ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
isa--
Messages postés
77
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
11 mars 2020
1
1 févr. 2019 à 15:29
1 févr. 2019 à 15:29
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
1 févr. 2019 à 06:15
Merci Jordane, de tes réponses toujours pertinentes.