G�rer des attributs "value" avec Javascript

**Jarodd** · 14/11/2008, 09h32

Bonjour,

Peut-on utiliser du javascript pour �tablir la value d'un champ input ? Ceci ne fonctionne pas :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<input type="hidden" name="champ" value="<script language='JavaScript' type='text/javascript'>document.write(MaFonction());</script>" />

(la fonction renvoie bien un r�sultat)

Le but de la manoeuvre est de faire passer la valeur par un formulaire POST, en passant par php �a marche mais pas avec JS.

Merci pour votre aide !

Edit : r�solu (voir les messages fin page 2 + page 3 pour toutes explications)

**gwyohm** · 14/11/2008, 09h39

Envoy� par Jarodd

Peut-on utiliser du javascript pour �tablir la value d'un champ input ?

Oui

Envoy� par Jarodd

Ceci ne fonctionne pas :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<input type="hidden" name="champ" value="<script language='JavaScript' type='text/javascript'>document.write(MaFonction());</script>" />

Ce n'est pas comme ca qu'il faut faire...
Si tu veux passer par javascript pour agir sur la valeur d'un champ, voici des exemples

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
<script type="text/javascript">
  document.forms['nomDuFormulaire'].elements['nomDuChamp'].value = MaFonction();
</script>

ou bien

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
<script type="text/javascript">
  document.getElementById('idDuChamp').value = MaFonction();
</script>

**Jarodd** · 14/11/2008, 09h47

Merci pour le tuyau !

Mais je ne comprend pas � quel endroit il faut mettre le script ? Est-ce cela remplace la value du champ cach� ? Dans ce cas faut-il mettre quelque chose � la place ?

(edit : c'est la r�ponse � gwyohm, je teste le code Alexdezark de suite !)

**E.Bzz** · 14/11/2008, 09h50

Bonjour,

Envoy� par Jarodd

Mais je ne comprend pas � quel endroit il faut mettre le script ?

tu peux en faire une fonction (comme dans la r�ponse de Alexdezark), que tu pourras appeler sur le onload du <body> : elle sera lanc�e d�s la page enti�rement charg�e et alimentera ton input.

A+

**gwyohm** · 14/11/2008, 09h55

Envoy� par Jarodd

Merci pour le tuyau !

Mais je ne comprend pas � quel endroit il faut mettre le script ? Est-ce cela remplace la value du champ cach� ? Dans ce cas faut-il mettre quelque chose � la place ?

!)

Non il faut garder ton champ hidden :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
<form name="nomDuFormulaire">
<input type="hidden" name="champ" value="" />
</form>
<script type="text/javascript">
  document.forms['nomDuFormulaire'].elements['champ'].value = MaFonction();
</script>

par exemple.
Concernant la r�ponse d'Alexdezark, il y a quelques trucs qui me chiffonnent :
document.getElementByTagName n'existe pas je crois : il s'agit de document.getElementsByTagName.
De plus cette m�thode se base sur le nom de la balise, pas la propri�t� name donc plutot

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementsByTagName("input");

mais qui va renvoyer un tableau de tous les inputs... Je pense qu'Alexdezark pensait plutot � getElementsByName...

**E.Bzz** · 14/11/2008, 10h02

Envoy� par gwyohm

Concernant la r�ponse d'Alexdezark, il y a quelques trucs qui me chiffonnent :
document.getElementByTagName n'existe pas je crois : il s'agit de document.getElementsByTagName.
De plus cette m�thode se base sur le nom de la balise, pas la propri�t� name donc plutot

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementsByTagName("input");

mais qui va renvoyer un tableau de tous les inputs... Je pense qu'Alexdezark pensait plutot � getElementsByName...

Je n'avais pas vu mais tu as tout � fait raison. Dans le cas pr�sent, aucun des 2 (m�me avec une syntaxe correcte) n'est pertinent.
C'est soit

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.forms['nomDuFormulaire'].elements['champ'].value

soit

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementsById('id_input').value

suivant si l'on est ou non dans un <form> ...

A+

**Jarodd** · 14/11/2008, 10h06

MErci pour toutes ces r�ponses, je suis en train de tester mais le JS n'est pas mon fort, �a prend un peu de temps

**Alexdezark** · 14/11/2008, 09h44

essaye plutot �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
<script>
function maFonction(){
novelleValeur=//mon calcul;
document.getElementByTagName("champ").value=nouvelleValeur;
};
 
</script>
 
<input type="hidden" name="champ" value=""/>
 
MaFonction();

bonne journ�e

**Alexdezark** · 14/11/2008, 09h47

ha, y'avait d�ja une r�ponse...

Comme �a tu as plusieures solutions

**Alexdezark** · 14/11/2008, 09h49

alors :

ta fonction en haut de page.

puis ton champ masqu� (value="")

puis l'appel � ta fonction qui d�finit la valeur de ton champ masqu�

**E.Bzz** · 14/11/2008, 09h54

Envoy� par Alexdezark

ta fonction en haut de page.

Pas du tout

Au contraire : c'est l� que tu as le plus de "chance" d'avoir des erreurs (objet inexistant).
Il faut la d�clarer dans la partie <head>, puis l'appeler soit dans le onload du body, soit en toute fin de page (au niveau de </body>.

Envoy� par Alexdezark

(value="")

Non ! Peu importe la valeur qu'il avait avant

A+