Changer couleur quand submit a été cliqué

isa-- Messages postés 82 Date d'inscription   Statut Membre Dernière intervention   -  
isa-- Messages postés 82 Date d'inscription   Statut Membre Dernière intervention   -
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

Configuration: Windows / Firefox 65.0
A voir également:

5 réponses

Réponse 1 / 5
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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....
0
isa-- Messages postés 82 Date d'inscription   Statut Membre Dernière intervention   1
 
Excellentes pistes de recherche.
Merci Jordane, de tes réponses toujours pertinentes.
0
Réponse 2 / 5
isa-- Messages postés 82 Date d'inscription   Statut Membre Dernière intervention   1
 
Re bonjour,
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
0
Réponse 3 / 5
isa-- Messages postés 82 Date d'inscription   Statut Membre Dernière intervention   1
 
Bon eh bien j'ai trouvé.
La syntaxe suivante doit être plus correcte car elle fonctionne : 

<a href="#" onclick="document.form1.submit()" class="commissions">Valider</a>
0
Réponse 4 / 5
isa-- Messages postés 82 Date d'inscription   Statut Membre Dernière intervention   1
 
Comment c'est-y qu'on marque le sujet comme résolu ?
0

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

Posez votre question
Réponse 5 / 5
isa-- Messages postés 82 Date d'inscription   Statut Membre Dernière intervention   1
 
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 : 

<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
0

Discussions similaires

couleur personnage
Gasper -
Izzi -

9 réponses
sertissage des cables rj45
lekludo -
brupala -

7 réponses
Connaitre la date d'une photo.
Lilouu.UK -
o -

18 réponses