Transmettre la valeur d'une variable à un input hidden

**Imukatwap** · 04/04/2013, 17h27

Bonjour

Je souhaite, comme le titre du sujet l’indique, transmettre la valeur d'une variable js à un input hidden pour pouvoir ensuite l'attribuer à une variable php.

Voici le code simplifié que j'utilise:

Sur une première page php:

javascript :

Code :

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

1
2
3
4
function points() {
  	var pts = 10;
   	document.getElementById("points").value = pts; 
}

html :

Code html :

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

1
2
3
4
5
6
7
8
<body onload="points()">
 
<form method="post" action="insert.php">
	<input type="text" name="points" id="points" value="" />	  	
	<br><input type="submit" value="Valider"/>
</form>
 
</body>

Et sur la deuxième page php:

Code php :

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

$points = $_POST['points'];

Je suis actuellement bloqué à la partie de l'attribution de la valeur à l'input, malgré le code que j'ai pu trouvé sur divers forums, la valeur de ma variable $points est toujours "". La console d'erreur ne m'affiche rien de particulier donc je suppose que la fonction est bien initialisée.

Merci d'avance pour votre aide !

**SpaceFrog** · 04/04/2013, 17h29

soumission de form => rechargement de page =mort de javascript

**Imukatwap** · 04/04/2013, 17h31

Merci pour cette réponse rapide et claire ainsi que pour les balises !

Il y a-t-il une solution pour transmettre la variable à une autre page php sans avoir recourt à un autre langage comme AJAX ?

**Lorenzo77** · 05/04/2013, 01h07

salut,

tu peux passer des vars facilement en GET et sans formulaire en faisant juste ceci :

Code :

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

1
2
var img = new Image();
img.src = "http://xxxxx.xxx/fichier.php?var1=5&var2=coucou";

meme technique avec une iframe ou un script

tu peux utiliser un cookie, c'est pas les soluces qui manquent

**CosmoKnacki** · 05/04/2013, 03h40

Bonjour,

sans avoir recourt à un autre langage comme AJAX

AJAX n'est pas un "autre langage", c'est du code javascript s'exécutant coté client qui interroge, en lui envoyant éventuellement des paramètres, un script coté serveur (un script en php par exemple) et qui récupère ce que le script lui renvoie comme réponse, point barre. Sous ce nom ronflant (qui a été pondu bien après que les navigateurs offrent le support de cette technique) se cachent trois pauvres instructions qui se battent en duel!

soumission de form => rechargement de page =mort de javascript

J'ai pas l'impression que ce soit le nœud de son problème, vu qu'il prend la peine de transmettre sa valeur par le biais d'un formulaire à sa page php, et qu'il précise :

Je suis actuellement bloqué à la partie de l'attribution de la valeur à l'input

.

Le code que tu as posté fonctionne, testes le sur une page vierge pour t'en assurer. M'est avis que si tu n'arrives pas à changer la valeur de ta balise input dans ta "vrai" page, c'est qu'il doit y avoir une erreur dans le code javascript avant la déclaration de ta fonction qui empêche celle-ci d'être interprétée et donc de faire son ouvrage, ou alors c'est que tu utilises jquery et la méthode ready() qui ne fait pas bon ménage avec <body onload="...">.

Exemple avec ton code qui marche:
page1.php

Code html :

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
<!DOCTYPE>
<html lang="fr">
    <head>
        <meta charset="UTF-8" />
        <title>page1.php</title>
        <script type="text/javascript">
            function points() {
                var pts = <?php echo mt_rand(1,100); ?>;
                document.getElementById("points").value = pts;
            }
        </script>
    </head>
    <body onload="points()">
        <form method="post" action="page2.php">
            <input type="hidden" name="points" id="points" value="" /><br/>
            <input type="submit" value="Valider"/>
        </form>
    </body>
</html>

page2.php

Code php :

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

1
2
3
<pre><?php if (isset($_POST['points'])) echo 'Le nombre de points est : '.$_POST['points']; 
       else echo 'Pas de données reçues';?>
</pre>

**Imukatwap** · 07/04/2013, 22h06

Merci pour vos réponses.

Je n'aime pas trop utiliser le GET car l'utilisateur peut y toucher et y introduire d'autre valeurs.

Dans tous les cas, le code de CosmoKnacki fonctionne parfaitement et son commentaire m'a même donné envie d'aller jeter un coup d'oeil du côté de l'AJAX !

Merci encore pour votre aide, sujet résolu !

**SpaceFrog** · 08/04/2013, 08h16

Je n'aime pas trop utiliser le GET car l'utilisateur peut y toucher et y introduire d'autre valeurs.

le POST aussi ...

Transmettre la valeur d'une variable à un input hidden

JavaScript

Discussions similaires

Partager

Partager