passer la valeur d'un curseur (slider) via un formulaire vers nouvelle page php
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 :oops:) 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:
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:
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> |
