Retour à Forum de programmation

changement de couleur sur la case à cocher clic?

  • akaash
  • Beginner
  • Beginner
  • No Avatar
  • Inscription: Jan 28, 2004
  • Messages: 62
  • Loc: Gujurat,India
  • Status: Offline

Message Mars 29th, 2004, 12:02 am

Comment puis-je changer le fond
couleur de <tr> tag
chaque fois que je clique sur la case en elle.

Je veux dire dès que l'utilisateur vérifie
ou décoche la case puis bgcolor de la balise correspondante <tr> doit changer.

...tout comme il est fait dans yahoo mail.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mars 29th, 2004, 12:02 am

  • CazpianXI
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Déc 22, 2003
  • Messages: 285
  • Status: Offline

Message Mars 29th, 2004, 9:03 am

Essayez de faire les cases images. Chaque fois qu'un utilisateur clique sur l'image, il suffit de faire un retournement d'image et de définir un champ caché à "true"

Hope this helps.
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Mars 29th, 2004, 4:31 pm

Peut-être quelque chose comme ceci:

Code: [ Select ]
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
<!--
function toggle(box,theId) {
    if(document.getElementById) {
        var cell = document.getElementById(theId);
        if(box.checked) {
            cell.className = "on";
        }
        else {
            cell.className = "off";
        }
    }
}
// -->
</script>
<style type="text/css">
<!--
.off {
background-color: #fff;
}
.on {
background-color: #ccc;
}
-->
</style>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="0">
<tr><td class="off" id="cell1">
<input type="checkbox" onclick="toggle(this,'cell1')">Yada Yada Yada
</td></tr>
<tr><td class="off" id="cell2">
<input type="checkbox" onclick="toggle(this,'cell2')">Yada Yada Yada
</td></tr>
</table>
</body>
</html>
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. <script type="text/javascript">
  5. <!--
  6. function toggle(box,theId) {
  7.     if(document.getElementById) {
  8.         var cell = document.getElementById(theId);
  9.         if(box.checked) {
  10.             cell.className = "on";
  11.         }
  12.         else {
  13.             cell.className = "off";
  14.         }
  15.     }
  16. }
  17. // -->
  18. </script>
  19. <style type="text/css">
  20. <!--
  21. .off {
  22. background-color: #fff;
  23. }
  24. .on {
  25. background-color: #ccc;
  26. }
  27. -->
  28. </style>
  29. </head>
  30. <body>
  31. <table border="1" cellpadding="5" cellspacing="0">
  32. <tr><td class="off" id="cell1">
  33. <input type="checkbox" onclick="toggle(this,'cell1')">Yada Yada Yada
  34. </td></tr>
  35. <tr><td class="off" id="cell2">
  36. <input type="checkbox" onclick="toggle(this,'cell2')">Yada Yada Yada
  37. </td></tr>
  38. </table>
  39. </body>
  40. </html>
Free Programming Resources
  • akaash
  • Beginner
  • Beginner
  • No Avatar
  • Inscription: Jan 28, 2004
  • Messages: 62
  • Loc: Gujurat,India
  • Status: Offline

Message Mars 29th, 2004, 10:01 pm

Merci beaucoup travaillé le code....

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 4 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 215 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC