[JAVASCPT] Comment desacter un bouton en clickant sur un autre bouton?

Comment desacter un bouton en clickant sur un autre bouton? [JAVASCPT] - HTML/CSS - Programmation

Marsh Posté le 04-02-2005 à 14:49:58    

Bonjour.
 
Je suis en train de m'essayer au Javascript (gros débutant) et j'ai un p'tit probleme :P
 
Je dois gerer le "demarrage du cycle", "l'arret du cycle", "suspendre le cycle" et "reprendre le cycle" d'un robot (virtuel).
 
J'aimerai faire en sorte que quand je clicke sur le bouton "demarrage", le bouton "reprendre cycle" se grise (logique, le cycle est en cour, on ne peut pas le reprendre ;) )
 
Si quelqu'un peut me donner un coup de main pour coder ça, ça serai cool :)
 
Actuellement, j'arrive juste a griser un bouton quand on clicke dessus, c'est tout ;)
 
Merci d'avance !


---------------
PSN/XBL: KikitheKing
Reply

Marsh Posté le 04-02-2005 à 14:49:58   

Reply

Marsh Posté le 04-02-2005 à 14:54:28    

Code :
  1. <script type="text/javascript">
  2.   function demarrer() {
  3.     btn_reprendre = document.getElementById("reprise" );
  4.     btn_reprendre.disabled = true;
  5.     return true;
  6.   }
  7. </script>
  8. (...)
  9. <button id="demarrage" onclick="demarrer()">Démarrage</button>
  10. (...)
  11. <button id="reprise">Reprendre cycle</button>


 
Ce modèle devrait passer sur n'importe quel navigateur récent, sauf erreur de ma part. Tu peux facilement l'étendre à d'autres boutons en définissant un id pour chaque bouton, et une fonction javascript associée avec l'attribut onclick.


Message édité par KrisCool le 04-02-2005 à 14:55:53

---------------
Loose Change Lies | Bars | Last.fm
Reply

Marsh Posté le 04-02-2005 à 14:56:23    

je test ça tout de suite :)
 
Merci ! :jap:


---------------
PSN/XBL: KikitheKing
Reply

Marsh Posté le 04-02-2005 à 15:03:28    

ça marche parfaitement :)
 
je te remercie !


---------------
PSN/XBL: KikitheKing
Reply

Marsh Posté le 11-03-2005 à 14:44:03    

Voila, je me rends compte que le java n'est pas tiptop pour le reste de mon code, c'est pourquoi j'aimerai retranscrire le code que ma donné Kriscool en php.
 
C'est possible ? et comment faire ? :)
 
Merci :)

Reply

Marsh Posté le 11-03-2005 à 16:25:06    

KikitheKing a écrit :

Voila, je me rends compte que le java n'est pas tiptop pour le reste de mon code, c'est pourquoi j'aimerai retranscrire le code que ma donné Kriscool en php.
 
C'est possible ? et comment faire ? :)
 
Merci :)


 
java != javascript !!!!
 
Pour ta question, se serais "oui et non".
Oui : Oui, tu pourrais faire ca en php, mais alors tu dois recharger ta page entierement. Php se fait cote serveur.
 
Non : Si tu ne veux pas que la page soit rechargee, tu dois le faire cote client, donc du JavaScript.

Reply

Marsh Posté le 11-03-2005 à 16:31:26    

cerel a écrit :

java != javascript !!!!
 
Pour ta question, se serais "oui et non".
Oui : Oui, tu pourrais faire ca en php, mais alors tu dois recharger ta page entierement. Php se fait cote serveur.
 
Non : Si tu ne veux pas que la page soit rechargee, tu dois le faire cote client, donc du JavaScript.

Si la page est rechargée, ça ne me dérange pas :)
 
Je me suis renseigné et j'ai lu que l'on pouvais mettre une option "Disabled" pour un bouton, mais je sais pas comment l'utiliser :/

Reply

Marsh Posté le 11-03-2005 à 16:52:08    

KrisCool a écrit :

Code :
  1. <script type="text/javascript">
  2.   function demarrer() {
  3.     btn_reprendre = document.getElementById("reprise" );
  4.     btn_reprendre.disabled = true;
  5.     return true;
  6.   }
  7. </script>
  8. (...)
  9. <button id="demarrage" onclick="demarrer()">Démarrage</button>
  10. (...)
  11. <button id="reprise">Reprendre cycle</button>


 
Ce modèle devrait passer sur n'importe quel navigateur récent, sauf erreur de ma part. Tu peux facilement l'étendre à d'autres boutons en définissant un id pour chaque bouton, et une fonction javascript associée avec l'attribut onclick.


Corrige juste le début :

var btn_reprendre = document.getElementById("reprise" );


C'est dingue le nombre de gens qui oublient de mettre le 'var' :D Genre pour les pubs Google ou Xiti... Et du coup, dans la console JS de FireFox, t'as un kilomètre de warnings parce que y'a pas le var :(

Reply

Sujets relatifs:

Leave a Replay

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