G�rer des attributs "value" avec Javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

14/11/2008, 09h32
Jarodd

G�rer des attributs "value" avec Javascript

Bonjour,

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

Code:

<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)
14/11/2008, 09h39
gwyohm
Citation:

Envoy� par Jarodd

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

Oui

Citation:

Envoy� par Jarodd

Ceci ne fonctionne pas :

Code:

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

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

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

essaye plutot �a :

Code:

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

14/11/2008, 09h47
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 ?

(edit : c'est la r�ponse � gwyohm, je teste le code Alexdezark de suite !)
14/11/2008, 09h47
Alexdezark

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

Comme �a tu as plusieures solutions ;)
14/11/2008, 09h49
Alexdezark

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�
14/11/2008, 09h50
E.Bzz

Bonjour,

Citation:

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+
14/11/2008, 09h54
E.Bzz

Citation:

Envoy� par Alexdezark

ta fonction en haut de page.

8O
Pas du tout :roll:
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>.

Citation:

Envoy� par Alexdezark

(value="")

Non ! Peu importe la valeur qu'il avait avant :aie:

A+

Citation:

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:

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:

1 2 document.getElementsByTagName("input");
mais qui va renvoyer un tableau de tous les inputs... Je pense qu'Alexdezark pensait plutot � getElementsByName...

14/11/2008, 10h02
E.Bzz
Citation:
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:

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:

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

soit

Code:

document.getElementsById('id_input').value

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

A+
14/11/2008, 10h06
Jarodd

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 :lol:
14/11/2008, 10h12
Alexdezark

Oui excuse moi :oops:

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

J'utilise plus volontier getElementById()

C'est pour �a

Bon j'avance un peu...

Concernant la solution de gwyohm :
Code:

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 ? :lol:

14/11/2008, 10h19
E.Bzz

Citation:

Envoy� par E.Bzz

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

A+
14/11/2008, 10h20
E.Bzz

Citation:

Envoy� par Jarodd

Mais c'est un peu d�gueu non ?

Un peu plus, oui ... :aie:

A+
14/11/2008, 10h27
Jumano
Bonjour,
Essaye de mettre la valeur que tu veux obtenir pour ton champ cach�e entre guillemets :
Code:

1 2 3 <script type="text/javascript"> document.forms['nomDuFormulaire'].elements['champ'].value = "MaFonction()"; </script>
14/11/2008, 10h28
gwyohm

Citation:

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 ? :lol:

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.
14/11/2008, 10h34
E.Bzz

Citation:

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+

Ok je r�cap�p�te :

Code:

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

14/11/2008, 11h13
E.Bzz

Citation:

Envoy� par Jarodd

Ca vous semble correct ? parce que �a marche pas :aie:

Y a un probl�me l�

Code:

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

Ca devrait plut�t ressembler �

Code:

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

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

A+
14/11/2008, 11h15
E.Bzz

Mais ... su tu as un opener, c'est que tu pourrais aussi passer toutes ces valeurs en param�tre de l'url et les r�cup�rer directement � partir de l� ...

A+
14/11/2008, 11h15
Jarodd

Pourtant si je fais un alert(champ) j'ai la bonne valeur qui s'affiche, � mon avis �a coince ailleurs...
14/11/2008, 11h17
E.Bzz

Citation:

Envoy� par Jarodd

Pourtant si je fais un alert(champ) j'ai la bonne valeur qui s'affiche, � mon avis �a coince ailleurs...

Et qu'est-ce qui coince / marche pas ?

(+ cf. ci-dessus)

A+
14/11/2008, 11h20
gwyohm

Citation:

Envoy� par Jarodd

Pourtant si je fais un alert(champ) j'ai la bonne valeur qui s'affiche, � mon avis �a coince ailleurs...

Tu n'aurais pas plusieurs input qui s'appellent "champ" par hasard (name="champ") ?
14/11/2008, 11h21
Jarodd

Les valeurs ne sont pas post�es dans la page cible, je ne sais pas si cela vient du script ou du passage des champs... Je cherche:?
14/11/2008, 11h22
E.Bzz

Citation:

Envoy� par gwyohm

Tu n'aurais pas plusieurs input qui s'appellent "champ" par hasard (name="champ") ?

C'est vrai qu'avec un nom pareil, �a multiplie les risques d'erreurs ... :aie:

EDIT : OK, on a l'explication ;)

Voici le vrai formulaire :
Code:

1 2 3 4 5 6 <input type="hidden" name="matricule" value="<?php echo $_SESSION['matricule']; ?>" /> <input type="hidden" name="entite" value="monentite" /> <input type="hidden" name="bu" value="mabu" /> <input type="hidden" name="listenom" value="monnom" /> <input type="hidden" name="tabprg" value="mesprogs" /> <input type="submit" value="Enregistrer" />
Mais je pr�f�re toujours marquer des champs g�n�riques sur le forum, si jamais �a doit servir � quelqu'un d'autre c'est plus facile � d�chiffrer qu'avec mes propres termes ;)

(edit : les value dans cet exemple c'est pour tester le passage des valeurs, sinon j'ai bien value="" !)

