Popup JQuery Difficultés avec Tuto

Salut, j'arrive pas à suivre ce super tuto :/

http://dinbror.dk/bpopup/

J'ai essayé d'importer Jquery et tout, mais quand je clique sur l'image du calendrier, rien ne se passe :(
(le Popup marche pas)

http://mecraft.fr/test2.php

+ le tooltip fonctionne pas non plus ( sur le champ exemple "age")

Aidez mois s'il vous plait :)

Bonjour,
dit un nombre incalculable de fois sur le forum, il ne faut pas utiliser/faire référence à un élément avant que celui ci ne fasse effectivement partie du DOM.

:fleche: Qu'est-ce que la notion de Ready ?.

D'une manière générale jette un coup d'oeil à la :faq: FAQ jQuery

oh oui sorry j'oublie tout le temps je m'enmele les pinceaux.
Mais ça fonctionne pas meme avec le script en bas de la page :s

salut,

c'est quoi tout ça ? pourquoi avoir autant de version différente de jquery ?? :weird:

Code:

---

1 2 3 4 5 6 7 8

<script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script src="http://code.jquery.com/jquery-2.0.0b1.js"></script> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>

---

Merci, parceque je croyais que c'étais ça le problème :s

En fait /!\ : le tuto cf lien ci-dessus je n'arrive vraiment pas à le faire tourner :(

MAIS : pour l'autre code, J'ai repris le code du site JQuery et ça fonctionne (les tooltips) :mrgreen:

Il existe une autre partie de la FAQ qu'il faut que tu lises, car quand on voit cela dans ton code

Code:

---

1 2 3 4

$('element_to_pop_up').bPopup({ contentContainer:'.content', loadUrl: 'maps.php' //Uses jQuery.load() });

---

on est en droit de penser que tu crées une balise element_to_pop_up.

:faq: Comment puis-je sélectionner un élément à l'aide d'une classe ou d'un id ?

Merci mais :o j'étais persuadé avoir vu ... je confonds avec getElementById :aie:
Merci beaucoup je vais voir ça :roll:

Euh... non je suis totalement perdu en fait :)
Eux ils arrivent à ce qu'un bouton span avec une class partagée avec d'autres, ouvre le popup :O
Je pige pas du tout comment il sait quel popup ouvrir O.O

Help please ;(
Sur leur site y'a 20 boutons identiques qui sont sensés ouvrir des trucs différents :aie:
Et y'a pas de conteneur avec

Ps : j'avais oublier d'ajouter leur script aussi.

WAIT !
Euh maintenant ma page charge meme plus :mouarf:

Toujours là : http://mecraft.fr/test2.php

Mais j'ai modifié, voici ce que j'ai :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<script src="http://code.jquery.com/jquery-2.0.0b1.js"></script> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script> <script src="https://raw.github.com/dinbror/bpopup/master/jquery.bpopup.min.js"></script>   <img src="img/events.png" id="popup1" class="carre">   <script> $('#popup1').bPopup({         contentContainer:'#popup',         //loadUrl: 'maps.php' //Uses jQuery.load() });   </script>   <div id="popup" style="left: 423px; position: absolute; top: 162px; z-index: 10; opacity: 0; display: none;"> <span class="button b-close"><span>X</span></span> Hello je suis le popup ! </div>

---

+ question, quel script je dois garder en fait ? Parce uq ça fait beaucoup là :p

EDIT :
ce code donne la meme chose que ça (j'inverse les ID) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<img src="img/events.png" id="popup" class="carre">   <script> $('#popup').bPopup({         contentContainer:'#popup1',         //loadUrl: 'maps.php' //Uses jQuery.load() });   </script>   <div id="popup1" style="left: 423px; position: absolute; top: 162px; z-index: 10; opacity: 0; display: none;"> <span class="button b-close"><span>X</span></span> Hello je suis le popup ! </div>

---

Strange :weird: