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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Vider le contenu d'un textarea en cochant un bouton de type "radio"

Tristou

This is where the fun begins

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 :

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

Merci d'avance

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

Publicité

Spir

Words are timeless

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

Code :

<input type="radio" name="activer_maintenance" value="oui" id="activer_maintenance" /> oui
<input type="radio" name="activer_maintenance" value="non" id="desactiver_maintenance" checked="checked" />
...
<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 :

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

Puis tu colle ceci :

Code :

<script type="text/javascript">
$(document).ready(function(){
// action sur la radio desactiver maintenance :
$("#desactiver_maintenance).click(function(){
$("#textMaintenance" ).hide();
});
$("#activer_maintenance).click(function(){
$("#textMaintenance" ).show();
});
});

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

Code :

$(document).ready(function(){
$("#desactiver_maintenance).click(function(){
$("#textMaintenance" ).empty();
});
});
</script>

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

Spir

Words are timeless

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.

Tristou

This is where the fun begins

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"

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Le formulaire n'envoie pas mes inputs type="file"	Un bouton qui supprime un dossier ?!
Autoriser un seul type dans un Edit	javascript bouton radio
Bouton invisible	récupération de l'évènement d'un Bouton radio
Probleme pour vider une arrayList	Changement contenu d'une page en fonction d'une liste déroulante
Plus de sujets relatifs à : Vider le contenu d'un textarea en cochant un bouton de type "radio"

Page générée en 0.038 secondes