Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
917 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Recupérer la valeur d'un slider js

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Recupérer la valeur d'un slider js

n°1999242
Jacky1985
Posté le 05-06-2010 à 09:37:26  profilanswer
 

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>
  53. <form action="cible.php" method="post">
  54. <p>
  55.  <input type="hidden" name="mark1" value=$_i /> /* cette ligne est à corriger ! */
  56.  <input type="submit" value="Execute" />
  57. </p>
  58. </form>
  59.    </body>
  60. </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>
  7. <?php
  8. $ent=$_POST['mark1'];
  9. echo 'la valeur est '.$_POST['mark1'];
  10. ?>
  11. </body>
  12. </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 ;-))

mood
Publicité
Posté le 05-06-2010 à 09:37:26  profilanswer
 

n°1999244
SICKofitAL​L
Razoreater
Posté le 05-06-2010 à 09:54:00  profilanswer
 

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


---------------
"And at the end it is only YOU, ME AND THE VIOLENCE !"
n°1999261
Jacky1985
Posté le 05-06-2010 à 13:27:23  profilanswer
 

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

n°1999262
SICKofitAL​L
Razoreater
Posté le 05-06-2010 à 13:35:22  profilanswer
 

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.


---------------
"And at the end it is only YOU, ME AND THE VIOLENCE !"

Aller à :
Ajouter une réponse
  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électionRemplacement de valeur en Javascript
recuperer valeur d'un select jqueryrecuperer url d'un iframe
[Flash]recuperer la selection d'une comboboxRé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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR