>> Fragento | 28466-Charger-un-javascript-dans-le-head-de-Magento | Templates

Derniers articles

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

Forums fragento

Magento

Templates

Charger un javascript dans le head de Magento

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

Page: 12

SUJET:

Charger un javascript dans le head de Magento

Outils de navigation

#28466

jaz

Platinum Boarder

Messages: 351

Charger un javascript dans le head de Magento

Il y a 1 Année, 11 Mois

Karma: 4

Bonjour à tous,
Je suis en train d'essayer d'installer un effet Toggle sur mon header ( qui ouvre une fenetre au passage de la souris ).
Pour cela je dois installer un fichier javascript dans le head de ma page.
Pour cela j'ai ajouté la ligne de code suivante à mon layout page.xml

Code :

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

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

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

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

                <action method="addJs"><script>scriptaculous/builder.js</script></action>

                <action method="addJs"><script>scriptaculous/effects.js</script></action>

                <action method="addJs"><script>scriptaculous/dragdrop.js</script></action>

                <action method="addJs"><script>scriptaculous/controls.js</script></action>

                <action method="addJs"><script>scriptaculous/slider.js</script></action>

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

                <action method="addJs"><script>varien/form.js</script></action>

                <action method="addJs"><script>varien/menu.js</script></action>

                <action method="addJs"><script>mage/translate.js</script></action>

                <action method="addJs"><script>mage/cookies.js</script></action>

		

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

Le ligne de code ajoutée est la dernière ligne.
Malheuresement, lorsque j'affiche le code source de ma page, le fichier jquery-1.2.6.pack.js n'apparait pas.

Est ce la bonne méthode ? faut - il faire autrement ?
Merci

Matriochqa.com :Vente en ligne de chaussettes en fil d'ecosse, coton et cachemire.
Blog Matriochqa

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

#28469

Pyksel

Platinum Boarder

Messages: 1401

Re:Charger un javascript dans le head de Magento

Il y a 1 Année, 11 Mois

Karma: 19

Il faut deplacer le jquery-1.2.6.pack.js dans le dossier js/ en racine...

A defaut js/jQuery/jquery-1.2.6.pack.js et ca devient

Code :

<action method="addJs"><script>jQuery/jquery-1.2.6.pack.js </script></action>

a défaut utiliser le add item pour le mettre dans les skin ;)

Dernière édition: 11/03/10 à 18:33 Par Pyksel.

Les experts Magento (coming soon) - Blog - Annuaire

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

#28470

Pyksel

Platinum Boarder

Messages: 1401

Re:Charger un javascript dans le head de Magento Il y a 1 Année, 11 Mois	Karma: 19
J'oubliais... avec jQuery penser à rajouter un fichier no-conflict.js qui contiendra la définition d'appel de jquery en mode non conflictuel, sinon soucis d'interaction avec prototype de Magento...

Les experts Magento (coming soon) - Blog - Annuaire

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

#28478

jaz

Platinum Boarder

Messages: 351

Re:Charger un javascript dans le head de Magento

Il y a 1 Année, 11 Mois

Karma: 4

Bonjour à tous,
Suite à l'ajout du fichier javascript pour mon Toggle, le menu deroulant ne fonctionne plus.
Comment faire pour faire en sorte qu'il n'y a plus de conflit entre ces deux fichiers javascript.

J'ai ajouté la ligne de code suivante à la fin de mon fichier jquery-1.2.6.pack.js
var $j = jQuery.noConflict();

Mais sans succés, cette ligne de code bloque l'effet du Toggle.

Si il y a une méthode plus efficace, je suis preneur.
Merci

Matriochqa.com :Vente en ligne de chaussettes en fil d'ecosse, coton et cachemire.
Blog Matriochqa

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

#28480

Pyksel

Platinum Boarder

Messages: 1401

Re:Charger un javascript dans le head de Magento

Il y a 1 Année, 11 Mois

Karma: 19

Code :

var $j = jQuery.noConflict();

A mettre dans un js et a charger comme jquery ;)

Si un script utilise jQuery... ne pas utilise $(....) mais $j(....)

Les experts Magento (coming soon) - Blog - Annuaire

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

#28495

jaz

Platinum Boarder

Messages: 351

Re:Charger un javascript dans le head de Magento

Il y a 1 Année, 11 Mois

Karma: 4

hello,
en créant un autre fichier javascript contenant le code:
var $j = jQuery.noConflict();

ça marche, mon menu fonctionne ainsi que l'effet de mon toggle.
Merci pour votre aide.

J'ai une autre question qui sort du contexte magento mais peut etre quelqu'un connait la solution?

Ci-dessous le code de mon toggle:

Code :

<script type="text/javascript">

            jQuery(document).ready(function() {

             $j("#declencheur").click(function () {

                  $j("#monDiv").toggle("slow");

                });

            });

    </script>

Ce code ouvre une div avec un effet slow lorsque l'on clique avec la souris sur un lien.
j'aimerais que la div s'ouvre au passage du curseur et non pas lorsque l'on clique.
J'aimerais également que la div se ferme lorsque le curseur sort de la surface du div ouvert.
Si quelqu'un a une solution, merci.

Matriochqa.com :Vente en ligne de chaussettes en fil d'ecosse, coton et cachemire.
Blog Matriochqa

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

#28499

Pyksel

Platinum Boarder

Messages: 1401

Re:Charger un javascript dans le head de Magento

Il y a 1 Année, 11 Mois

Karma: 19

Code :

<script type="text/javascript">

            jQuery(document).ready(function() {

             $j("#declencheur").hover(function () {

                  $j("#monDiv").toggle("slow");

                });

            });

    </script>

ou

Code :

<script type="text/javascript">

            jQuery(document).ready(function() {

$j("#declencheur").hover(function(){

   $j("#monDiv").toggle("slow");

 },function(){

   $j("#monDiv").hide();

 });

</script>

Dernière édition: 12/03/10 à 00:01 Par Pyksel.

Les experts Magento (coming soon) - Blog - Annuaire

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

#28506

jaz

Platinum Boarder

Messages: 351

Re:Charger un javascript dans le head de Magento Il y a 1 Année, 11 Mois	Karma: 4
Hello, la première partie du code m'a permis au passage de la souris de fermer le div. Merci Le deuxieme code ne marche pas. J'ai une question: mon div est ouvert par defaut. Comment faire pour qu'au chargement de la page, mon div soit fermé et ne s'ouvre qu'au passage de la souris? Merci encore.