CMS Automne

Forum de la communauté du CMS Automne
Nous sommes actuellement le Dim Déc 22, 2024 7:50 am

Le fuseau horaire est UTC [Heure d’été]




Publier un nouveau sujet Répondre au sujet  [ 7 messages ] 
Auteur Message
MessagePublié: Mer Nov 30, 2011 10:15 am 
Hors-ligne

Inscrit(e) le : Ven Nov 25, 2011 4:07 pm
Message(s) : 15
Salut!

J'ai développé un diaporama en jquery qui fonctionne très bien. Je souhaite l'intégrer dans le site... et c'est là que tout se complique !

Dans mon modèle je fais appel au fichier jquery.jDiaporama.js et j'intègre le code suivant directement dans mon modèle en dessous de la balise <atm-meta-tags /> :
Code :
<atm-meta-tags />
    <script type="text/javascript">
      $(document).ready(function(){   
        var myDiapo = $(".diaporama1").jDiaporama({
          delay:5,
          theme:"border",
          useThumbs: false,
          thumbsDir: "img/galerie/thumbs/",
          width:400,
          height:200,
          transition:"fade"
        });
       
        $("#prev").click(function(){
          myDiapo.data("jDiaporama").prev();
        })
         
          $("#next").click(function(){
          myDiapo.data("jDiaporama").next();
      })   
        $("#decreaseSlices").click(function(){
        nbSlices = myDiapo.data("jDiaporama").getOption('nbSlices');
      myDiapo.data("jDiaporama").changeOption("nbSlices", --nbSlices);
      })   
        $(".diaporama1").parent().parent().parent().bind("jDiaporama:pause", function(event, pause){
        if(!pause)
        $("#togglePause").val("Pause");
      else
        $("#togglePause").val("Play");
      })
        $("#togglePause").click(function(){
        myDiapo.data("jDiaporama").pauseSlider();
      })   
        });
    </script>


Pour finir, j'intègre ce bout de code HTML dans mon modèle :

Code :
<div class="diapo">
          <ul class="diaporama1">
            <li><img src="img/galerie/image1.jpg" alt="On the road again" title="Sur la route de l'ouest, Arizona &copy; Guillaume Voisin" /></li>
            <li><img src="img/galerie/image2.jpg" alt="Venice Beach, California" title="Les garde-côte sur le" /></li>
            <li><img src="img/galerie/image3.jpg" alt="Venice Beach, California" title="Les garde-côte sur les plages de Malibu &copy; Guillaume Voisin" /></li>
            <li><img src="img/galerie/image4.jpg" alt="Universal Studios" title="Le parc d'attractions Universal Studios &copy; Guillaume VoisinGrande grande description blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla" /></li>
            <li><img src="img/galerie/image5.jpg" alt="Hollywood Sign" title="Le fameux panneau Hollywood sur la colline &copy; Guillaume Voisin" /></li>
          </ul>
        </div>


