Echange de données entre Frame

**Ghosen** · 10/01/2007, 09h09

Bonjour à tous

Bon je tiens à dire que je ne suis pas expert en html...
Je suis en train de faire un projet ou j'asservis un moteur par rapport à une consigne de vitesse. Jusque là pas de probleme...
J'ai crée une fenetre de supervision que j'ai coupé en 2 frames.

L'une avec un champ de texte ou l'on doit rentrer une valeur de consigne.
L'autre fenetre qui affiche des informations (vitesse du moteur et consigne)et qui se met à jour tte les secondes.

Ce que je voudrais faire, c'est de rentrer la consigne et que cette valeur soit renvoyée dans l'url (method post il me semble) de la page rafraichi.

J'avais pensé à utiliser Ajax mais je suis pas assez calé pour le faire...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Consigne</title>
</head>
 
<frameset rows="40%,60%" cols="*" framespacing="0" frameborder="NO" border="0">
  <frame src="frame.htm" name="topFrame" scrolling="NO" noresize>
  <frame src="cgi.htm" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>

Page FRAME.htm

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
<html>
<head>
<title>Supervision de régulation</title>
<style type="text/css">
body {
	background-color: #FFFFFF;}
body,td,th {
	color: #000000;}
.Style1 {
	font-size: 24px;
	font-weight: bold;}
.Style2 {
	color: #E23131;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
#titre
{
border : 2px solid black
}
 
</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script language = "javascript">
	function envoi (f) {
	parent.frames["mainFrame"].document.forms["form2"].Valeur.value = f.Valeur.value};
</script>
</head>
 
<body>
<div align="center" class="Style1">
<p align="right"><img src="IMG/beck.gif" width="133" height="51"></p>
</div>
<div id="titre" align="center" class="Style1">   
<p class="Style2">SUPERVISION DE REGULATION DE VITESSE EMBARQUEE</p>
</div>
 
<p>&nbsp;</p>
<p align="center"><strong>Entrez la valeur de la consigne</strong></p>
</body>
<FORM NAME="Standard" METHOD=get ACTION="http://192.168.0.129/frame.htm">
	<DIV ALIGN=center>
	<P><INPUT TYPE=CHECKBOX NAME="Valide" VALUE="" STYLE="width: 0.44cm; height: 0.4cm">
	<INPUT TYPE=TEXT NAME="Valeur" SIZE=12 STYLE="width: 2.8cm; height: 0.7cm">
	<INPUT TYPE=button NAME="Boutton" VALUE="Envoyer" onClick="envoi(this.form)" STYLE="width: 2.0cm; height: 0.7cm">
<BR><BR>
</form>
</html>

Page CGI.htm

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
<html>
<head>
<title>Supervision de régulation</title>
<style type="text/css">
body {
	background-color: #FFFFFF;}
body,td,th {
	color: #000000;}
.Style1 {
	font-size: 24px;
	font-weight: bold;}
.Style2 {
	color: #E23131;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
 
</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
 
 
<body>
<META HTTP-EQUIV="Refresh" CONTENT="1">
<div align="center">
  <p align="justify">&nbsp;</p>
   <p>&nbsp;</p>
 
   <table width="200" height="64" border="2" bordercolor="#030303" bgcolor="#ECECEC">
 
	 <tr>
       <td width="91"><div align="center">Consigne</div></td>
       <td width="91">RET_CONS </td>
     </tr>
   </table>
 
 
   <p>&nbsp;</p>
 
 
   <table width="200" height="58" border="2" bordercolor="#000000" bgcolor="#ECECEC">
     <tr>
       <td width="92" height="52"><div align="center">Vitesse du moteur </div></td>
       <td width="92" bgcolor="#ECECEC">VIT_MOT</td>
     </tr>
   </table>
 
 
   <p align="left">&nbsp;</p>
 
   <p>&nbsp;</p>
<p>&nbsp;</p>
<script language="javascript">
today = new Date();
document.write("Nous sommes le ",today.getDate(),"/",today.getMonth()+1,"/",today.getYear()+1900,"<br />");
document.write("Il est ",today.getHours(),":",today.getMinutes(),":",today.getSeconds(),"<br />");
</script>
 
 
</div>
</body>
</html>

Merci d'avance...

**Djakisback** · 10/01/2007, 17h01

Salut,
tu peux faire ca en get :

Code :

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

1
2
3
function envoi () {
		parent.frames["mainFrame"].location.href="cgi.htm?value=" + document.getElementById('value').value;
};

et t'ajoutes un id à ton input :

Code :

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

<INPUT TYPE=TEXT id="value" NAME="Valeur" SIZE=12 STYLE="width: 2.8cm; height: 0.7cm">

et tu peux virer le form qui devient inutile.
Bye

(Par contre je sais pas si c'est valide XHTML de mettre un input à l'extérieur d'un form)

**Ghosen** · 11/01/2007, 16h11

Je te remercie de ta reponse Djakisback

j'ai trouvé une autre solution...

Au lieu d'utiliser qu'un seul CGI, j'en utilise deux et le transfert de données devient bcq plus simple. J'ai testé et ça marche !

Echange de données entre Frame

JavaScript

Vue hybride

Discussions similaires

Partager

Partager