utiliser jquery dans symfony 2

Version imprimable

Bonsoir à tous.
J'ai un programme qui fonctionne très bien en jquery et php.
Voulant intégrer jquery à symfony2 en respectant la base.html.twing (avec extends), la seul le texte est afficher. La plus aucun défilement d'images.
Merci toute aides sont les bienvenues.

voici tout mon code

Code:

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
 
{% extends "::base.html.twig" %}
{% block title %} apprentisage{%endblock%}
{%  block stylesheets %}
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="view.css" media="all">
    <link rel="stylesheet" href="ministrap-master/css/ministrap.css"/>
{% endblock %}
{% block body %}
<style="background-color: rgb(11, 20, 11); color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#551a8b"/>
 
<section data-role='page' id='index'>
    <header data-role='header'></header>
    <div class='content' data-role='content' >
 
 
 
        <div class="logo">
            <img alt="Logo" src="Gimps/DeesseApsara.jpeg">
 
 
            <div id="example">
                <div id="slides">
                    <div class="slides_container">
                        <a> <img src="images/couple.png" width="420" height="285" alt="couple"/></a>
                        <a> <img src="images/allongee.png" width="420" height="285" alt="allongee"></a>
                        <a> <img src="images/magrebine.png" width="420" height="285" alt="magrebine"></a>
                        <a> <img src="images/blonde.png" width="420" height="280" alt="blonde"></a>
                        <a> <img src="images/asiatique.png" width="420" height="285" alt="asiatique"></a>
                        <a> <img src="images/lingerie.png" width="420" height="285" alt="lingerie"></a>
                    </div>
                </div>
            </div>
        </div>
 
        <div class="nue">
 
            <img alt="nue" src="images/nue.jpg"/>
 
 
        </div>
    </div>
 
 
 
 
 
 
    <div class="balade">
        <a href="http://localhost:8080/LingerieFine/catalogue.html.twig" title="catalogue">
            <img alt="Balade" src="Gimps/Balade.jpeg">
        </a>
    </div>
 
    <div class="connection">
        <a href="http://localhost:8080/LingerieFine/connection.html.twig" title="connection">
            <img alt="Connection" src="Gimps/Connection.jpeg"/>
        </a>
    </div>
 
 
 
 
 
 
 
</section>
<footer data-role="footer">footer</footer>
 
{% endblock %}
{% block javascript %}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
 
<script>
    $(function(){
        $('#slides').slides({
            preload: true,
            preloadImage: 'images/couple.png',
            play: 1000,
            pause: 2000,
            hoverPause: true
        });
    });
</script>
{% endblock %}

31/07/2014, 08h41
bilbot

Le mieux quand tu as ce genre de problème, c'est de donner tous les éléments qui permettront aux forumeur de te filer un coup de main. Dans ton cas précis, as tu regardé ce qui était généré comme html dans la source de ta page ?

En php, avec l'héritage, il faut appeler la méthode parent du père pour étendre son comportement. (par exemple parent::__construct() )

Et bien en twig c'est pareil,

Pour pouvoir étendre un bloc qui contient de l'existant (css, javascript, etc ... ) il faut étendre le bloc parent.

dans ton cas:
Code:

1 2 3 4 5 6 {% block stylesheets %} {{ parent() }} <link rel="stylesheet" href="css/global.css"> <link rel="stylesheet" type="text/css" href="view.css" media="all"> <link rel="stylesheet" href="ministrap-master/css/ministrap.css"/> {% endblock %}

31/07/2014, 09h36
Nico_F

S'il n'y a que le contenu à gérer sur cette page, tu n'as pas de raison de redéfinir les blocs stylesheets ou javascripts qui devraient être définis dans le template parent, à moins qu'ils soient spécifiques à cette page (ce dont je doute pour jQuery).

Le javascript inline est une mauvaise pratique : le js a sa place dans un fichier js que tu inclus dans ta template.

Il faudrait éviter d'importer deux version de jQuery en même temps : ça aussi ça pourrait bien mettre la zone. (1.9.1 et 1.6.1)

Indique nous quelle(s) erreur(s) est/sont générée(s) dans la console de ton navigateur pour qu'on puisse t'aider d'avantage.
31/07/2014, 11h02
Philcmoi
Bonjour et merci pour votre aide.

il n'y a pas d'erreurs mais ce texte afficher localhost/symfony2/web/app_dev.php/
Code:

1 2 3 4 5 6 7 Logo couple allongee magrebine blonde asiatique lingerie nue Balade Connection
31/07/2014, 12h49
Philcmoi

Bonjour j'ai mis les dossiers images dans web y compris le dosiser js.
Là les images s'affichent mais sans animation.

Il manque l'option container dans l'appel de ta méthode slide.
Il serait peut-être judicieux également de t'assurer que la page est complètement chargée avant de faire ce genre de chose.

En gros ça donnerait ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 $(document).ready(function() { $('#slides').slides({ preload: true, preloadImage: 'images/couple.png', play: 1000, pause: 2000, hoverPause: true, container: 'slides_container' }); });

31/07/2014, 22h19
Philcmoi

Merci à tous. c'est résolue, la cause du problème est que j'ai mal fait la transition java à symfony2.
Maintenant que tout a bien été transmigrer ça marche.
:lahola::lahola: