Quick links: Content - sections - sub sections
EN FR
Quick Search Advanced search
 
Page

  [Opened] erreur sur script js

Posted by Omer on 05/24/2012 11:18

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.

  [Opened] erreur sur script js

Reply #1 Posted by lucky on 05/24/2012 12:15

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>

  [Opened] Re: erreur sur script js

Reply #2 Posted by Omer on 05/24/2012 12:28

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.

  [Opened] erreur sur script js

Reply #3 Posted by foxmask on 05/24/2012 20:19

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


@GitHub - Forum HaveFnuBB! powered by Jelix - Le Booster Jelix !

  [Opened] Re: Re: erreur sur script js

Reply #4 Posted by Omer on 05/25/2012 14:42

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

  [Opened] Re: Re: erreur sur script js

Reply #5 Posted by foxmask on 05/26/2012 16:44

mettez le code dans doAfterActions de votre reponse et voyez .


@GitHub - Forum HaveFnuBB! powered by Jelix - Le Booster Jelix !

  [Opened] erreur sur script js

Reply #6 Posted by mich on 05/28/2012 19:06

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.

 
Page
  1. erreur sur script js