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>

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

**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 !)

**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, 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+

**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+

**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, 10h12

Oui excuse moi

J'ai cherch� � te faire une r�ponse rapide avec tes �l�ments

J'utilise plus volontier getElementById()

C'est pour �a

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

Bon j'avance un peu...

Concernant la solution de gwyohm :

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>

Le formulaire ne passe pas la valeur apparemment ( <?php echo $_POST['champ']; ?> dans la page cible n'affiche rien). Mais si le script est apr�s le </form>, est-il pris en compte au moment o� on poste le formulaire ? L� j'ai l'impression qu'on envoie la valeur du champ au moment du </form> c'est-�-dire une value vide ?

Seulement si je met le script avant, le formulaire n'existe pas encore... Je vais peut-�tre essayer avec le script dans le formulaire ? Mais c'est un peu d�gueu non ?

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

Envoy� par E.Bzz

l'appeler soit dans le onload du body, soit en toute fin de page (au niveau de </body>.

A+

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

Envoy� par Jarodd

Mais c'est un peu d�gueu non ?

Un peu plus, oui ...

A+

**Jumano** · 14/11/2008, 10h27

Bonjour,
Essaye de mettre la valeur que tu veux obtenir pour ton champ cach�e entre guillemets :

Code :

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

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

**gwyohm** · 14/11/2008, 10h28

Envoy� par Jarodd

Seulement si je met le script avant, le formulaire n'existe pas encore... Je vais peut-�tre essayer avec le script dans le formulaire ? Mais c'est un peu d�gueu non ?

Si ma solution tel que ne va pas, ca ne fonctionnera pas mieux avec le script directement dans le formulaire. Le script qui rempli le champ s'execute d�s qu'il est �crit sur la page.

Je pense qu'il nous faut plus d'�l�ments pour t'aider : peut �tre ta fonction, ou mieux l'ensemble de la page html.

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

Envoy� par gwyohm

Le script qui rempli le champ s'execute d�s qu'il est �crit sur la page.

Heu ... vaguement. Mais le probl�me est que l'objet auquel il fait r�f�rence n'existe pas forc�ment � cet instant (m�me s'il est plac� avant).
Voir ci-dessus (onload etc) ...

A+

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

Ok je r�cap�p�te :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<head>
<script language="JavaScript" type="text/javascript">
function Chargement() {
	document.forms['ListPost'].elements['champ'].value = Recupchamp();
	// ceci pour tous les champs
}
 
function RecupChamp() {
	var champ = window.opener.document.getElementById('formulaire').champ.value;
	return champ;
	}
</script>
</head>
 
<body onLoad="Chargement();"> 
 
	<form method="post" name="ListPost" action="./ListInsert.php" >
		<input type="hidden" name="champ" value="" />
		<!-- idem pour tous les champs -->
	</form>
 
</body>

L'�v�nement onLoad() est bien ex�cut� au chargement de page, j'ai v�rifi� en mettant un alert(champ) dans RecupChamp().

Ca vous semble correct ? parce que �a marche pas

**E.Bzz** · 14/11/2008, 11h13

Envoy� par Jarodd

Ca vous semble correct ? parce que �a marche pas

Y a un probl�me l�

Code :

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

var champ = window.opener.document.getElementById('formulaire').champ.value;

Ca devrait plut�t ressembler �

Code :

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

var champ = window.opener.document.getElementById('id_du_champ').value;

Mais il faut que le 'champ' dans ton opener ait un id ...

A+

G�rer des attributs "value" avec Javascript

JavaScript

Discussions similaires

Partager

Partager