Recupérer la valeur d'un slider js

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Recupérer la valeur d'un slider js

Jacky1985

Bonjour, j'ai repris une partie de script déjà disponible pour faire un slider.
Mon but est que l'utilisateur puisse sélectionner une valeur du slide, puis lorsque le bouton submit est donné.

Mon problème est je ne sais pas comment s'appelle la valeur que je souhaite retourner (qui est le nombre variant associé au déplacement du slide).

J'ai tenté de retourner une variable à la fin du javascript, mais sans succès.
Je fournis le code complet utile pour résoudre le problème.

Pour la page de présentation comprenant le code javascript (enfin je pense qu'il y a un appel à d'autres fonctions), voici le code xhtml:

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
<head>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css"
/>
<style type="text/css">
body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
</style>
</head>
<body class=" tundra ">
<div id="horizontalSlider" dojoType="dijit.form.HorizontalSlider" value="1"
minimum="0" maximum="5" discreteValues="6" intermediateChanges="true"
showButtons="false" style="width:300px;">
<div dojoType="dijit.form.HorizontalRule" container="bottomDecoration"
count=6 style="height:5px;">
</div>
<ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration"
style="height:1em;font-size:75%;color:gray;">
<li>
0
</li>
<li>
1
</li>
<li>
2
</li>
<li>
3
</li>
<li>
4
</li>
<li>
5
</li>
</ol>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js"
djConfig="parseOnLoad: true">
</script>
<script type="text/javascript">
dojo.require("dijit.form.Slider" );
var i = dijit.form.HorizontalSlider.value; /* cette ligne est à corriger ! */
return i;
</script>
<form action="cible.php" method="post">
<p>
<input type="hidden" name="mark1" value=$_i /> /* cette ligne est à corriger ! */
<input type="submit" value="Execute" />
</p>
</form>
</body>
</html>

Et pour le (minable) traitement Php :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Ma page de traitement</title>
</head>
<body>
<?php
$ent=$_POST['mark1'];
echo 'la valeur est '.$_POST['mark1'];
?>
</body>
</html>

PS: Je souhaite faire un slider par rapport aux besoins de mon site (ergonomie pour la notation, mieux qu'un système à étoiles). Nous pouvons toujours discuter d'un autre code pour retourner la valeur, mais je tiens à garder le concept slider ! (Car malgré mon faible niveau, je sais faire une liste à point ou une liste déroulante en php ;-))

Publicité

SICKofitALL

misanthrope

Je peux me tromper, mais ca utilise le toolkit Dojo. As-tu regarder l'API de ce dernier ?
Ya un exemple ici à priori : http://archive.dojotoolkit.org/nig [...] lider.html

Message cité 1 fois

---------------
We deserve everything that's coming...

Jacky1985

SICKofitALL a écrit :

Je peux me tromper, mais ca utilise le toolkit Dojo. As-tu regarder l'API de ce dernier ?
Ya un exemple ici à priori : http://archive.dojotoolkit.org/nig [...] lider.html

Merci pour le lien, ca semble adaptable effectivement, je souhaite faire de la recup comme la barre de la fin du lien (verticale) mais sur une barre horizontale...

C'est quoi l'API pour toi ? (pour moi c automate progr... industriel). Sinon tu pense que c'est lourd ou pas pour plusieurs slider sur la meme page (ie charger dojo plugin sur chaque page ?)

SICKofitALL

misanthrope

Ben une API, en développement du moins, c'est une interface de programmation : http://fr.wikipedia.org/wiki/Inter [...] grammation

Dans ce cas précis, on a un boite à outils (toolkit ou framework) et pour l'utiliser il faut sa doc, càd son API

Sinon de tte facon, il faut que tu charges le toolkit pour chaque page, c'est du web ne l'oublions pas. Donc concernant la lourdeur, si tu veux charger une page à chaque fois, la question ne se pose pas.
Tu peux bien sûr ne le charger qu'une fois et traiter le reste via des appels AJAX.

---------------
We deserve everything that's coming...

FORUM HardWare.fr

Programmation

HTML/CSS

Recupérer la valeur d'un slider js

Sujets relatifs
[Treeviewer] Récupérer le nom de la colonne lors d'une sélection	Remplacement de valeur en Javascript
recuperer valeur d'un select jquery	recuperer url d'un iframe
[Flash]recuperer la selection d'une combobox	Récupérer le pacman de Google
[Tkinter] Attribuer une nouvelle valeur à une valeur avec un bouton	[Batch - Débutante] Récupérer l'IP après le ping d'une machine
Stocker valeur du contrôle Checkbox
Plus de sujets relatifs à : Recupérer la valeur d'un slider js

Page générée en 0.077 secondes