créer un lien qui ouvre un popup jquery avec Javascript

Version imprimable

Bonjour,
J'essaie de créer, à l'aide du Javascript, un lien.
ce lien a pour rôle d'ouvrir une popup Jquery.
Voici la portion du code Javascript que j'ai implémenté :

Code:

1
2
3
4
5
6
7
8
9
var btn1 = document.createElement("a");
btn1.innerHTML = "Consulter Tickets";
btn1.itemId = item.nomDeveloppeur;
 
btn1.href = '#popupBasic';  // lien pour ouvrir le div de popup
btn1.setAttribute("data-transition",'pop');                                   
btn1.onclick = AfficherTickets;
 
return btn1;

voici le contenu de popup

Code:

1
2
3
4
5
6
7
8
<div data-role="popup" id="popupBasic">
<font color="#0000FF">    Liste des tickets affectés </font>
        <br>
        <br>
        <br>
        <table id="demo1"  data-role="table"  data-mode="columntoggle" class="ui-responsive table-stroke" > 
        </table>
</div>

j'ai besoin de votre aide
merci

18/04/2013, 18h16
andry.aime

Bonsoir,

Fait une recherche sur lightbox jquery et tu trouveras pas mal de solution.

A+.
18/04/2013, 18h30
mohamedsghaier

s'il vous plait,
mon problème est clair j'espére.
j'ai pas besoin de lightbox. de plus, je pense que mon problème n'est pas encore résolu. Donc s'il vous plait aidez moi.
le problème persiste encore et j'ai fait déjà une grande recherche sur Google sans arriver à mon but.
18/04/2013, 18h32
andry.aime

Ce que tu penses faire s'appel lightbox et comme tu as parlés de jQuery, je t'ai dit de faire une recherche là dessus.

A+.
18/04/2013, 18h36
mohamedsghaier

pouvez me donner un exemple du code Javascript qui me permet de créer un lien qui ouvre un popup Jquery.
s'il vous plait j'en ai besoin
18/04/2013, 18h41
mohamedsghaier

le problème en fait est comment ajouter l'attribut data_rel='pop' aux attributs du bouton.
si ce attribut s'ajoute pour le lien, je suis sure que le popup va s'afficher.
mais je ne sais pas comment l'afficher:cry:
18/04/2013, 19h59
NoSmoking

Bonjour,

Citation:

...popup Jquery...

qu'elle est cette bête?
:faq: Comment ouvrir une pop-up ?
19/04/2013, 14h25
mohamedsghaier

Bonjour
J'ai enfin résolu mon problème.
Il faut ajouter:
btn1.setAttribute('data-rel','popup');
en effet, grâce au code Javascript, je crée un lien qui ouvre le popup Jquery.
NoSmoking votre solution consiste à ouvrir une popup Javascript (Windows).
Merci
19/04/2013, 14h44
andry.aime

Citation:

Envoyé par mohamedsghaier

NoSmoking votre solution consiste à ouvrir une popup Javascript (Windows).

Mais ce que tu as fait n'est pas un popup mais un popin (comme on fait avec lightbox).