Pourquoi ne pas simplifi� ton script comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script language="JavaScript" type="text/javascript">
function RecupChamp() {
	var champ = window.opener.document.getElementById('formulaire').champ.value;
	document.forms['ListPost'].elements['champ'].value = champ;
	}
</script>
</head>
 
<body onLoad="RecupChamp();"> 
	<form method="post" name="ListPost" action="./ListInsert.php" >
	<label>
	<input type="text "name="champ" value=""id="textfield" />
	</label>
	</form>
</body>
</html>

14/11/2008, 11h25
E.Bzz

Citation:

Envoy� par jumano

Pourquoi ne pas simplifi� ton script comme ceci

Avant de simplifier, mieux vaudrait "r�gulariser" la syntaxe ;)

Code:

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

A+
14/11/2008, 11h29
Jumano

Cette syntaxe fonctionne ... puisque je pense il a donn� un id � son formulaire ...
14/11/2008, 11h29
Jarodd

J'ai plusieurs fonctions, chacune renvoie sa valeur. Avec une seule fonction globale, je ne peux pas en renvoyer plusieurs ;) (il y a peut-�tre plus simple et propre, plus "objet" peut-�tre, mais je n'ai pas les comp�tences ni le temps de m'y mettre sur ce projet l�)
14/11/2008, 11h30
gwyohm

Citation:

Envoy� par Jarodd

Pourtant si je fais un alert(champ) j'ai la bonne valeur qui s'affiche, � mon avis �a coince ailleurs...

Ta fa�on de donner une valeur au champ a l'air bonne.
Tu r�cup�res bien la bonne valeur quand tu fais un alert ; donc le probl�me viens d'ailleurs.
Ton probl�me a lieu en post dans le code PHP : tu ne r�cuperes pas les valeurs ; c'est bien ca ?
Passe tes champs en type="text" pour voir s'ils sont bien remplis ; assure toi que tu n'as pas des formulaires imbriqu�s... ou des �tourderies du genre
14/11/2008, 11h35
Jarodd

Ah le type="text" c'est pas b�te ! J'y avais pas pens�...

Alors j'ai 4 valeurs sur 5 qui s'affichent bien ! Donc le probl�me vient de la communication avec la page cible. Pour la 5e, c'est un tableau, est-il possible d'en faire passer un dans un value ? Me dites pas non svp, sinon je vais pleurer...
14/11/2008, 11h38
Jarodd
Oooooh mais quel idiot !

Je faisais
Code:

1 2 $entite = $_POST['entite']; echo $Entite;
Je m�rite des baffes, j'ai honte l� :aie:

Ca fonctionne donc, sauf pour ce tableau... Enfin �a fait plaisir d'avancer un peu, une semaine que je suis sur cette fonctionnalit�, je sature !
14/11/2008, 11h41
gwyohm

Citation:

Envoy� par Jarodd

Ca fonctionne donc, sauf pour ce tableau...

Qu'entends tu par tableau ? Un tableau HTML ?
14/11/2008, 11h48
E.Bzz

Citation:

Envoy� par jumano

Cette syntaxe fonctionne ...

Elle est incorrecte !!

Sous IE

Code:

window.opener.champ.value;

fonctionne aussi.

De l� � en d�duire que la syntaxe est bonne :roll:
14/11/2008, 11h56
Jumano

Je n'ai pas dit qu'elle �tait bonne j'ai juste dis qu'elle fonctionnait :

Citation:

Cette syntaxe fonctionne ... puisque je pense il a donn� un id � son formulaire ...

Pour le tableau j'ai une liste d'input issue de la base, de cette forme :

Code:

<input type="checkbox" name="prg" value="IFE SW" /> IFE SW<br /><input type="checkbox" name="prg" "value="INTRADIV CAS AMS" /> INTRADIV CAS AMS<br />

Je clique sur un bouton qui ouvre une popup, qui doit r�cup�rer ces valeurs. Vu la structure des pages, je n'ai pas d'autre choix que de les r�cup�rer par JS (GET ou POST pas possible). Code JS :
Code:

1 2 3 4 5 6 7 8 9 var cases = window.opener.document.getElementById('BUIndicator').prg; for (i = 0; i < cases.length; i++) { if (cases[i].checked) { document.write(cases[i].value + " est coché<br />"); } else { document.write(cases[i].value + " n'est pas coché<br />"); } }
(tableau qui m'a d�j� pos� un paquet de probl�mes : voir ce topic :? )

Edit : je crois que j'ai une piste, ne vous fatiguez pas � tout comprendre pour rien :lol:

14/11/2008, 11h59
Alexdezark

Autant que je sache car j'ai eu ce souci ton tableau ne passe pas en Post en tant que tableau

pour le recuperer en PHP essaye

Code:

mavar=explode(",",$_post["monTableau"]);

tu peux aussi passer ta valeur en faisant :

Code:

implode(",",$monTableauApasserEnPost);
14/11/2008, 11h59
Jumano

Pourquoi ne pas r�cup�rer ta variable "TabPrgCoches" et enuiste dans ta popup tu fais une fonction avec split().

Voir 40 message(s) de cette discussion en une page

Fuseau horaire GMT +2. Il est actuellement 12h25.