Probleme avec Jquery

**ghazal** · 10/05/2015, 09h55

Re : Probleme avec Jquery

@electrocity

Ne pas confondre :

(function($){
$(document).ready(function() {
// code here

});
})(jQuery);

et, dans l'article de jQuery cité :

$(function() {
// Handler for .ready() called.
});

En revanche, dans joomla, ce qui a été corrigé dans la 3.4.2 à peu près partout, on trouve :

jQuery(function($) {
//code ici
});

J'admets que dans, comme indiqué dans mon post 4 :

jQuery(function($){
$(document).ready(function() {
// code ici

});

});

pourrait être avantageusement remplacé par :

jQuery(document).ready(function($){
//code ici
});

Ce qui a été discuté ici :
jQuery in core: coding style - Google Groups
https://groups.google.com/forum/#!searchin/joomla-dev-cms/jQuery(function($24)%7Csort:relevance/joomla-dev-cms/psqdwNrXoss/i4bcZYcccoYJ

**Xoto** · 10/05/2015, 10h17

Re : Probleme avec Jquery

Envoyé par ghazal Voir le message

@electrocity

Ne pas confondre :

et, dans l'article de jQuery cité :

En revanche, dans joomla, ce qui a été corrigé dans la 3.4.2 à peu près partout, on trouve :

J'admets que dans, comme indiqué dans mon post 4 :

pourrait être avantageusement remplacé par :

Ce qui a été discuté ici :
jQuery in core: coding style - Google Groups
https://groups.google.com/forum/#!searchin/joomla-dev-cms/jQuery(function($24)%7Csort:relevance/joomla-dev-cms/psqdwNrXoss/i4bcZYcccoYJ

J'ai esseyer de mettre comme il ma dit mais j'ai toujours cette erreur de Uncaught ReferenceError: JQuery is not defined

Voici le code:

Code:

JQuery(function($) {
	    $('#btn-boutique-menu').click(function(e) {
	        e.preventDefault();
	     
	        if ($('#panier').hasClass('hidepanier'))
	        {
	            $('#panier').addClass('showpanier').removeClass('hidepanier').css({transform: 'translateX(0px)'});
	        }
	        else
	        {
	            $('#panier').addClass('hidepanier').removeClass('showpanier').css({transform: 'translateX(400px)'});
	        }
	    });
});

ca doit vraiment venir d'un probleme quil ne me trouve pas le fichier jquery non ?

**ghazal** · 10/05/2015, 10h33

Re : Probleme avec Jquery

ca doit vraiment venir d'un probleme quil ne me trouve pas le fichier jquery non ?

C'est tout à fait ca.
Depuis le début, je ne comprends pas pourquoi, alors que panier.js s'affiche correctement dans le code source, et est appelé après jQuery.
Pourrais-tu zipper ton template et me le faire parvenir ?

PS : le packager de Folcomedia est très pratique pour ça :
Folcomedia Packager - Joomla! Extension Directory

Folcomedia Packager - Joomla! Extension Directory

http://extensions.joomla.org/extensions/extension/migration-a-conversion/extensions-migration/folcomedia-packager

Find extensions for your Joomla site in the Joomla Extensions Directory, the official directory for Joomla components, modules and plugins.

De plus j'aurait preferer ne pas avoir a passer par ce genre de module et de tout mettre dans mon template ce qui est plus pratique par la suite pour mettre le template sur d'autre site.

Je comprends tout à fait et c'est pour cette raison que je ne t'ai pas proposé mon module dès le début.

**Xoto** · 10/05/2015, 10h39

Re : Probleme avec Jquery

Envoyé par ghazal Voir le message

C'est tout à fait ca.
Depuis le début, je ne comprends pas pourquoi, alors que panier.js s'affiche correctement dans le code source, et est appelé après jQuery.
Pourrais-tu zipper ton template et me le faire parvenir ?

PS : le packager de Folcomedia est très pratique pour ça :
Folcomedia Packager - Joomla! Extension Directory

Folcomedia Packager - Joomla! Extension Directory

http://extensions.joomla.org/extensions/extension/migration-a-conversion/extensions-migration/folcomedia-packager

Find extensions for your Joomla site in the Joomla Extensions Directory, the official directory for Joomla components, modules and plugins.

Je comprends tout à fait et c'est pour cette raison que je ne t'ai pas proposé mon module dès le début.

je suis repartie sur un code basique qui fonctionne que sur certaine page mais pas sur d'autre. Sur la page d'accueil j'ai une erreur Uncaught TypeError: Cannot read property 'hasClass' of null tandis que sur la page photos ou vidéos par exemple tous fonctionne niquelle. Je vous laisse regarder pas vous meme http://melissa.steeventronet.com

Mon code JQuery:

Code:

$(function() {
	    $('#btn-boutique-menu').click(function(e) {
	        e.preventDefault();
	     
	        if ($('#panier').hasClass('hidepanier'))
	        {
	            $('#panier').addClass('showpanier').removeClass('hidepanier').css({transform: 'translateX(0px)'});
	        }
	        else
	        {
	            $('#panier').addClass('hidepanier').removeClass('showpanier').css({transform: 'translateX(400px)'});
	        }
	    });
});

En ce qui concernent le html pour appeller les script j'ai simplement utiliser:

Code HTML:

<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/jquery.js"></script>

dans mon header

et

Code HTML:

<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/panier.js"></script>

