Couplage JQUERY et script PHP

OJAL · 6 Juin 2011

Bonjour,

J'aurais besoin de mettre en place un slider que j'ai à priori retenu en JQUERY, mais qui pourrait être une autre source javascript, je voudrais éviter le FLASH.
Ce slider doit piloter un système électronique par l'intermédiaire d'un script PHP qui fonctionne déjà.
Quels sont les mécanismes qui permettent de passer les arguments au script php et d'éxécuter le script PHP uniquement lorsqu'il y a une action sur le slider...?

Il faudrait aussi que lorsqu'un mouvement est appliqué au slider, le script PHP soit exécuté à une fréquence donnée idéalement tous les 1/10èmes de secondes...

Merci par avance pour votre aide préciseuse

spout · 6 Juin 2011

OJAL a dit:
Quels sont les mécanismes qui permettent de passer les arguments au script php et d'éxécuter le script PHP uniquement lorsqu'il y a une action sur le slider...?

AJAX

OJAL · 6 Juin 2011

AIE AIE JAX!
Je me doutais un peu de la réponse

Auriez-vous l'amabilité de me guider au moins dans les grandes lignes à mettre en place?

Merci

YoyoS · 6 Juin 2011

Le mieux c'est que tu lises n'importe quel tuto pour débuter avec l'Ajax histoire de comprendre le principe. Tuto ajax

spout · 6 Juin 2011

Et tu as retenu quel slider en jQuery ? Il faut un qui supporte des "callback" pour les actions sur le slider.

OJAL · 6 Juin 2011

Je suis parti sur celui-ci:
http://docs.jquery.com/UI/Slider

Ce qui donne ce code

Code:

<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <style type="text/css">
    #slider { margin: 10px; }
  </style>
  <script>
  $(document).ready(function() {
    $("#slider").slider();
  });
  </script>
</head>
<body style="font-size:62.5%;">
  
<div id="slider"></div>

</body>
</html>

il faudrait déjà par exemple que j'arrive à afficher les valeurs du slider sur la page et ensuite mon script PHP est prêt à recevoir la valeur du slider en argument tout bêtement avec une récup de l'argument dans l'URL avec _GET...

Il va en effet falloir que le slider génère un évènement lorsqu'on modifie sa valeur et coupler cet évènement avec le script PHP... ATTENTION, je voudrais éviter un trop fort rafraichissement de la valeur du slider surtout éviter de lancer le script toutes les mimisecondes... Une fréquense de 0.1s me semble parfaite si réalisable

spout · 6 Juin 2011

Ce slider supporte des events, notamment sur le "change", cfr. la doc: http://jqueryui.com/demos/slider/
Donc pas besoin de "rafraichissement".
Couplé à jQuery.get(): http://api.jquery.com/jQuery.get/
Et tu auras +/- tout ce qu'il te faut

OJAL · 6 Juin 2011

Merci

Je pense que l'event le plus adapté sera http://docs.jquery.com/UI/API/1.8/Slider#event-slide

Mais je ne vois franchement pas comment le coder...

Comment faire par exemple pour 'simplement' afficher sur la page la valeur du slider?
Une fois cxel réalisé j'y verrai peut être plus clair pour lancer mon script PHP

spout · 6 Juin 2011

Dans la démo ici il y a une exemple pr afficher la valeur du slider: http://jqueryui.com/demos/slider/#steps

OJAL · 6 Juin 2011

Merci, c'est exactement çà

Rololo...
Il va me falloir de l'énergie pour intégrer JQUERY...
la démo est exactement ce que je souhaite faire

MAIS
Je n'arrive même pas à comprendre à quoi correspond la source proposée par la démo...
Ce bout de source doit nécessairement s'additionner à quelque chose d'autre que je ne maîtrise pas...

ROLOLO... Tout ça pour faire afficher la valeur d'un curseur lol :lol:

Je vais essayer de reprendre ça demain, mais j'ai bien peur de devoir prendre TTES les bases de JQUERY...

@ demain

et merci

YoyoS · 7 Juin 2011

Bah oue tu brûles les étapes d'apprentissage, normal ... Avant de s'attaquer à un framework c'est quand même mieux de comprendre comment ça fonctionne