>> Fragento | Page-2 | 9667-Utiliser-jQuery-sous-Magento-c-est-possible | Tutoriaux

Derniers articles

Bienvenue, Invité
Merci de vous identifier ou de vous inscrire. Mot de passe perdu?

Forums fragento

Magento

Tutoriaux

Utiliser jQuery sous Magento : c'est possible !

(1 lecteur(s)) (1) Invité(s)

Page: 12

SUJET:

Utiliser jQuery sous Magento : c'est possible !

Outils de navigation

#27774

neuro

Expert Boarder

Messages: 142

Re:Utiliser jQuery sous Magento : c'est possible ! Il y a 1 Année, 11 Mois	Karma: 0
Héhé, le mieux serait peut être de faire un ping sur ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js toutes les x minutes ou x requêtes en php et si le serveur rame, envoyer le javascript local.

Hébergement magento.
Follow me on Twitter.

L'administrateur a désactivé l'accès public en écriture.

#33460

zaza4k

Donne-toi les moyens de réussir !

Fresh Boarder

Messages: 11

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 1 Année, 7 Mois

Karma: 0

Bonjour,

Je suis sous la dernière version de Magento, et j'ai un problème avec mon menu dropdown sous jQuery.
Je l'ai placé de cette manière dans page.xml de mon thème :

Code :

<block type="page/html_head" name="head" as="head">

<action method="addJs"><script>jquery/jquery.js</script></action>

<action method="addJs"><script>jquery/hoverIntent.js</script></action>

<action method="addJs"><script>prototype/prototype.js</script></action>

Et j'ai placé le script jQuery dans le head.phtml de mon thème en remplaçant tout les '$' par jQuery.

Cela dit, Firebug m'indique :

Code :

jQuery is not defined

error source line: [Break on this error] jQuery(document).ready(function() {

J'ai bien vérifié les noms des fichiers, le dossier js/jquery/ où se trouve jquery.js.

Je ne vois pas bien d'où cela peut venir, si quelqu'un pouvait m'éclairer ? Merci bien.

L'administrateur a désactivé l'accès public en écriture.

#33461

ceddddd

Platinum Boarder

Messages: 2634

Re:Utiliser jQuery sous Magento : c'est possible ! Il y a 1 Année, 7 Mois	Karma: 27
Bonjour, Tu es sur que tu as placer les import dans le bon thème ? Regarde dans les sources de ta page html (ctrl + u avec firefox) si les fichiers sont importés.

Prestataire magento Site magento
Nouveautés magento

L'administrateur a désactivé l'accès public en écriture.

#33475

zaza4k

Donne-toi les moyens de réussir !

Fresh Boarder

Messages: 11

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 1 Année, 7 Mois

Karma: 0

Bonjour,
En faisant ctrl+u, j'ai cela :

Code :

<link rel="shortcut icon" href="http://localhost/magento/skin/frontend/default/blank_seo/favicon.ico" type="image/x-icon" />

<script type="text/javascript">

jQuery(document).ready(function() {



function megaHoverOver(){

    jQuery(this).find(".sub").stop().fadeTo('fast', 1).show();

    (function(jQuery) {

        

        jQuery.fn.calcSubWidth = function() {

            rowWidth = 0;

            

            jQuery(this).find("ul").each(function() { 

                rowWidth += jQuery(this).width(); 

            });

        };

    })(jQuery); 



    if ( jQuery(this).find(".row").length > 0 ) { 



        var biggestRow = 0;	



        jQuery(this).find(".row").each(function() {	

            jQuery(this).calcSubWidth(); 

            

            if(rowWidth > biggestRow) {

                biggestRow = rowWidth;

            }

        });



        jQuery(this).find(".sub").css({'width' :biggestRow}); 

        jQuery(this).find(".row:last").css({'margin':'0'});  



    } else { 



        jQuery(this).calcSubWidth();  

        jQuery(this).find(".sub").css({'width' : rowWidth}); 



    }

}



function megaHoverOut(){

  jQuery(this).find(".sub").stop().fadeTo('fast', 0, function() { 

      jQuery(this).hide();  

  });

}



var config = {

     sensitivity: 2, 

     interval: 100, 

     over: megaHoverOver, 

     timeout: 500, 

     out: megaHoverOut 

};



jQuery("ul#nav li .sub").css({'opacity':'0'});

jQuery("ul#nav li").hoverIntent(config);

});

</script>

<script type="text/javascript">

//<![CDATA[

    var BLANK_URL = 'http://localhost/magento/js/blank.html';

    var BLANK_IMG = 'http://localhost/magento/js/spacer.gif';

//]]>

</script>

<link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/frontend/base/default/css/widgets.css" media="all" />

<link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/frontend/default/blank_seo/css/styles.css" media="all" />

<link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/frontend/default/blank_seo/css/print.css" media="print" />

<script type="text/javascript" src="http://localhost/magento/js/jquery/jquery.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/jquery/hoverIntent.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/prototype/prototype.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/prototype/validation.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/scriptaculous/builder.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/scriptaculous/effects.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/scriptaculous/dragdrop.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/scriptaculous/controls.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/scriptaculous/slider.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/varien/js.js"></script>



<script type="text/javascript" src="http://localhost/magento/js/varien/form.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/varien/menu.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/mage/translate.js"></script>

<script type="text/javascript" src="http://localhost/magento/js/mage/cookies.js"></script>

Dernière édition: 25/06/10 à 22:52 Par zaza4k.

L'administrateur a désactivé l'accès public en écriture.

#33541

zaza4k

Donne-toi les moyens de réussir !

Fresh Boarder

Messages: 11

Re:Utiliser jQuery sous Magento : c'est possible ! Il y a 1 Année, 7 Mois	Karma: 0
Je n'ai toujours pas trouvé la solution

L'administrateur a désactivé l'accès public en écriture.

#33609

laurentmars

Expert Boarder

Messages: 80

Re:Utiliser jQuery sous Magento : c'est possible ! Il y a 1 Année, 7 Mois	Karma: -1
manquerait pas une déclaration pour le no-conflict ? var $j = jQuery.noConflict();

Dernière édition: 29/06/10 à 14:28 Par laurentmars.

vestes, blouson et vêtements en cuir
Artfloor shop - béton ciré
le comptoir du panier - T-shirt marseillais

L'administrateur a désactivé l'accès public en écriture.

#33613

zaza4k

Donne-toi les moyens de réussir !

Fresh Boarder

Messages: 11

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 1 Année, 7 Mois

Karma: 0

A insérer dans le document ready ? J'ai pû régler le souci d'installation de jQuery avec l'extension de Mxperts grâce à Mogalupa, mais de toute manière, le head.phtml ne prend pas en compte mes scripts, je ne sais par quelle magie cela fonctionne par le backoffice de l'extension et non par le head...

Quand je passe par le head, le script est bien chargé dans la page, mais ne s'éxecute pas.

EDIT: Le lendemain, j'ai désactivé le lancement des scripts par le backoffice en laissant jquery activé, et j'ai eu la surprise de voir que Magento prenait en compte cette fois-ci mon code par mon template phtml. Problème résolu donc.

Dernière édition: 30/06/10 à 10:51 Par zaza4k.

L'administrateur a désactivé l'accès public en écriture.