Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript encore une question sur le cachage d'elements

encore une question sur le cachage d'elements

1 réponse
Avatar
karim
Bonjour a tous.

j'ai fait tout ce que vous m'avez dit pour passer un champ en hidden et ca
marche et je vous en remercie vraiment vraiment....

Mais il me manque encore un tout petit element.

J'ai toujours mes boutons radios... j'arrive à afficher ou à cacher des
champs de textes ou liste en fonction des boutons radios (merci à tous).

Mais j'aimerais afficher ou cacher un petit texte a coté des champs de
saisies en fonction du bouton radio.

Pour ça, il faut que je mette document.forms["test"].????? faut mettre
quoi à la fin de la ligne pour faire référence à du texte affiché dans la
page ?

Merci à tous.
Signaler un problème avec ce contenu

1 réponse

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
ASM

Mais j'aimerais afficher ou cacher un petit texte a coté des champs de
saisies en fonction du bouton radio.


exemple
avec les hide et show proposés par ailleurs

<script type="text/javascript">
function show(id) {
var obj = document.getElementById( id );
if ( obj ) { obj.style.display = 'inline'; }
}
function hide(id) {
var obj = document.getElementById( id );
if ( obj ) { obj.style.display = 'none'; }
}

</script>

<form>

<p><span id="tx_1">Texte champ 1 : </span>
<span id="no_1" style="display:none">Autre texte 1</span>
<type="text" name="ch_1" id="ch_1"></p>

<p><span id="tx_2" style="display:none">Texte champ 2 : </span>
<span id="no_1">Autre texte 2</span>
<type="text" name="ch_2" id="ch_2" style="display:none"></p>

<p>choisir :
1 <input type="radio" name="rad_1" onClick="if(this.checked)
{ hide('ch_1'); show('ch_2');
hide('tx_1'); show('no_1');
show('tx_2'); hide('no_2');
}">
2 <input type="radio" name="rad_1" onClick="if(this.checked)
{ hide('ch_2'); show('ch_1');
hide('tx_2'); show('no_2');
show('tx_1'); hide('no_1');
}">
</form>



--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************