envoyer et recuperer des variables d'une autre page

Version imprimable

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:

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>

06/12/2007, 12h50
calitom
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:

1 2 $_GET['longueurA']
06/12/2007, 14h32
monforte

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>
06/12/2007, 16h19
monforte

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