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

Utiliser jQuery sous Magento : c'est possible !
(1 lecteur(s)) (1) Invité(s)
Aller en basPage: 12
SUJET:

Utiliser jQuery sous Magento : c'est possible !

#27774
neuro
Expert Boarder
Messages: 156
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin Prestataire & hébergeur Magento Lieu: Paris & 64

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

Il y a 8 Années, 7 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.
 
L'administrateur a désactivé l'accès public en écriture.
#33460
zaza4k
Donne-toi les moyens de réussir !
Fresh Boarder
Messages: 11
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin zqzq1985 zqzq4000@live.fr Lieu: Metz Date anniversaire: 23/07

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

Il y a 8 Années, 3 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: 3771
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin bloggento ced__@hotmail.fr

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

Il y a 8 Années, 3 Mois
Karma: 33  
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
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin zqzq1985 zqzq4000@live.fr Lieu: Metz Date anniversaire: 23/07

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

Il y a 8 Années, 3 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 à  15: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
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin zqzq1985 zqzq4000@live.fr Lieu: Metz Date anniversaire: 23/07

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

Il y a 8 Années, 3 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: 87
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin mediacrea MEDIACREA @mediacrea Lieu: marseille Date anniversaire: 04/11

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

Il y a 8 Années, 3 Mois
Karma: 0  
manquerait pas une déclaration pour le no-conflict ?
var $j = jQuery.noConflict();
 
Dernière édition: 29/06/10 à  07:28 Par laurentmars.
L'administrateur a désactivé l'accès public en écriture.
#33613
zaza4k
Donne-toi les moyens de réussir !
Fresh Boarder
Messages: 11
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin zqzq1985 zqzq4000@live.fr Lieu: Metz Date anniversaire: 23/07

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

Il y a 8 Années, 3 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 à  03:51 Par zaza4k.
L'administrateur a désactivé l'accès public en écriture.
#61994
WecK0
Fresh Boarder
Messages: 1
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur

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

Il y a 5 Années, 9 Mois
Karma: 0  
Merci beaucoup, cela m'a beaucoup aidé et ça à fonctionner du premier coup !
 
L'administrateur a désactivé l'accès public en écriture.
Revenir en hautPage: 12
Modérateur: Gabriiiel, ILOA, zuiko