Menu

Bouton Rond [Résolu]

Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
Bonjour , mon tuteur n'est pas satisfait en effet il voudrait qu'a la place des chekbox des bouton rond lorsque l'on clique sur celui si il garde la couleur mais je ne sais pas comment faire pouvez vous m'aide svp.
J'ai essaie plusieurs fois avec css mais rien na faire
<!DOCTYPE html>

<html>
<head>
 <meta charset="utf-8">
 <title>Test Problème caisses</title>
</head>

<body style="background-color:#FFFFFF;">
<FORM name="form1" method="post" action="recup.php?<?PHP echo SID; ?>">

<p></p>
<p style="text-align: center;"><strong>VERIFICATION MATERIEL LIGNE DE CAISSES</strong></p>
<p style="text-align: center;"></p>
<table style="width: 100%; height: 18px; margin-right: auto; margin-left: auto; border-collapse: collapse;" border="1">
<tbody>
<tr style="height: 17px;">
<td style="width: 7%; height: 8px; text-align: center;" rowspan="2">Caisse<strong><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; text-decoration: none; word-spacing: 0px; display: inline !important; white-space: normal; cursor: text; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: transparent;"><br /></span></strong></td>
<td style="width: 25%; height: 21px; text-align: center;" colspan="7"><strong><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; text-decoration: none; word-spacing: 0px; display: inline !important; white-space: normal; cursor: text; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: transparent;">Service Technique</span></strong></td>
<td style="width: 25%; height: 21px; text-align: center;" colspan="4"><b>Service Informatique</b></td>
<td style="width: 25%; height: 21px; text-align: center;"><b>commentaire<br /></b></td>
</tr>
<tr style="height: 17px;">
<td style="width: 6.19%; height: 17px; text-align: center;">Tapis</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Embout</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Luminaire</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Ecran</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Battant</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Mirroir</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Tel </td>
<td style="width: 6.19%; height: 17px; text-align: center;">TPE</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Imprimante</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Scanner</td>
<td style="width: 6.19%; height: 17px; text-align: center;">Caisse(ordi)</td>

</tr>
<tr>
<td style="width: 7%; text-align: center;">1</td>
<td style="width: 3.09%; text-align: center;">
<div>
<button class="button-red">Rouge</button>
</td>
<td style="width: 5.19%; text-align: center;">
<div
<div style="text-align: center;">
<input name="a[]" id="2" type="checkbox"  /> <label for="2">HS</label></div>
</div>
</td>
<td style="width:5.19%; text-align: center;">
<div>
<div><input name="a[]" id="3"type="checkbox"/><labelfor="3">HS</label></div>
</div>
</td>
<td style="width: 5.19%%; text-align: center;">
<div
<div><input name="a[]" id="4" type="checkbox"  /> <label for="4">HS</label></div>
</div>
</td>
<td style="width: 5.19%%; text-align: center;">
<div>
<div><input name="a[]" id="5" type="checkbox"  /> <label for="5">HS</label></div>
</div>
</td>
<td style="width: 5.19%; text-align: center;">
<div>
<div><input name="a[]" id="6" type="checkbox"  /> <label for="6">HS</label></div>
</div>
</td>
<td style="width: 5.19%; text-align: center;">
<div>
<div><input name="a[]" id="7" type="checkbox"  /> <label for="7">HS</label></div>
</div>
</td>
<td style="width:5.19%; text-align: center;">
<div>
<div><input name="a[]" id="8" type="checkbox"  /> <label for="8">HS</label></div>
</div>
</td>
<td style="width:5.19%; text-align: center;">
<div>
<div><input name="a[]" id="9" type="checkbox"  /> <label for="9">HS</label></div>
</div>
</td>
<td style="width:5.19%; text-align: center;">
<div>
<div><input name="a[]" id="10" type="checkbox"  /> <label for="10">HS</label></div>
</div>
</td>
<td style="width:5.19%; text-align: center;">
<div>
<div><input name="a[]" id="11" type="checkbox"  /> <label for="11">HS</label></div>
</div>
</td>
<td style="width: 43.33%;"><textarea name="nom" rows="3" cols="53"></textarea></td>
</tr>
</tbody>
</table>
<p></p>
<p></p>
<p></p>
<input type="button" value="Verification" accesskey="s">
</form>
</body>
</html>

voici mon code html
Afficher la suite 

Votre réponse

3 réponses

Meilleure réponse
Messages postés
24534
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 février 2019
1841
1
Merci
Bonjour,

Un dessin ou de meilleurs explications sont nécessaires...
qu'est ce que tu as voulu dire par

a la place des chekbox des bouton rond lorsque l'on clique sur celui si il garde la couleur

Dire « Merci » 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM 58162 internautes nous ont dit merci ce mois-ci

Jordi.D
Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
Par exemple avec une boucle for ?
jordane45
Messages postés
24534
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 février 2019
1841 > Jordi.D
Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
pourquoi faire ???
Jordi.D
Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
pour récupéré l'id et effectué l'évent
jordane45
Messages postés
24534
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 février 2019
1841 > Jordi.D
Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
Comment as tu codé tes boutons ?
car c'est lors du onclick que tu peux "cibler" le bouton à traiter...
par exemple
<input id="toto" name="peuimporte'" value="go" type="button" onclick="ch(this)">
<input id="titi" name="peuimporte'" value="go" type="button" onclick="ch(this)">

et dans le js
function ch(btn ) { 
  var colorBtn = stringRGB2HEX(btn.style.backgroundColor);
  if(colorBtn == '#ff0000'){
    btn.style.backgroundColor = '#aaa000'; 
  }else{
    btn.style.backgroundColor = '#ff0000';
  }
}
Jordi.D
Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
Aaah oui c'est vrai je suis vraiment "nul" pourtant je les étudier en classe
Je me sens bête
Commenter la réponse de jordane45
Messages postés
24534
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 février 2019
1841
1
Merci
Mais sinon.. ça ne serait pas des switch que ton tuteur veut ???
https://www.w3schools.com/howto/howto_css_switch.asp


Dire « Merci » 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM 58162 internautes nous ont dit merci ce mois-ci

Jordi.D
Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
Non c'est bien des bouton, tous les boutons sont vert "par défaut" l'utilisateur clique sur le bouton il passe au rouge une fois fini l'utilisateur envoie par mail le tableau
jordane45
Messages postés
24534
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 février 2019
1841 > Jordi.D
Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
Dans ce cas, il te suffit de mettre le bouton par défaut à vert.
ça se fait en CSS...
https://www.w3schools.com/css/css3_buttons.asp

ou au pire, via l'attribut "STYLE"
https://www.w3schools.com/tags/att_global_style.asp


Et pour le choix des couleurs...
https://htmlcolorcodes.com/fr/
Commenter la réponse de jordane45
Messages postés
1165
Date d'inscription
lundi 23 juillet 2012
Dernière intervention
7 février 2019
204
0
Merci
Bonsoir,

Tu trouveras une solution ici :
https://www.w3schools.com/tags/att_option_value.asp
Jordi.D
Messages postés
51
Date d'inscription
vendredi 11 janvier 2019
Dernière intervention
8 février 2019
-
Bonsoir, Vous savez comment mettre une couleur par défaut
Commenter la réponse de tuxboy