Je n'arrive pas à faire fonctionner un code (avec du js)

par Britney Lun 9 Mar 2015 - 23:50

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://forum-test-asylum.forumactif.org/

Description du problème

Bonjour,

Je cherchais un tutoriel et après de nombreuses recherches je suis tombée sur un lien, en libre service, qui correspond exactement à ce que je veux. Sauf que ça fonctionne que sur l'éditeur de code source (voir le lien en bas) tandis que sur mon logiciel (notepad en l'occurrence) ça ne marche pas. Je n'ai pas encore testé sur mon forum car j'aimerais d'une part le comprendre mais surtout le modifier et en l'état actuel ce n'est pas possible car comme je l'ai dit ça ne fonctionne pas.

Voici le lien du code :

http://jsfiddle.net/Matt_Coughlin/MXv4f/7/

Je ne comprends pas d'où peut venir l'erreur, même en trifouillant le code.

Si l'un d'entre vous peut m'aiguiller ça m'aiderait beaucoup car ça fait bien 1h que je cherche. :/

par [Nihil] Mar 10 Mar 2015 - 0:59

Coucou Britney Smile

Petite précision, ce n'est pas indiqué directement dans le jsFiddle (il faut regarder dans les options), mais as tu pensé à ajouter jQuery ?

Avant ton javascript sur ta page, il faut rajouter :

Code:: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Si cela ne fonctionne pas, pourrais tu copier / coller le code tel que tu essayes de le mettre en place sur notepad s'il te plait Smile

?

par Britney Mar 10 Mar 2015 - 2:01

aie elle vient de là l'erreur de débutant... du coup ça fonctionne, je mets mon code au cas où ça intéresserait (sachant que j'utilise des fichiers externes pour chaque type :

Code:: <!DOCTYPE html> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>TEST</title> <link href="test.css" rel="stylesheet" media="all" type="text/css"> </head> <body> <div class="container"> <div class="card"> <div class="face face1"></div> <div class="face face2"></div> </div> <ul class="store"> <li> <div class="content content1">1</div> </li> <li> <div class="content content2">2</div> </li> <li> <div class="content content3">3</div> </li> <li> <div class="content content4">4</div> </li> </ul> </div> <div class="buttons"> <input type="button" id="flip1" value="Flip 1"/> <input type="button" id="flip2" value="Flip 2"/> <input type="button" id="flip3" value="Flip 3"/> <input type="button" id="flip4" value="Flip 4"/> </div> <script src="jquery-2.1.3.min.js"></script> <script src="test.js"></script> </body> </html>

fichier test.css :

Spoiler:

fichier .js :

Spoiler:

du coup si ça ne fonctionnait pas c'est parce que je n'avais pas téléchargé la bibliothèque jquery ^^

c'est résolu, bien que je ne comprenne pas donc je ne l'utiliserais pas :c

merci Nihil Smile

Je n'arrive pas à faire fonctionner un code (avec du js)