Changer couleur quand submit a été cliqué
Fermé
isa--
Messages postés
82
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
20 décembre 2024
-
31 janv. 2019 à 16:35
isa-- Messages postés 82 Date d'inscription lundi 16 septembre 2013 Statut Membre Dernière intervention 20 décembre 2024 - 1 févr. 2019 à 15:29
isa-- Messages postés 82 Date d'inscription lundi 16 septembre 2013 Statut Membre Dernière intervention 20 décembre 2024 - 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
38346
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 décembre 2024
4 717
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
82
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
20 décembre 2024
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
82
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
20 décembre 2024
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
82
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
20 décembre 2024
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
82
Date d'inscription
lundi 16 septembre 2013
Statut
Membre
Dernière intervention
20 décembre 2024
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.