Changer le nom d'un <label>

Version imprimable

29/11/2006, 22h36
SebCBien

Changer le nom d'un <label>

Salut,

Dans un formulaire, j'ai un <label> devant un <input>.
Je veux changer le label par une action javascript en faisant une sélection depuis un popup.
(Par exemple passer de Voiture à Camion).
Apparement les propriétés id et name n'existe pas.

Une idée ?
30/11/2006, 05h04
*alexandre*

utilise un <span>
30/11/2006, 08h42
MasterOfChakhaL
Il faut que tu définisses un id pour ton label
Code:

1 2 <label id="monLabel">Bla bla</label>
tu pourras ensuite manipuler cet élément en javascript
Code:

1 2 var leLabel = document.getElementById( 'monLabel' );
la variable leLabel permet d'accéder à l'élément en question...
30/11/2006, 08h59
Bisûnûrs

Je rajouterai en plus du post de MasterOfChakhaL, que si tu veux accéder à la valeur de ton label dans ton popup tu dois mettre opener. devant document.getEleme..... :

Code:

var leLabel = opener.document.getElementById( 'monLabel' );
30/11/2006, 10h09
MasterOfChakhaL

Citation:

Envoyé par Bisûnûrs

Je rajouterai en plus du post de MasterOfChakhaL, que si tu veux accéder à la valeur de ton label dans ton popup tu dois mettre opener. devant document.getEleme..... :

Effectivement, j'avais pas fait gaffe que ca parlait de popup... :oops:
30/11/2006, 13h14
SebCBien

Ca ne marche pas mais fonctionne bien pour un <input>.
Si id=monLabel alors à quoi sert var leLabel ?
30/11/2006, 13h56
MasterOfChakhaL

le id est un attribut HTML qui te permet de donner un identifiant unique à ton élément

var leLabel, est une déclaration de variable en javscript...

le javascript permet, entre autres, de manipuler les élément html.
en faisant, cela tu peux ensuite manipuler cette variable dans ton javascript et utiliser/modifier ses propriétés pour agir sur ton document html.

peut-être qu'un petit tour dans la FAQ javascript t'inspirera...
30/11/2006, 18h16
SebCBien

C'est bien ce que j'avais compris mais ça ne marche pas avec le label par contre ça marche très bien avec un input (type=text).
30/11/2006, 18h21
MasterOfChakhaL

Monre nous comment tu fais.

Ca sera plus facile que d'y aller à l'aveuglette

Code dans la page qui appelle le popup :

Code:

1
2
3
4
5
6
7
8
9
10
 
<script type='text/javascript'>
   function OuvrirFenetre(url,nom) {
     window.open(url,nom,'width=300,height=250,scrollbars=yes,resizable=yes')
  }
</script>
<a href='javascript:OuvrirFenetre('popup.php','popup')'>
              ouvrir popup</a>
<INPUT TYPE=TEXT ID='Test' NAME='Test' align='right' SIZE=20 MAXLENGTH=20 VALUE=''>
<label id='monLabel'>MaFamille</label>

Code dans le popup :
Un clique sur le lien appelle cette fonction :

Code:

1
2
3
4
5
function FermerFenetre(Retour) {
   window.opener.document.forms['formulaire'].elements['Test'].value=Retour;
   var leLabel = opener.document.getElementById( 'monLabel' );
   window.close();
}

30/11/2006, 23h10
Bisûnûrs

Ben t'as créé ta variable leLabel mais tu ne lui affectes rien. Elle est vide alors forcément ça ne peut pas marcher.
01/12/2006, 13h16
SebCBien

Je ne comprend pas ce qui ne marche pas.