Masquer ou non un texte

LeBuss avait prétendu :

Salut à tous, je souhaite masquer ou non deux champs de saisie d'un
formulaire selon le choix d'une liste déroulante juste au dessus.
Pour cacher les champs de saisies j'utilise le code suivant quand la
sélection de ma liste change :

document.masque.c_nbkil.style.display = "none";

Mais comment faire pour masquer le texte associé ??

En HTML j'ai :

<td>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

C'est "Nombre de kilomètres" que j'aimerai bien masquer ...


Merci d'avance

LeBuss@yahoo.fr

Il faut faire ce que tu as fait mais en faisant disparaitre toute la
cellule (TD) au lieu de juste le champ de formulaire (INPUT).

Tu met :
<td id=nbrKmTD>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

Et puis :
document.getElementById('nbrKmTD').style.display = "none";

@+ :)

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net

LeBuss avait prétendu :

Salut à tous, je souhaite masquer ou non deux champs de saisie d'un
formulaire selon le choix d'une liste déroulante juste au dessus.
Pour cacher les champs de saisies j'utilise le code suivant quand la
sélection de ma liste change :

document.masque.c_nbkil.style.display = "none";

Mais comment faire pour masquer le texte associé ??

En HTML j'ai :

<td>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

C'est "Nombre de kilomètres" que j'aimerai bien masquer ...


Merci d'avance

LeBuss@yahoo.fr

Il faut faire ce que tu as fait mais en faisant disparaitre toute la
cellule (TD) au lieu de juste le champ de formulaire (INPUT).

Tu met :
<td id=nbrKmTD>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

Et puis :
document.getElementById('nbrKmTD').style.display = "none";

@+ :)

SUPER mais je perd la mise en page, d'un tableau centré, je me retrouve

avec la partie toujours affichée à gauche et celle masquée ou non à
droite ???

une idée ??

LeBuss avait prétendu :

Salut à tous, je souhaite masquer ou non deux champs de saisie d'un
formulaire selon le choix d'une liste déroulante juste au dessus.
Pour cacher les champs de saisies j'utilise le code suivant quand la
sélection de ma liste change :

document.masque.c_nbkil.style.display = "none";

Mais comment faire pour masquer le texte associé ??

En HTML j'ai :

<td>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

C'est "Nombre de kilomètres" que j'aimerai bien masquer ...


Merci d'avance

LeBuss@yahoo.fr

Il faut faire ce que tu as fait mais en faisant disparaitre toute la
cellule (TD) au lieu de juste le champ de formulaire (INPUT).

Tu met :
<td id=nbrKmTD>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

Et puis :
document.getElementById('nbrKmTD').style.display = "none";

@+ :)

SUPER mais je perd la mise en page, d'un tableau centré, je me

retrouve avec la partie toujours affichée à gauche et celle masquée ou
non à droite ???

une idée ??

Tu n'aurais pas une adresse à donner, pour qu'on puisse voir et tester ?

5 minutes je prépare ça !!!

LeBuss avait prétendu :

Salut à tous, je souhaite masquer ou non deux champs de saisie d'un
formulaire selon le choix d'une liste déroulante juste au dessus.
Pour cacher les champs de saisies j'utilise le code suivant quand la
sélection de ma liste change :

document.masque.c_nbkil.style.display = "none";

Mais comment faire pour masquer le texte associé ??

En HTML j'ai :

<td>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

C'est "Nombre de kilomètres" que j'aimerai bien masquer ...


Merci d'avance

LeBuss@yahoo.fr

Il faut faire ce que tu as fait mais en faisant disparaitre toute la
cellule (TD) au lieu de juste le champ de formulaire (INPUT).

Tu met :
<td id=nbrKmTD>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

Et puis :
document.getElementById('nbrKmTD').style.display = "none";

@+ :)

SUPER mais je perd la mise en page, d'un tableau centré, je me retrouve avec

la partie toujours affichée à gauche et celle masquée ou non à droite ???

une idée ??

Tu n'aurais pas une adresse à donner, pour qu'on puisse voir et tester
?

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net

VOILA c'est visible sur http://lebuss.free.fr/ndf.php

