envoyer et recuperer des variables d'une autre page

**monforte** · 06/12/2007, 12h33

Bonjour,
je crée un formulaire sur un page qui contiens des données et génère un prix.
je voudrais apres un submit, envoyer ces données vers une autre page, je n'y arrives pas, voici la page 1 "brut de coupe":

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>MONFORTE | remorques bagag&egrave;res</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="backtothehtml.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
	background-image:  url(image%20site/fond2.jpg);
	background-color: #FA0505;
	background-repeat: repeat-y;
	background-position: 50%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #FA0505;
}
a:active {
	text-decoration: none;
}
.Style11 {color: #000000}
.Style24 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_jumpMenuGo(selName,targ,restore){ //v3.0
  var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
}
//-->
</script>
<script language="javascript">
function fin(){
  var longueurA=document.getElementById("LongueurA").value;
  return true;
}
</script>
</head>
 
<body>
<div align="center">
  <table width="850" height="1208" border="0" cellspacing="0">
    <tr>
      <td width="848" height="99"><div align="center"><img src="vehicules_routiers/titre-remorque.jpg" width="639" height="97"></div></td>
    </tr>
    <tr>
      <td height="0" valign="top"><table width="859" border="0" cellspacing="0">
        <tr>
          <td height="21">&nbsp;</td>
          <td colspan="2" align="left" valign="top" class="Style11">&nbsp;</td>
        </tr>
        <tr>
          <td height="224">&nbsp;</td>
          <td colspan="2" align="left" valign="top" class="Style11"><p align="center" class="Style24">B&acirc;che pour remorque bagag&egrave;re basse </p>
            <center>
              <p><img src="vehicules_routiers/remorque_plate.jpg" width="320" height="184"> </p>
            </center></td>
        </tr>
        <tr>
          <td width="4" height="290">&nbsp;</td>
          <td width="338" align="left" valign="top" class="Style11"> <form action="commande_bagagère.htm" method="get" name="bagagere_basse" onSubmit="fin();" >
            <label>Longueur A
              <input name="Longueur A" type="text" id="longueurA">
              </label>
            <p>Longueur B
              <input name="Longueur B" type="text" id="longueurB">
            </p>
            <p>Hauteur H
              <input name="Hauteur H" type="text" id="hauteurH">
            </p>
            <p>Coloris toile Pvc
              <select name="Coloris toile" id="Coloris toile">
              </select>
            </p>
            <p>Prix TTC port inclus
              <input name="Prix TTC"id="Prix TTC" disabled >
            </p>
            <p>&nbsp;</p>
            <p align="center">
              <input type="submit" value="Passer commande">
            </p>
            <p>&nbsp;</p>
          </form>            <p align="left" class="Style24">&nbsp;</p>
            </td>
          <td width="500" align="left" valign="top" class="Style11"><img src="vehicules_routiers/croquis_basse.jpg" width="500" height="200"></td>
        </tr>
      </table></td>
    </tr>
  </table>
</div>
</body>
</html>

**calitom** · 06/12/2007, 12h50

Je ne vois pa l'utilité du javascript ici...
Si ton input est dans ton form, et que tu utilise la methode GET, pour recuperer les variables dans la page destination, tu fais:

Code :

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

1
2
 
$_GET['longueurA']

**monforte** · 06/12/2007, 14h32

disons que je commences juste la page, il va y a voir du javascript parce qu'il faut générer des calculs, les valeurs a récuperer vont etre:
longueur A
longueur B
hauteur H
Couleur
puis ensuite le prix ttc qui sera calculé en javascript

je te joins la page de destination, peux tu me faire voir comment tu implantes la fonction GET
merci
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>MONFORTE | remorques bagagères</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="backtothehtml.js" type="text/javascript"></script>
<style type="text/css">

</style>
<script language="JavaScript" type="text/JavaScript">

</script>
<script language="JavaScript" type="text/JavaScript">
function commande(fin){
valeur=longueurA;
document.getElementById('longA').value=valeur;

}
</script>
</head>

<body onLoad="commande()">
<div align="center">
<table width="650" height="700" border="0" cellspacing="0">
<tr>
<td width="648" height="99"><div align="center"><img src="vehicules_routiers/titre-remorque.jpg" width="639" height="97"></div></td>
</tr>
<tr>
<td height="0" valign="top"><table width="645" border="0" cellspacing="0">
<tr>
<td height="21"> </td>
<td align="left" valign="top" class="Style11"> </td>
</tr>
<tr>
<td width="5" height="485"> </td>
<td width="616" align="left" valign="top" class="Style11"> <p align="center" class="Style25">Passer commande de votre bâche</p>
<p align="center" class="Style25"> </p>
<form name="form1" method="post" action="">
longueur A
<input type="text" name="Longueur A" id="longA" >
</form> <p align="center" class="Style25">  </p></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>

**monforte** · 06/12/2007, 16h19

je précise que le 2ieme page doit aussi etre en html !
pas en php
merci

envoyer et recuperer des variables d'une autre page

JavaScript

Vue hybride

Discussions similaires

Partager

Partager