Les résultats sont surprenants :( !!!!
Le modèle est utilisé par 2 pages : "A propos" et "Actualités". La page "A propos" n'interprète pas mon bout de code javascript intégré dans la page alors que la page "Actualité" si (le diaporama fonctionne). Sans trop savoir pourquoi et de manière aléatoire, la page "Actualités" n'interprète plus le code et le diaporama ne fonctionne plus.

Lorsque j'utilise firebug, voilà son message d'erreur
Code :
$ is not defined
$(document).ready(function(){



Le message d'erreur dans Automne est le suivant :
Code :
2011-11-30 10:03:51|http|CMS_object_common->getValue (line 716) : Unknown value to get : fileExtension
2011-11-30 10:03:51|http|CMS_object_common->getValue (line 716) : Unknown value to get : fileSize


J'avoue que je ne comprends pas du tout ce qu'il se passe. J'ai essayé d'intégrer mon bout de code javascript dans un fichier et de l’appeler dans le header mais ça ne marche pas non plus. Ce que je comprends encore moins c'est comment le diaporama peut fonctionner sur une page et pas sur l'autre alors que le modèle utilisé est le même pour ces 2 pages.

J'espère avoir été compréhensible. Need help !
Merci

Pour rappel :
Automne 4.1.3
Local
Mac OS 10.6.8


Haut
 Profil  
 
MessagePublié: Mer Nov 30, 2011 1:04 pm 
Hors-ligne
Avatar de l’utilisateur

Inscrit(e) le : Mar Août 24, 2010 3:48 pm
Message(s) : 109
Ton message d'erreur firebug pourrait laisser penser qu'il y a un problème du côté de jquery.
Soit sur une de tes pages jquery.js n'est pas présents, soit il y a un conflit entre ton script de diaporama et d'autres scripts.

J'utilise très souvent ce genre de diaporama et Automne n'a rien à voir avec ce type d'erreur : c'est soit tes imports de script soit ton code jquery qui génère ces erreurs...


Haut
 Profil  
 
MessagePublié: Mer Nov 30, 2011 3:51 pm 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Jeu Juin 16, 2005 8:05 am
Message(s) : 628
Localisation : Toulouse, France
Comme dit Guillaume c'est plutôt une erreur JS.

Concernant l'insertion de ton script je te recommande de faire un appel via une balise script dans le head AVANT l'atm-meta-tags

_________________
Frank
http://www.automne-cms.org


Haut
 Profil  
 
MessagePublié: Mer Nov 30, 2011 5:31 pm 
Hors-ligne

Inscrit(e) le : Ven Nov 25, 2011 4:07 pm
Message(s) : 15
Salut Franck,

OK je vois merci Guillaume. Effectivement j'ai essayé d'intégrer mon diaporama sans aucune rangée dans ma page et ça fonctionne bien.
Tous les scripts sont appelés par le modèle et ça fonctionne.

J'ai ajouté une rangé "Recrutement, une offre au choix" => AUCUN PROBLEME
J'ai ajouté la rangé "Dernière actualité" => 2 ERREURS identiques

Code :
images.colorbox is not a function photo: true


Donc tu as raison cela vient bien d'un conflit javascript. Le truc c'est que je suis pas un fin spécialiste Javascript. J'ai exploré les fichiers js mais je en vois rien de particulier.... D'où cela peut-il venir ? L'ordre d'appel des fichiers js ? Des variables identiques ? ...

Merci encore.
Bonne fin d'aprem.


Haut
 Profil  
 
MessagePublié: Mer Nov 30, 2011 6:44 pm 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Jeu Juin 16, 2005 8:05 am
Message(s) : 628
Localisation : Toulouse, France
Tu bosses à partir de la démo ?
Il semble que tu aies des résidus d'appel à Colorbox, un plugin jQuery utilisé dans la démo.

Tu as quoi comme appel JS dans ton entête de modèle ?

_________________
Frank
http://www.automne-cms.org


Haut
 Profil  
 
MessagePublié: Mer Nov 30, 2011 10:50 pm 
Hors-ligne

Inscrit(e) le : Ven Nov 25, 2011 4:07 pm
Message(s) : 15
Oui je suis parti de la démo pour monter mon 1er site avec Automne.
Voilà les fichiers JS qui sont appelés dans mon modèle :

Code :
 <atm-js-tags files="js/demo/jquery-1.5.2.min.js,js/demo/jquery.colorbox-min.js,js/demo/colorbox.js"/> 


colorbox.js n'est pas indispensable ? jquery.colorbox-min.js aussi ?

Bonne soirée, merci encore Frank


Haut
 Profil  
 
MessagePublié: Jeu Déc 01, 2011 9:14 am 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Jeu Juin 16, 2005 8:05 am
Message(s) : 628
Localisation : Toulouse, France
En effet, si tu n'as pas besoin de colorbox, tu peux supprimer tous ces appels ainsi que les fichiers associés.

_________________
Frank
http://www.automne-cms.org


Haut
 Profil  
 
Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 7 messages ] 

Le fuseau horaire est UTC [Heure d’été]


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 79 invité(s)


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas insérer de pièces jointes dans ce forum

Recherche de:
Aller vers :  
cron
Powered by phpBB® Forum Software © phpBB Group
Traduit par Maël Soucaze et Elglobo © phpBB.fr