Discussion :

[Anonyme1784]

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

[NoSmoking]

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.

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

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

[Anonyme1784]

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

[kakashi99]

salut,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Anonyme1784]

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)

[NoSmoking]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

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

[Anonyme1784]

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

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
Et y'a pas de conteneur avec

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

WAIT !
Euh maintenant ma page charge meme plus

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

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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