transferer des données

**krousty** · 11/06/2008, 14h33

bonjour ,
j'ai un petit script qui permet de faire bouger une image.
Après avoir fait bouger l'image j'ai un bouton qui transfert les coordonnée à une autre page en php(cette page aura pour but d'inserer les nouvel coordonnée dans une base de donnée).
J'arrive bien a récupérer les les coordonnées cependant je n 'arrive pas à les transférer à la seconde page. voici mon code

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
 
<body>
 
<p> <p> <p>
<div id="parentElem"><div id="insideParent"></div></div>
	  <form name="dataForm" action="page1.php" method="GET";/>
			<input type="hidden" id="abs" name="abs" />
	  		<input type="hidden" id="ord" name="ord" />
			 <input type=submit value="Valider" OnSubmit ='point()';/>
 
	  </form>
<script type="text/javascript">
function calculeOffsetLeft(r){
  return calculeOffset(r,"offsetLeft")
}
 
function calculeOffsetTop(r){
  return calculeOffset(r,"offsetTop")
}
 
function calculeOffset(element,attr){
  var offset=0;
  while(element){
    offset+=element[attr];
    element=element.offsetParent
  }
  return offset
}
 
function point(){
	var x ;
	var y;
	x = calculeOffsetTop(insideParent);
	y = calculeOffsetLeft(insideParent);
 
	window.document.dataForm.abs = x;
	window.document.dataForm.ord = y;
	form.submit();
}
 
 
$(document).ready(
 
	function()
	{
		$('#insideParent').Draggable(
			{
				containment : 'parent'
			}
		);
	}	
);
</script>
</body>

je voudrai donc savoir si il y a une erreur dans mon code ou si ma méthode n'est pas bonne.
cordialement krousty

**E.Bzz** · 11/06/2008, 14h54

L'évènement onsubmit est à placer dans le tag <form>.
Par ailleurs je te déconseille de gérer des évènements dans un type="submit" => source de problèmes (sauf cas très spécifiques) ...

A+

**krousty** · 11/06/2008, 15h22

merci pour ces conseils .
Néanmoins , je n'arrive toujours pas a transférer mes variables , elle n'apparaisse même pas ds l'url (/page1.php?abs=&ord=).
Sinon que me conseillez vous pour pouvoir passer ces variables ou les inséré dans une BDD?

**E.Bzz** · 11/06/2008, 15h34

Je ne sais pas où tu as trouvé cette syntaxe exotique

Code :

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

1
2
window.document.dataForm.abs = x;
window.document.dataForm.ord = y;

mais essaye plutôt

Code :

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

1
2
document.getElementById('abs').value = x;
document.getElementById('ord').value = y;

De plus (si tu avais fait la correction précédente) remplace

Code :

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

form.submit();

par

Code :

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

return true;

La fonction doit être appelée ainsi

Code :

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

<form name="dataForm" action="page1.php" method="GET" onsubmit="return point();"/>

... et déclare tes fonctions dans le <head> ...

A+

**krousty** · 11/06/2008, 15h45

c'est bon çà marche très bien .
excuser l'exotisme de mon code (qui est une compilation de code trouver à gauche et a droite ) mais je suis novice en novice en développement web et je n'ai pas encore eu le temps d'apprendre les bases.
Merci à vous
Cordialement Krousty

transferer des données

JavaScript

Discussions similaires

Partager

Partager