Recupérer la valeur d'un slider js

Recupérer la valeur d'un slider js - HTML/CSS - Programmation

Marsh Posté le 05-06-2010 à 09:37:26    

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 :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html dir="ltr">
  3.    
  4.     <head>
  5.         <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css"
  6.         />
  7.         <style type="text/css">
  8.             body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
  9.         </style>
  10.     </head>
  11.    
  12.     <body class=" tundra ">
  13.         <div id="horizontalSlider" dojoType="dijit.form.HorizontalSlider" value="1"
  14.         minimum="0" maximum="5" discreteValues="6" intermediateChanges="true"
  15.         showButtons="false" style="width:300px;">
  16.          
  17.             <div dojoType="dijit.form.HorizontalRule" container="bottomDecoration"
  18.             count=6 style="height:5px;">
  19.             </div>
  20.             <ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration"
  21.             style="height:1em;font-size:75%;color:gray;">
  22.                 <li>
  23.    0
  24.                 </li>
  25.                 <li>
  26.                 1
  27.                 </li>
  28.                 <li>
  29.                 2
  30.                 </li>
  31.                 <li>
  32.                 3
  33.                 </li>
  34.                 <li>
  35.                 4
  36.                 </li>
  37.                 <li>
  38.    5
  39.                 </li>           
  40.             </ol>
  41.         </div>
  42.    
  43.    
  44. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js"
  45.     djConfig="parseOnLoad: true">
  46.    
  47. </script>
  48.     <script type="text/javascript">
  49.         dojo.require("dijit.form.Slider" );
  50.  var i = dijit.form.HorizontalSlider.value; /* cette ligne est à corriger ! */
  51. return i;
  52.     </script>
  54. <form action="cible.php" method="post">
  55. <p>
  56.  <input type="hidden" name="mark1" value=$_i /> /* cette ligne est à corriger ! */
  57.  <input type="submit" value="Execute" />
  58. </p>
  59. </form>
  61.    </body>
  63. </html>


 
 
Et pour le (minable) traitement Php :

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <title>Ma page de traitement</title>
  5. </head>
  6. <body>
  8. <?php
  10. $ent=$_POST['mark1'];
  11. echo 'la valeur est '.$_POST['mark1'];
  13. ?>
  14. </body>
  15. </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 ;-))

Reply

Marsh Posté le 05-06-2010 à 09:37:26   

Reply

Marsh Posté le 05-06-2010 à 09:54:00    

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...
Reply

Marsh Posté le 05-06-2010 à 13:27:23    

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 ?)
 

Reply

Marsh Posté le 05-06-2010 à 13:35:22    

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...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed