passer la valeur d'un curseur (slider) via un formulaire vers nouvelle page php

**sunbird** · 23/06/2012, 14h14

Bonjour, tout occupé avec un site pour l'école de ma fille, je reviens demander votre aide parce que je ne suis toujours pas à l'aise avec javascript et je cale après avoir cherché partout sur le net (enfin je pense) et essayé différentes solutions....le pire c'est que je pense que c'est tout simple mais en javascript j'y connais pas grand chose, php OK...
Bref, je cherche à faire passer le résultat d'un fonction curseur() dans un champ de texte d'un formulaire pour la passer vers une page PHP (testvar.php) pour traitement; (je veux pas de passage en GET_.
Dans la page du curseur (en fait, c'est la valeur d'un rayon-aradius- d'un cercle pour définir une zone sur une carte google), la valeur s'affiche bien, je peux même la faire passer dans une fenêtre "alert" mais IMPOSSIBLE (à mon niveau

) de la faire passer dans un champ de text (qui sera "hidden") d'un formulaire en mode POST.

Voici un bout du code reprenant la fonction curseur() et la mise en page avec mon essais...
Qui peut m'aider ?
Merci d'avance

...........

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
// fonction curseur 
 
 
function curseur(){ 
 
if(document.getElementById('slider_1')){ 
 
// On recupere la valeur du slider dans aradius
aradius = parseInt((document.getElementById('slider_1').value));
document.getElementById('slider_1_msg').innerHTML = (aradius); 
 
 
// Si la carte est initialisee
if(maCarte != null){
	// calcul du zoom
	if(aradius<=15){azoom=10;} 
	else{if(aradius<=35){azoom=9;}
	else{if(aradius<=70){azoom=8;} 
	else{if(aradius<=130){azoom=7;} 
	else{azoom=6;}}}}
	// Affectation du zoom
	maCarte.setZoom(azoom);
 
}
 
  // Si le cercle est initialise
   if(monCercle != null){
 
	// On change son rayon
	monCercle.setRadius(aradius * 1100);
}
 
}}

Code html :

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
<body onmousemove="move_mouse_cursor(event)" onmouseup="mouseup_slider()"> 
 
<div id="cadreslider">
 
<div id="distance" >
  <div id="apDiv3">
  Distance à vol d'oiseaux :</div></div>
<div id="apDiv6">300 et +</div>
<div id="apDiv5">0</div> 
<div id="apDiv4">
  <div id="slider_1_div" ></div> </div>
<div id="apDiv1">
  <div id="slider_1_msg" ></div>     </div>
 
<script type="text/javascript"> 
init_slider('slider_1',0,0,300,0,300,curseur); 
</script> 
<div id="EmplacementDeMaCarte"></div>
<div id="apDiv2">
  <form id="form1" name="form1" method="post" action="testvar.php">
    <label for="valeur"></label>
 
   <script type="text/javascript"> document.write('<TR> <TD> <input type="text" name="sliderValue" id="sliderValue" value = "' + aradius + '"> </TD></TR>');</script> 
 
    <input type="text" name="sliderValue" id="sliderValue" value = "+aradius+" />
    <input type="submit" name="envoyer" id="envoyer" value="Envoyer" onClick="javascript:alert('Vous avez sélectionné un rayon de '+aradius + 'km');" />
  </form>
</div>
</html>

**SpaceFrog** · 23/06/2012, 14h17

pas .innerHTML => .value

**sunbird** · 23/06/2012, 15h30

oui j'ai essayé cela mais j'y suis pas arrivé, j'avoue encore une fois ne presque rien connaître à javascript, donc peut être que j'ai fait une erreur dans le code mais j'avais essayé et rien ne se passait....

**Bovino** · 23/06/2012, 16h10

Code :

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

<script type="text/javascript"> document.write('<TR> <TD> <input type="text" name="sliderValue" id="sliderValue" value = "' + aradius + '"> </TD></TR>');</script>

C'est quoi cette horreur ?

**sunbird** · 23/06/2012, 16h20

Ben ceci montre bien mon niveau en javascript; j'ai tout essayé et ce que vous voyez dans le code concernant ce champ est mon dernier bricolage....Je reconnais ne pas être de haut niveau dans ce language...honte à moi

et c'est justement sur cette ligne que je calle....merci de votre aide....

passer la valeur d'un curseur (slider) via un formulaire vers nouvelle page php

JavaScript

Discussions similaires

Partager

Partager