JeuWeb - Crée ton jeu par navigateur
Slider jQuery + span liés - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Slider jQuery + span liés (/showthread.php?tid=5046)

Slider jQuery + span liés - titnome - 14-08-2010

Bonjour,

Voila afin que le joueur puisse choisir le nombre de message à afficher par page dans un forum, je désire utiliser un slider de la librairie jQuery. Le problème est que je n'arrive pas à afficher la valeur de mon slider dans le fameux span. Je tiens à préciser que afin de monter de le script et de m'assurer de son fonctionnement je l'ai testé en liant le Slider avec un input basique et que les résultats étaient concluants.

Voici mon code HTML :
<?php

    require('Systeme/data.php');

    $autorisation = 1;

    require('Systeme/chargement_membre.php');

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

    <head>

        <!-- titre de la page -->

        <title>Mon village</title>



        <!-- Meta Tags -->



        <!-- Style de la page + Icones -->

        <link type="text/css" rel="stylesheet" href="Systeme/CSS/style.css" />

        <link rel="shortcut icon" type="image/x-icon" href="Images/icon.png" />

        <link rel="icon" type="image/png" href="Images/icon.png" />



        <!-- Javacript -->

        <script type="text/javascript" src="Javascript/jquery.js"></script>

        <script type="text/javascript" src="Javascript/Actions_compte.js"></script>



        <!-- Api jQuery + Style -->

        <link href="Systeme/CSS/slider.css" rel="stylesheet" type="text/css"/>

        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

    </head>

    <body>

        <div class="titre"></div>

<?php

    // On inclu le menu

    include('Systeme/menu.php');

?>

        <div class="page">

            <div class="conteneur">

                <h1>Votre compte</h1>

                <!-- Le slider -->

                <div id="slider" style="margin : 10px;"></div>

                <!-- Le span d'affichage -->

                <span id="forum" style="display : block;"></span>

                <!-- Input dont la valeur sera récupéré dans la base de données -->

                <input type="hidden" value="20" id="value_default" />

            </div>

        </div>



        <!-- Si javascript n'est pas activé chez le visiteur -->

        <noscript>

            <div class="cache" style="display : block;"></div>

            <div class="fenetre" style="display : block;">

                <h1 id="titre">Javascript est désactivé</h1>

                <div id="message">

                    <div class="message_information">Le site internet demande l'activation de javascript pour pouvoir fonctionner. Pour le réactiver référez vous au manuel d'utilisation de votre navigateur via la touche "F1" et en recherchant "Activer Javascript".</div>

                </div>



            </div>

        </noscript>

    </body>

</html>
Et voici le code javascript Actions_compte.js


$(document).ready(function() {

      var value_default = $('#value_default').val();

      $("#slider").slider();

      $("#slider").slider({ animate: true });

      $("#slider").slider({ max: 50 });

      $("#slider").slider({ min: 10 });

      $("#slider").slider({ step: 10 });

      $("#slider").slider({ value: value_default });

      $("#forum").text(value_default + ' messages par page');

      $("#slider").slider({

          change: function(event, ui) {

              var value = $("#slider").slider( "option", "value" );

              $("#forum").text(value + ' messages par page');

          }

      });

  });


RE: Slider jQuery + span liés - niahoo - 14-08-2010

Hello, as-tu des messages d'erreurs dans la console ?

RE: Slider jQuery + span liés - CoOz - 15-08-2010

Je copie colle ton code, vire les bouts de php, remplace ton appel de jquery local sur googleapis et ça fonctionne (ie et ff)..
Donc tu as soit un blème dans ton menu.php : #forum dupliqué?
Soit une version de jquery buggée ou incompatible
Soit une malédiction sur toi et ta famille

RE: Slider jQuery + span liés - titnome - 15-08-2010

Je vous remercie à tous les deux.
En fait en modifiant le code j'ai modifié un appel js qui ne fallait pas. J'utilise la toute dernière version de jQuery et avant de poster ce message je me suis renseigner sur le site de jQuery (docs+api) voir si les deux étaient bien compatibles et si je n'avais pas fais d'erreur.
Citation :Soit une malédiction sur toi et ta famille
^^ Je te remercie de ta remarque. Demain je prend un rendez vous chez un exorciste ^^.

Sur cette bonne nouvelle je vais tout de même me diriger vers mon lit à une heure aussi tardive ^^.
J'ai du mal avec ce forum à trouver le bouton Résolu ^^.

RE: Slider jQuery + span liés - niahoo - 15-08-2010

ouais c'est pas con ça, moi aussi !