Bonjour a tous,

je suis un nouvel utilisateur de jelix, j'ai fait les tutoriel proposé etc, et j'essai en vain d'ajouter un petit script jQuery sur un de mes fichier TPL, le problème c'est qu'il ne se lance pas.

alors voici le petit script :)

<script type="text/javascript">
    {literal}

            //alert('test');

            (function($){
                    $.fn.Center = function(){

                    this.css({
                        'position' : 'fixed',
                        'left' : '50%',
                        'top' : '50%'
                    });

                    this.css({
                        'margin-left' : -this.width()/2 + 'px',
                        'margin-top' : -this.height()/2 + 'px'
                    });

                };
                
            });

            $(document).ready(function(){
                
                $('#titre').Center(); 
            });

{/literal}
</script>

Sur chrome j'ai une erreur qui est $ undefined, je comprend pas dutout cette erreur, alors si vous avez une solution je suis tout oui :).

Merci d'avance et bonne journée.

Bonjour,

Est-ce qu'il ne te manquerai pas tout simplement la référence à la librairie jQuery ?
Quelque chose qui ressemblerait à cela (à placer dans le head de ta page) :

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

dans mon fichier reponse j'ai mis :

$this->_jsAtBottomScripts[] = "<script type=\"text/javascript\" src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>";

C'est un bout de code que j'ai récupérer dans un projet sur lequel je vais devoir travailler.

si le bout de code du premier commentaire est dans la page avant celui du commentaire 3 alors c'est normal...

Humm, mon script est dans un tpl, et mon ajout de librairie est dans MyHtmlReponse

mettez le code dans doAfterActions de votre reponse et voyez .

Hello,

Ton script ne fonctionne pas car tu effectues une closure sans en indiquer le paramètre :

(function($) { ... votre code .. })(monParam); à l'intérieur de la closure $ == monParam.

Comme tu ne lui donnes pas le paramètre, il t'indique alors que $ undefined

Dans ton cas tu déclares en paramètre $ mais ne lui indique pas quel est ce paramètre. Qui est ici jQuery lui même (si j'ai bien deviné).

<script type="text/javascript">
    (function($) {
        $.fn.Center = function() {
            ...votre code...
        };

    })(jQuery); // Ici on passe en paramètre jQuery dans la closure
</script>

Petit conseil si tu utilises un IDE qui assiste js, mets les balises {literal} à l'extérieur des balises <script> pour ne pas avoir d'erreur.