Discussion :

[SebCBien]

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 ?

[*alexandre*]

utilise un <span>

[MasterOfChakhaL]

Il faut que tu définisses un id pour ton label

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<label id="monLabel">Bla bla</label>

tu pourras ensuite manipuler cet élément en javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var leLabel = document.getElementById( 'monLabel' );

la variable leLabel permet d'accéder à l'élément en question...

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

var leLabel = opener.document.getElementById( 'monLabel' );

[MasterOfChakhaL]

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...

[SebCBien]

Ca ne marche pas mais fonctionne bien pour un <input>.
Si id=monLabel alors à quoi sert var leLabel ?

[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...

[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).

[MasterOfChakhaL]

Monre nous comment tu fais.

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

[SebCBien]

Code dans la page qui appelle le popup :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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();
}

[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.

[SebCBien]

Je ne comprend pas ce qui ne marche pas.