Envoyer une variable JS d'une page html vers une autre [Résolu]

Sam - 22 mai 2017 à 15:38 - Dernière réponse : cs_stay 496 Messages postés jeudi 7 juillet 2005Date d'inscription 24 mai 2017 Dernière intervention
- 24 mai 2017 à 01:08
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 ?
Afficher la suite 

3 réponses

Répondre au sujet
cs_stay 496 Messages postés jeudi 7 juillet 2005Date d'inscription 24 mai 2017 Dernière intervention - 24 mai 2017 à 00:38
0
Utile
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>

Commenter la réponse de cs_stay
0
Utile
1
Entre temps j'ai trouvé une technique en utilisant le local.storage, ce qui garde la valeur de ma variable tant que le navigateur n'est pas fermé.

En tout cas merci pour ton commentaire.
cs_stay 496 Messages postés jeudi 7 juillet 2005Date d'inscription 24 mai 2017 Dernière intervention - 24 mai 2017 à 01:08
Je me disais, il cherche quelque chose de plus élaboré.
C'est pas mal. Je ne connaissais pas.

Voici un ex. en français https://www.alsacreations.com/article/lire/1402-web-storage-localstorage-sessionstorage.html

A++
Commenter la réponse de Sam

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.