JS et Joomla

[d0b3]

Bonjour,

Sur mon site, il y a un logo et en dessous un menu horizontal.

-> Mon but est que quand le menu arrive en haut de l'écran, il se bloque. Donc une simple position fixed ne suffit pas vu que la position de départ n'est pas le bonne.

J'ai trouvé un script JS pour faire cela : il y a un appel à mettre dans le "HTML" et un fichier JS.

Voici la partie "HTML"

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.sticky.js"></script>
<script>
$(window).load(function(){
$("#header").sticky({ topSpacing: 0 });
});
</script>

Mon problème est :
1. ou dois-je le mettre Et il semble que dans joomla! l'appel doit être différent ?
2. ou mettre le fichier JS ?

Merci d'avance

[ced1870]

Re : JS et Joomla

salut
tu peux télécharger la cheatsheet que j'ai faite, tu trouveras le code pour appeler jquery dans ton template joomla 3

http://www.joomlack.fr/telecharger-extensions-joomla/view_document/68-joomla-3-x-templates-cheatsheet

ensuite tu peux garder

<script type="text/javascript" src="jquery.sticky.js"></script>
<script>
$(window).load(function(){
$("#header").sticky({ topSpacing: 0 });
});
</script>

et le mettre dnas la partie "head" de ton template

ou alors, utiliser un module de menu qui fait ça, comme Maximenu CK qui a cette option dans la version gratuite du module

http://www.joomlack.fr/extensions-joomla/maximenu-ck

(si tu veux tester, sans obligation bien sur )
CEd

[d0b3]

Re : JS et Joomla

En fait j'utilise template CK creator

Dans la partie code des paramètres de template creator CK, j'ajoute donc :

<script type="text/javascript" src="jquery.sticky.js"></script>
<script>
$(window).load(function(){
$("#header").sticky({ topSpacing: 0 });
});
</script>

Le fichier JS doit être à la racine du site ou du template ? (src="jquery.sticky.js")

Pour jquery c'est ça ?
JHtml::_('jquery.framework', true); -> est ce le bonne appel qui correspond à http://ajax.googleapis.com/ajax/libs.../jquery.min.js ?

Sinon, super template creator !!! Content de mon achat Si tu le fait évoluer, se sera sans conteste l'outil indispensable pour créer des templates

[ced1870]

Re : JS et Joomla

En fait j'utilise template CK creator

c'est déjà un bon début
content qu'il te plaise !

Pour jquery c'est ça ?
JHtml::_('jquery.framework', true);

oui ça charge jquery, mais à partir de la librairie joomla!, ce qui est bien mieux

Le fichier JS doit être à la racine du site ou du template ? (src="jquery.sticky.js")

hmmm, là je dirais de mettre

<script type="text/javascript" src="<?php echo JUri::base(true) ?>/templates/<?php echo $this->template ?>/js/jquery.sticky.js"></script>

et mettre le fichier dans un dossier "js" de ton template

[d0b3]

Re : JS et Joomla

Le conseil que tu m'avais donné il y a un moment ne semble pas fonctionner :s


JHtml::_('jquery.framework', true);

<script type="text/javascript" src="<?php echo JUri::base(true) ?>/templates/<?php echo $this->template ?>/js/jquery.sticky.js"></script>

<script>
$(window).load(function(){
$("#cont-nav").sticky({ topSpacing: 0 });
});
</script>

Cont-nav étant le nom du conteneur dans Template Creator CK.

[ced1870]

Re : JS et Joomla

donnes ton url pour voir

[d0b3]

Re : JS et Joomla

Il n'est malheureusement pas en ligne. C'est un site pour mon frère et il ne m'a pas filé le FTP.
Je pense que le problème vient de ça : JHtml::_('jquery.framework', true);

Je ne sais pas trop comment l'insérer dans template CK et si cela appel la bonne librairie.

[ced1870]

Re : JS et Joomla

ca appel jquery, il faut l'intégrer dans la balise head du template
sinon dans template creator si tu actives bootstrap dans les parametres alors jquery le sera aussi

[d0b3]

Re : JS et Joomla

J'avais activé bootstrap :s donc c'est pas ça. Je sais pas alors

[ced1870]

Re : JS et Joomla

je peux pas te dire non plus, étant donné que je ne peux pas voir ton site. SI tu le mets en ligne temporairement je peux jeter un oeil