Discussion :

[coudvent]

Bonjour!

J'ai un site web à rendre demain dans le cadre d'un projet étudiant et je bute sans cesse dans le jquery. A savoir, j'apprend en autodidacte depuis 1 semaine + j'ai beaucoup de mal à comprendre toutes les subtilités de la conception de site web = je m'aide au maximum de tuto.
Pour le Problème, je tente d'inséré un code Jquery sur mon site mais le résultat est un échec aussi cuisant que constant. Si votre aide me permet de sortir de là, j'allume le cierge!

Voilà la feuille de style js de mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
$(document).ready(function(){
    slider.init();
    slider.play_defil();
    });
 
    slider={
        init: function(){
            slider.elem=$("#head_slider_content");
            slider.nbSlide=slider.elem.find("object").length;
            slider.curent=0;
            $("header_slider_fleche_droite").click(function(){
                slider.next();
            });
            $("header_slider_fleche_gauche").click(function(){
                slider.prev();
            });
            $("head_slider").mouseover(function(){
                slider.stop_defil();
        });
            $("head_slider").mouseout(function(){
                slider.play_defil();
        },
 
        next:function(){  // Ici
            slider.current++;
            if(slider.current>slider.nbSlide-1)
            {
                slider.current=0;
                slider.elem.stop().animate({marginLeft:"0px"});
            }
            else
            {
                slider.elem.stop().animate({marginLeft:-slider.current*820+"px"});
            }
        },
        prev:function(){
            slider.current--;
            if(slider.current<0)
        {
            slider.current=slider.nbSlide-1;
        }
        slider.elem.stop().animate({marginLeft:-slider.current*820+"px"});
        },
        play_defil:function(){
            slider.timer=window.setInterval("slider.next()",2000);
        },
        stop_defil:function(){
            window.clearInterval(slider.timer);
    }

Le jquery persiste à me dire qu'il y a une erreur à la ligne 24 mais je ne vois pas laquelle...

L'idée finale étant d'avoir un slider vidéo sur mon site avec flèche gauche et flèche droite

Pour la situer, j'aimerais qu'elle s'imbrique dans le code html suivant, dans la div "clips". Je vous présente l'échec obtenu:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="clips" style="padding-top:226px;">
        <h1 class="center">CLIPS</h1>
        	<div id="head_slider">
                <div id="head_slider_fleche_gauche">
                </div>
                <div id="head_slider_fleche_droite">
                </div>
                <div id="head_slider_content_list">
                </div>
                <div id="head_slider_content">
                <iframe width="640" height="360" src="http://www.youtube.com/embed/KQu8FOjJXdI" frameborder="0"></iframe>
                <iframe width="640" height="360" src="http://www.youtube.com/embed/vSkb0kDacjs" frameborder="0"></iframe>
                <iframe width="640" height="360" src="http://www.youtube.com/embed/lmc21V-zBq0" frameborder="0"></iframe>
                </div>
        	</div>
    </div>

Et voilà le tuto qui m'a appris ce code:

Merci pour la moindre aide!

Bonnes fêtes!

[macmicro]

Bonjour,

L'erreur signalée ligne 24 n'est pas sur la ligne elle même, mais soit au dessus ou soit en dessous.

j'ai repris votre script il y a pas moins de 8 erreurs.

dans la première partie il manque des # qui font référence aux id des div dans la fonction init: de la fonction click()

à la dernière instruction ce n'est pas une virgule mais un point virgule

dans la partie next: dans le else la ligne de slider.elem.stop() n'est pas complète

idem dans la partie prev:

tout à la fin il manque l'accolade de fermeture du la fonction slider

[coudvent]

Merci beaucoup!!!

J'ai rectifié les erreurs énoncées mais le soucis persiste.... Pour être sùr: j'intègre le js dans le head via

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

+

<script type="text/javascript" src="jquery-1.11.0.min.js"></script>

mais le problème est toujours là...

[macmicro]

Bonjour,

Quel souci persiste ?

ce fichier (woodkidjvscript.js) c'est quoi ? Que contient t'il ?

De plus on intègre toujours la lib jquery avant l'appel des autres fichiers de script ou script intégré,
et le css avant.

Le problème est toujours là ? lequel ?

Expliquer vous mieux! Et remettez votre code.