IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Javascript ne fonctionne pas dans un tpl


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 43
    Par défaut Javascript ne fonctionne pas dans un tpl
    Bonsoir à tous,

    je me retrouve face à un problème que je n'arrive pas à résoudre
    c'est pour cela que je me tourne vers vous à cette heure tardive.

    Je suis en train de me faire un portfolio, et j'ai voulu utiliser un script de "Sliding Boxes" afin de rendre ma partie galerie plus agréable à l'oeil.
    Le problème est le suivant, le script que j'essaie d'utiliser n'a pas l'air de vouloir fonctionner quand je l'utilise dans mon template. J'ai pas mal d'autres scripts en JS qui ne me posent aucuns soucis, j'ai d'ailleurs pu tester un autre script du même genre mais qui ne me satisfait pas autant que celui-ci.

    Lien du script avec tpl :
    http://byflorian.com/portfolio.html

    Lien du script sur une page lambda :
    http://byflorian.com/test/

    Et voici le lien du site où on peut trouver le script :
    http://buildinternet.com/2009/03/sli...s-with-jquery/

    C'est exactement le même code des deux côtés du coup, je ne vois strictement pas d'où ça peut venir, pourquoi le tpl bloquerait ce script la alors que tout mes autres scripts fonctionnent à merveille ?

    Donc si vous pouviez m'aider je vous en serez grandement reconnaissant :p
    Merci pour votre aide
    Bonne soirée

    Florian

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $(".cover", this).stop().animate(,);
    provoque une erreur assez compréhensible
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Par défaut
    Comme dit par mon cher camarade plus haut, l'erreur est assez parlante.
    Maintenant tu t'installes firebug afin de voir les erreurs JS.

    Ensuite tu nous parles de .tpl, donc je suppose que tu génère ton site depuis des templates.

    Il y aurait moyen de voir ce .tpl. Et c'est là qu'il faut modifier ton code.

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 43
    Par défaut
    Bon faudra vraiment que j'arrête de coder à ces heures tardives

    Le générateur de templates, pour passer des variables au niveau du html, utilise la syntaxe {nomdelavariable}. Dans le javascript les paramètres étaient passés de la même façon -> $(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:300});

    Du coup, ne trouvant pas de variable correspondant à {top:'-260px'}, ça donnait forcément une valeur vide, et donc faisait bugguer le script

    Bon je sais pas si vous m'avez suivi mais moi oui

    La solution était juste de mettre le script dans un fichier externe, pour que le php ne le lise pas !

    Voilà !

    Merci quand même d'avoir pris le temps de regarder, bonne journée.

    Florian

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Javascript ne fonctionne pas dans aucun navigateur.
    Par Bluberiman dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 20/07/2011, 22h30
  2. Réponses: 1
    Dernier message: 22/03/2010, 09h56
  3. function javascript qui ne fonctionne pas dans la balise <body>
    Par typikal dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/04/2008, 16h45
  4. Réponses: 9
    Dernier message: 05/02/2007, 18h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo