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