juste avant la fermeture de mon body pour le moment c'est ce code qui se rapproche le plus du résultat souhaitar puisqu'il marche sur certaine page mais pas sur d'autre.

Je vient de t'envoyer mon template par MP

**ghazal** · 10/05/2015, 10h47

Re : Probleme avec Jquery

Reçu.
je vais regarder.

**electrocity** · 10/05/2015, 12h19

Re : Probleme avec Jquery

Pour être sur de ton coup remplace tout les $ par jQuery.

JQuery(function($) { ne fonctionne pas mais jQuery(function($) {
le javascript est sensible a la case.
J'ecrit du jQuery presque tous les jours depuis plus de 5 ans, aprés à toi de voir si tu veux t'obstiner.

**Xoto** · 10/05/2015, 12h35

Re : Probleme avec Jquery

Envoyé par electrocity Voir le message

Pour être sur de ton coup remplace tout les $ par jQuery.

JQuery(function($) { ne fonctionne pas mais jQuery(function($) {
le javascript est sensible a la case.
J'ecrit du jQuery presque tous les jours depuis plus de 5 ans, aprés à toi de voir si tu veux t'obstiner.

Alors la je te remercie. Ca fonctionne niquelle sur toutes les pages maintenant je n'ai plus d'erreur. Je n'ai meme plus besoin de faire appel a mon fichier JQuery vue qu'il est bien present de base dans joomla
Encor merci a ceux qui mon aider.

Edit: Je n'ai meme pas eu besoin de remplacer tout les $ par jQuery mais juste le premier

Code:

jQuery(function($) {
	    $('#btn-boutique-menu').click(function(e) {
	        e.preventDefault();
	     
	        if ($('#panier').hasClass('hidepanier'))
	        {
	            $('#panier').addClass('showpanier').removeClass('hidepanier').css({transform: 'translateX(0px)'});
	        }
	        else
	        {
	            $('#panier').addClass('hidepanier').removeClass('showpanier').css({transform: 'translateX(400px)'});
	        }
	    });
});

**Xoto** · 10/05/2015, 12h54

Re : Probleme avec Jquery

Est-il possible d'utiliser un translateX dans la fonction animate() afin d'animer un peu le deplacement de mon module ?
C'est bon je vient de reussir a faire l'effet voulut en utilisant le right dans la fontion animate()

**ghazal** · 10/05/2015, 13h08

Re : Probleme avec Jquery

Il y a quelques erreurs dans templateDetails.xml que je suis en train de corriger,
mais concernant ton pb en JS, il y a des incohérences au niveau de l'attributions des ID/Classes entre ton script dans joomla et ton script de démo hors joomla.

<?php if ($this->params->get('activeShop')) : ?>
<a href=""><div id="btn-boutique-menu"></div></a>
<?php endif ?>

CORRECTION :

<?php if ($this->params->get('activeShop')) : ?>


<a href="" id="btn-boutique-menu"><div id="panier" class="hidepanier"></div></a>
<?php endif ?>

testé sur ton template, cela fonctionne.

je t'envoie le zip du template corrigé dans la journée.

**ghazal** · 10/05/2015, 13h14

Re : Probleme avec Jquery

et le script panier.js:

jQuery(document).ready(function($){

$('#btn-boutique-menu').click(function(e) {
e.preventDefault();

if ($('#panier').hasClass('hidepanier'))
{
$('#panier').addClass('showpanier').removeClass('h idepanier').css({transform: 'translateX(0px)'});
}
else
{
$('#panier').addClass('hidepanier').removeClass('s howpanier').css({transform: 'translateX(400px)'});
}
});
});

**electrocity** · 10/05/2015, 13h17

Re : Probleme avec Jquery

Vous pouvez utiliser http://ricostacruz.com/jquery.transit/ pour simplifier ou la solution de ghazal.
Animate n'est pas prevu pour les animations CSS.

**ghazal** · 10/05/2015, 13h23

Re : Probleme avec Jquery

tpl_melissa-1.0.zip
Template corrigé.

**Xoto** · 10/05/2015, 13h24

Re : Probleme avec Jquery

Envoyé par ghazal Voir le message

Il y a quelques erreurs dans templateDetails.xml que je suis en train de corriger,
mais concernant ton pb en JS, il y a des incohérences au niveau de l'attributions des ID/Classes entre ton script dans joomla et ton script de démo hors joomla.

CORRECTION :

testé sur ton template, cela fonctionne.

je t'envoie le zip du template corrigé dans la journée.

PQ veut-tu mettre la div panier dans le lien ?

**Xoto** · 10/05/2015, 13h34

Re : Probleme avec Jquery

Envoyé par ghazal Voir le message

[ATTACH]29673[/ATTACH]
Template corrigé.

PQ avoir enlever la method="upgrade" ?

**ghazal** · 10/05/2015, 16h05

Re : Probleme avec Jquery

PQ veut-tu mettre la div panier dans le lien ?

Parce que je ne vais refaire tout ton script js, plein d'erreurs,
si j'ai mis la div dans le lien, c'était pour pouvoir re-cliquer dans la zone et faire disparaitre le bandeau noir, as proof-of-concept.
Impossible si la div est à l'extérieur du tag "a".
Ce qui est moyennement "licite", je te l'accorde.

A toi de réviser et améliorer ton script, la question initiale étant de pouvoir l'implémenter dans joomla sans conflits idiots avec jQuery.

PQ avoir enlever la method="upgrade" ?

Remet-le.

Probleme avec Jquery

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association