Vider le contenu d'un textarea en cochant un bouton de type "radio"

Vider le contenu d'un textarea en cochant un bouton de type "radio" - HTML/CSS - Programmation

Marsh Posté le 03-05-2008 à 13:58:00    

Bonjour,
 
pour une appli que je réalise actuellement, je souhaiterais, pour la partie maintenance de l'administration, faire la chose suivante en javascript : si c'est le bouton radio dont la valeur est non (autrement dit, on désactive le mode maintenance) qui est cochée, cela m'efface le contenu du textarea qui contient le motif de la maintenance. Le truc c'est que je suis une grosse bille en javascript donc si quelqu'un pouvait me mettre sur la voie, cela m'aiderait énormément.
 
Voici le code HTML concerné :

Code :
  1. <input type="radio" name="activer_maintenance" value="oui" id="activer_maintenance" /> oui
  2. <input type="radio" name="activer_maintenance" value="non" id="activer_maintenance" checked="checked" /> non <br />
  3. <label for="motif_maintenance">Motif de la maintenance<br />
  4.  <em>(apparaitra sur la page d'accueil &agrave; la place du menu habituel)</em>
  5. </label>
  6. <textarea name="motif_maintenance">{DOC_MAINTENANCE_MOTIF}</textarea>


 
Merci d'avance ;)


---------------
"About your cat Mr. Schrödinger : I have good news and bad news"
Reply

Marsh Posté le 03-05-2008 à 13:58:00   

Reply

Marsh Posté le 03-05-2008 à 14:42:49    

Une premiere remarque : tu ne peux pas mettre deux ID avec le même nom : "activer_maintenance".
Imaginons qu'il y est :

Code :
  1. <input type="radio" name="activer_maintenance" value="oui" id="activer_maintenance" /> oui
  2. <input type="radio" name="activer_maintenance" value="non" id="desactiver_maintenance" checked="checked" />
  3. ...
  4. <textarea name="motif_maintenance" id="textMaintenance">{DOC_MAINTENANCE_MOTIF}</textarea>


Avec le framwork jQuery tu fais ca tres facilement.
http://jquery.com/

 

Tu fais appel à la librairie (a la fin de la page pour optimiser)

Code :
  1. <script type="text/javascript" src="jquery.js"></script>


Puis tu colle ceci :

Code :
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.    // action sur la radio desactiver maintenance :
  4.    $("#desactiver_maintenance).click(function(){
  5.      $("#textMaintenance" ).hide();
  6.    });
  7.    $("#activer_maintenance).click(function(){
  8.      $("#textMaintenance" ).show();
  9.    });
  10. });
 

ca c'est si tu veux cacher le texte. Si tu veux complètement l'effacer ca donne ceci :

Code :
  1. $(document).ready(function(){
  2.    $("#desactiver_maintenance).click(function(){
  3.      $("#textMaintenance" ).empty();
  4.    });
  5. });
  6. </script>


Message édité par Spir le 03-05-2008 à 14:43:15
Reply

Marsh Posté le 03-05-2008 à 14:45:12    

Poiur expliquer vite fait :  
en jQuery tu selectionne un element par son id en faisant $("#NOM_ID" )
Pour un class ca sera : $(".NOM_CLASS" )
 
Regarde la doc. C'est tres facile a mettre en oeuvre et tu peux faire plein de trucs facilement. :)

Reply

Marsh Posté le 03-05-2008 à 14:57:28    

Merci bien, je jette un oeil :jap:

 

EDIT : impec', je garde cette lib sous le coude, y'a des effets sympas ^^


Message édité par Tristou le 03-05-2008 à 15:19:50

---------------
"About your cat Mr. Schrödinger : I have good news and bad news"
Reply

Sujets relatifs:

Leave a Replay

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