Bonjour
Je suis face à une problématique qui nécessite a mon avis plusieurs Post.
Bon voilà, j'aimerais utiliser les boites de dialogue comme celle de ce site
qui affichera une facture.
Est ce possible ?
Merci d'avance pour votre aide
Bonjour
Je suis face à une problématique qui nécessite a mon avis plusieurs Post.
Bon voilà, j'aimerais utiliser les boites de dialogue comme celle de ce site
qui affichera une facture.
Est ce possible ?
Merci d'avance pour votre aide
Salut,
Je ne saisis pas vraiment le problème . Il te suffit d'appeler jQuery & jQueryUI dans le head, puis :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <div id="facture">Contenu de la facture</div> <script> $(function() { $( "#facture" ).dialog(); }); </script>
Merci charly-b pour votre réponse, cela me réconforte le faite que vous dites qu'il n y a pas de problèmenéanmoins j'aurais besoin d'un coup de main supplémentaire, pour l’intégration de jQuery & jQueryUI.
Merci d'avance
Il faut aller sur : http://jqueryui.com/download, et "Download" .
Tu récupères les dossiers js et css dans le zip et tu les colle dans la racine de ton site.
Puis dans le <head></head> de ta page :
(Vérifie le nom des fichiers, la version est peut-être différente) .
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <link type="text/css" href="css/themename/jquery-ui-1.8.13.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
Ensuite dans le body, si par exemple tu veux afficher la facture au clic d'un bouton, tu peux faire :
Sur les pages de démos, penses à regarder la source des exemples (bouton view source), ça t'aideras à comprendre le fonctionnement du truc.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <button type="button" onclick="afficheFacture();">Afficher la facture</button> <div id="facture" style="display:none;">Contenu de la facture</div> <script> function afficheFacture() { $('#facture').dialog(); } </script>
A+
Je ne sais pas mais est ce que je dois utiliser une fonction function afficheFacture() dans le head non ?
Ok je vois maintenantmais comment ouvrire une page dedans ?
Enfaite je viens d'ouvrir une page dedansmais le vrai problème mnt c'est que :
Avant j'avais des boutons crées avec une boucle PHP qui affecte une valeur (ref facture)dans chaque bouton qui le transmet a son tour a la fonction qui appel un fichier PHP qui lui effectue une recherche dans la BD pour afficher les donnée de la facture.
Le problème c'est que les pages .php ne s'ouvrent pas dans le pop up
Comment puis-je le faire mnt ?
Merci d'avance
Il faudrait aller chercher ta facture en ajax.
Le button étant généré par le php, le "12" étant l'id de la facture, "phpDesFactures.php" le fichier php qui écrit la facture, et "getFacture" la variable GET transmise à "phpDesFactures.php" pour générer la facture voulue .
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <button type="button" onclick="afficheFacture(12);">Afficher la facture</button> <div id="facture" style="display:none;"></div> <script> function afficheFacture(factureID) { $.ajax({ url: 'php/phpDesFactures.php?getFacture='+factureID, success: function (reponse) { $('#facture').html(reponse); $('#facture').dialog(); } }); } </script>
Je ne sais pas si c'est très clair, dis moi si ça te parait obscur .
J'ai mis le <script> à la suite, mais tu as raison, il vaut mieux le mettre dans le <head>![]()
Partager