Envoyer une variable JS d'une page html vers une autre

Résolu
Sam - 22 mai 2017 à 15:38
 Tramweb - 13 janv. 2020 à 06:20
Bonjour,

J'essaye de faire communiquer 2 pages html en envoyant une variable de la première vers la deuxième page.
En cochant des cases dans la première page je stock des valeurs dans ma variable puis en appuyant sur suivant je me retrouve sur la deuxième page.

Je voudrais pouvoir continuer à compléter ma variable dans la deuxième page en la transférant simplement.

Comment faire ?

2 réponses

cs_stay Messages postés 493 Date d'inscription jeudi 7 juillet 2005 Statut Membre Dernière intervention 24 mai 2017 4
24 mai 2017 à 00:38
Bonsoir,

Ton explication est flou ! Quelle est le but de ces transfères de données ?

Je vais essayé de reformuler ce que j'ai compris.
Tu veux via un formulaire (première page), cliquer sur le bouton submit et une autre page s'ouvrirait (target="_blank") et l'on retrouve les données envoyés par la première page.

Si c'est cela, je te propose un formulaire ou les données seront sérialisé et envoyer par l'URL.

Voici un exemple pour la page 1

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
	<div class="container" style="width: 200px;">
		<form enctype="multipart/form-data" method="post" id="mon_form" action="#">
			<div class="form-group">
				<label for="param-un">Param1:</label>
				<input type="text" class="form-control" id="param-un" name="param[un]" value="v1">
			</div>
			<div class="form-group">
				<label for="param-deux">Param2:</label>
				<input type="text" class="form-control" id="param-deux" name="param[deux]" value="v2">
			</div>
			<div class="form-group">
				<label for="param-trois">Param3:</label>
				<input type="text" class="form-control" id="param-trois" name="param[trois]" value="v3">
			</div>
			<button type="submit" class="btn btn-default" onclick="$.app.send();return false;">Submit</button>
		</form>
	</div>
	
    <script type="text/javascript">
	  //<![CDATA[
	    $(function() {
	    	$.app = {
				url: '',
				
				send: function() {
					//document.location = $.app.url+'?'+$('#mon_form').serialize();
					window.open($.app.url+'?'+$('#mon_form').serialize(), '_blank');
				}
			}
			
			$.app.url = "http://localhost/test/page2.php";
        });
    </script>
</body>
</html>


Voici la page 2 avec un print_r qui afficherait les données

<pre><?php print_r($_GET['param']); ?></pre>

1
cette réponse et utile pour moi merci
0