[js]probleme de champs grisés

probleme de champs grisés [js] - HTML/CSS - Programmation

Marsh Posté le 21-02-2006 à 22:16:33    

Bonjour à tous,
voila ce que je cherche à faire:
lorsque je clique sur un input type="text" j'aimerais le griser
lorsque je doubleclique j'aimerais le degriser.
 
j'ai essayé avec ce code mais ca n'est pas satisfaisant car l'utilisateur est obligé de cliquer un petit peu a coté de la case pour la degriser... Quelqu'un aurait il une idée
merci d'avance
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Cases à cocher liées</title>
<script type="text/javascript">
function desactive(caseacocher)
       {
       window.document.forms['id_form'].elements[caseacocher].disabled = true;
       }
function active(caseacocher)
       {
        window.document.forms['id_form'].elements[caseacocher].disabled = false;
        }
</script>
</head>
<form action="" method="post" id="id_form">
<span onclick="active('case2');">   <input type="text" id="case2"  name="2" value="2" ondblclick="desactive('case2');">    </span><br>
<input type="submit" name="envoi" value="OK">
<input type="reset" name="reset" value="reset">
</form>


Message édité par come18 le 21-02-2006 à 22:17:37
Reply

Marsh Posté le 21-02-2006 à 22:16:33   

Reply

Marsh Posté le 22-02-2006 à 09:52:32    

ce que tu cherches à faire n'a aucune sens
 
1-je clique il devient gris
2-Je double clique il devient blanc
3-Je reclique dessus pour rentrer du texte, il devient gris
 
ben efficacité zero
si tu mettais une checkbox à coté afin de le griser ou dégriser ?

Reply

Marsh Posté le 22-02-2006 à 09:59:02    

de plus une fois qu'un input est désactivé on ne peut plus rien faire dessus.

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title></title>
  5. <script>
  6. function activate(objet) {
  7.  var inputchoisi = document.getElementById("t" );
  8.  inputchoisi.disabled = (objet.checked) ? false : true;
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <form>
  14. <input type="checkbox" name="c" value="yes" onclick="activate(this)"><input type="text" name="t" id="t" value="toto" disabled>
  15. </form>
  16. </body>
  17. </html>

Reply

Marsh Posté le 22-02-2006 à 18:34:24    

oui c'est vrai que le probleme peut paraitre incongru... je l'admet
 
toutefois c'est tel quel que ca doit se faire. je m'explique je dois faire un formulaire pour un dentiste, il doit donc yavoir plusieurs case les unes a coté des autres representant des dents, si la case est grisée, cela signifie que la dent est absente (cas d'une dent de lait ou d'un dent manquante) sinon elle est presente et sera remplie par defaut d'un numero de 1 a 48 (pour les dents de lait et les dents definitive). on recuperera derriere les numeros des dents presentes avec la variable $_POST
 
donc il me faudrait pouvoir faire ca sans la petite case a coté pour griser et degriser puisque les dents doivent etre cote a cote...
 
ps: Mais je concoit bien que hors contexte, faire ca n'a strictement aucune utilité ;)

Reply

Marsh Posté le 22-02-2006 à 19:04:15    

j'ai une idée saugrenue, sachant que c'est un environnement fermé ya une possibilité toute conne et très propre
 
je te fais ca dans 5 minutes

Reply

Marsh Posté le 22-02-2006 à 19:07:05    

heu 15 minutes please

Reply

Marsh Posté le 22-02-2006 à 19:07:53    

merci beaucoup gatsu :)

Reply

Marsh Posté le 22-02-2006 à 19:17:13    

ca va etre un peu plus de 15 minutes car là j'ai juste les images d es dents [:petrus75]

Reply

Marsh Posté le 22-02-2006 à 19:22:17    

ok
quest ce que tu me prepare?
:)

Reply

Marsh Posté le 22-02-2006 à 19:22:28    

ca va être un petit peu plus hardu là
 tu veux un truc avec des images de dents ?
je prend l'exemple que sur 4 dents hein ! :D

Reply

Marsh Posté le 22-02-2006 à 19:22:28   

Reply

Marsh Posté le 22-02-2006 à 19:24:30    

ok tres bien!!!
lol
:D

Reply

Marsh Posté le 22-02-2006 à 19:31:15    

bon là je fais un exemple juste avec les cases car c'est ce que tu voulais (c'est plus corsé :D)

Reply

Marsh Posté le 22-02-2006 à 19:33:05    

j'espere que ca t'as pas donné trop de soucis

Reply

Marsh Posté le 22-02-2006 à 20:03:24    

Reply

Marsh Posté le 22-02-2006 à 20:04:22    

normalement ca poutre sa maman
il te reste plus qu'à definir la couleur de fond du input et basta :o

Reply

Marsh Posté le 22-02-2006 à 20:10:15    

ca dechire  
tu dechire
;)

Reply

Marsh Posté le 22-02-2006 à 20:10:24    

merci bcp

Reply

Marsh Posté le 22-02-2006 à 20:22:54    

et pourquoi tu ne te procurerais pas un truc sur les dents (un dessin koua :o) et tu fera ça avec des images de dents  
:o

Reply

Marsh Posté le 22-02-2006 à 20:27:38    

ouais ca pourrait etre pas mal :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed