Problème avec JavaScript

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Résolu Problème avec JavaScript

Message par Tyma le Sam 17 Nov 2012 - 21:23

Bonjour, sur mon forum photo je suis en train d'améliorer la page d'accueil pour y ajouter un défilement des dernières actualités photo.

J'ai trouvé un script sur internet que j'ai pris le temps d'adapter et d'améliorer pour qu'il puisse correspondre complètement à mes besoins (cette partie c'est effectuée directement en local).
Celui-ci ce compose de deux fichiers JavaScript (sans parler du CSS) et tourne avec jQuery.

J'ai voulu, une fois prêt, le tester sur mon forum. J'ai donc commencé par créer une page HTML ou je n'ai fais que copier/coller le code que j'avais obtenu (donc cette page comprend le code HTML et les deux fichiers JavaScript, puisque j'ai rajouté le CSS à celui de mon forum). Cela fonctionne parfaitement.

Il m'a donc fallu optimiser cette page pour que je puisse utiliser ce code pour l'insérer dans un widget sur la page d'accueil de mon forum photo (il faut savoir que le maximum de caractère est beaucoup moins important dans un widget que dans une page HTML).
C'est là que j'ai eu l'idée de créer deux nouveaux fichiers JavaScript pour y ajouter les codes respectifs (en choisissant bien de les lier à la page d'accueil en question).

Mon problème est qu'il ne reconnaît pas l’existence des deux fichiers JavaScript (qui apparaissent tout de même dans la partie "head" de la page) et donc à la place d'avoir un seul bloc avec les différentes actualités photo qui défilent les unes après les autres, elles se positionnent les unes en dessous des autres.

Je voudrais donc savoir si vous auriez pas hasard une idée pour que je puisse débloquer cette situation Smile.

Voici l'aperçu quand ça fonctionne :

Et l'aperçu quand cela ne fonctionne pas :


Dernière édition par Tyma le Jeu 22 Nov 2012 - 23:25, édité 1 fois

Tyma
****

Masculin
Messages : 272
Inscrit(e) le : 13/10/2009

http://www.clic-clac-forum.com
Tyma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec JavaScript

Message par Tyma le Mar 20 Nov 2012 - 23:05

up

Tyma
****

Masculin
Messages : 272
Inscrit(e) le : 13/10/2009

http://www.clic-clac-forum.com
Tyma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec JavaScript

Message par Ea le Mer 21 Nov 2012 - 2:57

Bonjour,


Avec le problème sous les yeux, j'aurais plus facile de voir de quoi vient l'erreur.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec JavaScript

Message par Tyma le Jeu 22 Nov 2012 - 13:18

Bonjour Ea,

Aperçu sur mon forum de la page HTML test ou cela fonctionne : http://www.clic-clac-forum.com/h14-test

Voici les éléments présents dans le widget (ne fonctionne pas) :
Code:
<ul id="feature_slider">
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2538-a-bientot-declencheur#8623" title="À bientôt Déclencheur"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/daclen10.png" alt="À bientôt Déclencheur" title="À bientôt Déclencheur"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2538-a-bientot-declencheur#8623" title="À bientôt Déclencheur">À bientôt Déclencheur</a></h2>
            
            <p>"À bientôt", voici le titre de la dernière émission de Déclencheur, le site de Benoît Marchal lancé en 2006 spécialisé dans le podcast photo...
            <a href="http://www.clic-clac-forum.com/t2538-a-bientot-declencheur#8623" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2537-nouveau-reflex-nikon-d5200#8622" title="Nouveau reflex Nikon D5200"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/nikon_85.jpg" alt="Nouveau reflex Nikon D5200" title="Nouveau reflex Nikon D5200"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2537-nouveau-reflex-nikon-d5200#8622" title="Nouveau reflex Nikon D5200">Nouveau reflex Nikon D5200</a></h2>
            
            <p>Nikon vient d'annoncer la sortie d'un nouveau reflex numérique pour le mois de janvier 2013, le D5200...
            <a href="http://www.clic-clac-forum.com/t2537-nouveau-reflex-nikon-d5200#8622" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2535-ef-24-70mm-f-4l-is-usm-et-ef-35mm-f-2-is-usm-deux-nouveaux-objectifs-pour-canon#8620" title="EF 24-70mm f/4L IS USM et EF 35mm f/2 IS USM, deux nouveaux objectifs pour Canon"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/canon107.jpg" alt="EF 24-70mm f/4L IS USM et EF 35mm f/2 IS USM, deux nouveaux objectifs pour Canon" title="EF 24-70mm f/4L IS USM et EF 35mm f/2 IS USM, deux nouveaux objectifs pour Canon"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2535-ef-24-70mm-f-4l-is-usm-et-ef-35mm-f-2-is-usm-deux-nouveaux-objectifs-pour-canon#8620" title="EF 24-70mm f/4L IS USM et EF 35mm f/2 IS USM, deux nouveaux objectifs pour Canon">EF 24-70mm f/4L IS USM et EF 35mm f/2 IS USM, deux nouveaux objectifs pour Canon</a></h2>
            
            <p>Canon vient d'annoncer la sortie de deux nouveaux objectifs numérique pour le mois de décembre 2012, l'EF 24-70mm f/4L IS USM et l'EF 35mm f/2 IS USM...
            <a href="http://www.clic-clac-forum.com/t2535-ef-24-70mm-f-4l-is-usm-et-ef-35mm-f-2-is-usm-deux-nouveaux-objectifs-pour-canon#8620" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2526-remboursement-jusqu-a-80eur-sur-certains-appareils-photo-nikon#8591" title="Remboursement jusqu'à 80€ sur certains appareils photo Nikon"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/je_sui10.png" alt="Remboursement jusqu'à 80€ sur certains appareils photo Nikon" title="Remboursement jusqu'à 80€ sur certains appareils photo Nikon"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2526-remboursement-jusqu-a-80eur-sur-certains-appareils-photo-nikon#8591" title="Remboursement jusqu'à 80€ sur certains appareils photo Nikon">Remboursement jusqu'à 80€ sur certains appareils photo Nikon</a></h2>
            
            <p>Nikon offre des remboursements jusqu'à 80€ pour l'achat de certains appareils photo en lançant sa campagne promotionnelle "Je suis la tentation"...
            <a href="http://www.clic-clac-forum.com/t2526-remboursement-jusqu-a-80eur-sur-certains-appareils-photo-nikon#8591" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2525-remboursement-jusqu-a-200eur-sur-certains-reflex-objectifs-et-accessoires-canon#8588" title="Remboursement jusqu'à 200€ sur certains reflex, objectifs et accessoires Canon"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/23795_10.jpg" alt="Remboursement jusqu'à 200€ sur certains reflex, objectifs et accessoires Canon" title="Remboursement jusqu'à 200€ sur certains reflex, objectifs et accessoires Canon"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2525-remboursement-jusqu-a-200eur-sur-certains-reflex-objectifs-et-accessoires-canon#8588" title="Remboursement jusqu'à 200€ sur certains reflex, objectifs et accessoires Canon">Remboursement jusqu'à 200€ sur certains reflex, objectifs et accessoires Canon</a></h2>
            
            <p>Canon offre en plus des compacts, des remboursements jusqu'à 200€ pour l'achat de certains reflex, objectifs et accessoires...
            <a href="http://www.clic-clac-forum.com/t2525-remboursement-jusqu-a-200eur-sur-certains-reflex-objectifs-et-accessoires-canon#8588" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2524-remboursement-de-30eur-sur-certains-appareils-photo-compact-canon#8584" title="Remboursement de 30€ sur certains appareils photo compact Canon"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/23793_10.jpg" alt="Remboursement de 30€ sur certains appareils photo compact Canon" title="Remboursement de 30€ sur certains appareils photo compact Canon"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2524-remboursement-de-30eur-sur-certains-appareils-photo-compact-canon#8584" title="Remboursement de 30€ sur certains appareils photo compact Canon">Remboursement de 30€ sur certains appareils photo compact Canon</a></h2>
            
            <p>Canon offre des remboursements de 30€ pour l'achat de certains appareils photo compact...
            <a href="http://www.clic-clac-forum.com/t2524-remboursement-de-30eur-sur-certains-appareils-photo-compact-canon#8584" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2521-competence-photo-n31-photo-de-paysage-impression-a-domicile-censure#8579" title="Compétence Photo n°31 Photo de paysage - Impression à domicile - Censure"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/compat24.jpg" alt="Compétence Photo n°31 Photo de paysage - Impression à domicile - Censure" title="Compétence Photo n°31 Photo de paysage - Impression à domicile - Censure"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2521-competence-photo-n31-photo-de-paysage-impression-a-domicile-censure#8579" title="Compétence Photo n°31 Photo de paysage - Impression à domicile - Censure">Compétence Photo n°31 "Photo de paysage - Impression à domicile - Censure"</a></h2>
            
            <p>Compétence Photo vient de sortir il y a quelques jours (le 1er novembre 2012) son 31ème magazine photo baptisé "Photo de paysage - Impression à domicile - Censure"...
            <a href="http://www.clic-clac-forum.com/t2521-competence-photo-n31-photo-de-paysage-impression-a-domicile-censure#8579" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2513-remboursement-jusqu-a-100eur-sur-certains-appareils-a-objectifs-interchangeables-sony#8539" title="Remboursement jusqu'à 100€ sur certains appareils à objectifs interchangeables Sony"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/23453_10.jpg" alt="Remboursement jusqu'à 100€ sur certains appareils à objectifs interchangeables Sony" title="Remboursement jusqu'à 100€ sur certains appareils à objectifs interchangeables Sony"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2513-remboursement-jusqu-a-100eur-sur-certains-appareils-a-objectifs-interchangeables-sony#8539" title="Remboursement jusqu'à 100€ sur certains appareils à objectifs interchangeables Sony">Remboursement jusqu'à 100€ sur certains appareils à objectifs interchangeables Sony</a></h2>
            
            <p>"Après Pentax et son offre sur le Pentax K-30, c'est au tour de Sony d'offrir des remboursements jusqu'à 100€ pour l'achat de certains appareils à objectifs interchangeables...
            <a href="http://www.clic-clac-forum.com/t2513-remboursement-jusqu-a-100eur-sur-certains-appareils-a-objectifs-interchangeables-sony#8539" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2500-remboursement-de-50eur-sur-le-pentax-k-30#8492" title="Remboursement de 50€ sur le Pentax K-30"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/50_eur10.jpg" alt="Remboursement de 50€ sur le Pentax K-30" title="Remboursement de 50€ sur le Pentax K-30"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2500-remboursement-de-50eur-sur-le-pentax-k-30#8492" title="Remboursement de 50€ sur le Pentax K-30">Remboursement de 50€ sur le Pentax K-30</a></h2>
            
            <p>Pentax lance les offres pour les fêtes de fin d'année avec des remboursements de 50€ pour l'achat d'un Pentax K-30...
            <a href="http://www.clic-clac-forum.com/t2500-remboursement-de-50eur-sur-le-pentax-k-30#8492" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>
   
   <li>
      <article>
         <div class="rhino_cadre">
            <a href="http://www.clic-clac-forum.com/t2490-les-expositions-au-salon-de-la-photo-2012#8461" title="Les expositions au Salon de la Photo 2012"><img class="rhino_image" src="http://i49.servimg.com/u/f49/11/69/19/19/exposi23.jpg" alt="Les expositions au Salon de la Photo 2012" title="Les expositions au Salon de la Photo 2012"></a>
            
            <h2><a href="http://www.clic-clac-forum.com/t2490-les-expositions-au-salon-de-la-photo-2012#8461" title="Les expositions au Salon de la Photo 2012">Les expositions au Salon de la Photo 2012</a></h2>
            
            <p>L'édition 2012 du Salon de la Photo ouvrira ses portes à Paris des 8 au 12 novembre pour le plus grand bonheur des photographes et autres amateurs de l'image...
            <a href="http://www.clic-clac-forum.com/t2490-les-expositions-au-salon-de-la-photo-2012#8461" title="Lire la suite">Lire la suite...</a></p>
         </div>
      </article>
   </li>