Dans la désignation, si on choisi "véhicule personnel", la puissance
fiscale et le nbre de kilometre apparais. Si on change la désignation
pour autre chose , une ligne blanche se crée et si on reprend "véhicule
personnel", la c'est n'importe quoi

LeBuss avait prétendu :

Salut à tous, je souhaite masquer ou non deux champs de saisie d'un
formulaire selon le choix d'une liste déroulante juste au dessus.
Pour cacher les champs de saisies j'utilise le code suivant quand la
sélection de ma liste change :

document.masque.c_nbkil.style.display = "none";

Mais comment faire pour masquer le texte associé ??

En HTML j'ai :

<td>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

C'est "Nombre de kilomètres" que j'aimerai bien masquer ...


Merci d'avance

LeBuss@yahoo.fr

Il faut faire ce que tu as fait mais en faisant disparaitre toute la
cellule (TD) au lieu de juste le champ de formulaire (INPUT).

Tu met :
<td id=nbrKmTD>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

Et puis :
document.getElementById('nbrKmTD').style.display = "none";

@+ :)

SUPER mais je perd la mise en page, d'un tableau centré, je me

retrouve avec la partie toujours affichée à gauche et celle masquée ou
non à droite ???

une idée ??

Tu n'aurais pas une adresse à donner, pour qu'on puisse voir et tester ?

Apparament cela vient de FireFox, je n'ai pas de pb sous IE. Bon laiisez

tomber et encore merci

bonne soirée

Tu met :
<td id=nbrKmTD>Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5"></td>

Et puis :
document.getElementById('nbrKmTD').style.display = "none";

@+ :)

SUPER mais je perd la mise en page, d'un tableau centré, je me retrouve

avec la partie toujours affichée à gauche et celle masquée ou non à
droite ???

une idée ??

tu mets :
<td id="nbrKmTD">
<p>
Nombre de kilomètres
<input name="c_nbkil" type="text" id="c_nbkil" size="5" />
</p>
</td>

<script type="text/javascript">
function cache(quoi,comment) {
var q = document.getElementById(quoi).getElementsByTagName('*');
for(var(i=0;i<q.length;i++)
q[i].style.visibility = comment;
}
</script>

<select onchange="var k = this.options.selectedIndex;
if(k==0) cache('nbrKmTD','hidden');
else {
cache('nbrKmTD','visible');
c_nbkil.value=this.options[k].value;
}"


--
Stephane Moriaux et son [moins] vieux Mac

Apparament cela vient de FireFox, je n'ai pas de pb sous IE.

non çà vient que pour des TDs
ce n'est pas display:block;
mais display: table-cell;
et pour les TRs display: table-row;

le pb est que IE a du mal avec ces display d'éléments de tables.

Bon laiisez
tomber et encore merci

dommage parce que :

<select name="c_desi" id="frais_kil"
onChange=""var k = his.options.selectedIndex;
if(k!) cache('frais_kil','hidden');
else cache('frais_kil','visible');">

ça aurait pu fonctionner (testé)

en corrigeant un peu la fonction

function cache(quoi,comment) {
var q = document.getElementById(quoi).getElementsByTagName('*');
for(var i=0;i<q.length;i++)
q[i].style.visibility = comment;
}

et sans oublier de mettre des P dans les TDs
--
Stephane Moriaux et son [moins] vieux Mac

LeBuss a exposé le 05/03/2006 :

VOILA c'est visible sur http://lebuss.free.fr/ndf.php

Dans la désignation, si on choisi "véhicule personnel", la puissance fiscale
et le nbre de kilometre apparais. Si on change la désignation pour autre
chose , une ligne blanche se crée et si on reprend "véhicule personnel", la
c'est n'importe quoi

Chez moi ça marche sous IE, et ça merde sous FF.
Faudrait voir avec la soluce d'ASM, là ça doit sûrement marcher :)

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net

ASM vient de nous annoncer :

var q = document.getElementById(quoi).getElementsByTagName('*');

Ca sert à quoi ce machin ? :-s
getElementById(quoi) retourne un seul et unique élément, donc ... ?

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net