</ul>
Aperçu sur mon forum test : http://demotheme.forumactif.com/


J'ai découvert également qu'en activant les deux codes JavaScript sur mon forum, cela rendait inactif plusieurs autres codes JavaScript déjà présent (comme la redirection pour le règlement personnalisé ou encore les flèches permettant de réduire la colonne des widgets sur les pages du forum).

En espérant que cela pourra être utile Smile

Tyma
****

Masculin
Messages : 272
Inscrit(e) le : 13/10/2009

http://www.clic-clac-forum.com
Tyma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec JavaScript

Message par Ea le Jeu 22 Nov 2012 - 13:35

Vu qu'il n'y a pas les scripts comme il y a sur la page html, le résultat sur http://demotheme.forumactif.com/ est bien ce qu'on doit avoir.


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec JavaScript

Message par Tyma le Jeu 22 Nov 2012 - 18:08

En effet, j'ai oublié d'activer le JavaScript sur mon forum de test, c'est maintenant chose faite mais le problème est toujours présent.

J'ai créé deux fichiers JavaScript ( http://demotheme.forumactif.com/10206.js et http://demotheme.forumactif.com/11221.js ) que j'ai lié à l'ensemble des pages du forum.

Par contre, quand je regarde le code source du portail de mon forum de test, j'ai l'impression que les deux fichiers JavaScript ont été optimisé pour être ajouté dans un seul et même fichier http://demotheme.forumactif.com/99427.js (je ne retrouve pas les deux autres dans le head de la page).

Je pense que cela doit être lié.

Tyma
****

Masculin
Messages : 272
Inscrit(e) le : 13/10/2009

http://www.clic-clac-forum.com
Tyma a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec JavaScript

Message par Ea le Jeu 22 Nov 2012 - 18:48

Oui, il y avait des cas avec des membres qui mettaient 30 scripts et ça causait un problème.

Donc maintenant tout les scripts sur toutes les pages sont mis ensemble sur une seule page sur le forum.


Le problème vient probablement de "l'optimisation" des scripts ( en retirant les retours à la lignes et espaces non-nécessaires ), il y a moyen de passer un script dans le cadre à gauche là :
http://closure-compiler.appspot.com/home

Avec les options "Whitespace only" et "Pretty print", ensuite faire "Compile" et le code bien mis en forme dans l'onglet "Compiled Code" devrait être ok ( avec les ; partout où il faut et donc ne pouvant pas bugger avec l'optimisation du côté de forumactif ).

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec JavaScript

Message par Tyma le Jeu 22 Nov 2012 - 23:23

Merci pour votre aide et de m'avoir fait découvrir cet outil très intéressant Smile

Le problème venait effectivement de l'optimisation des scripts JavaScript. Cela fonctionne parfaitement.

Tyma
****

Masculin
Messages : 272
Inscrit(e) le : 13/10/2009

http://www.clic-clac-forum.com
Tyma a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum