IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

UI Dialog. J'aimerais utiliser cette boîte de dialogue pour afficher une facture


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Décembre 2008
    Messages : 124
    Par défaut UI Dialog. J'aimerais utiliser cette boîte de dialogue pour afficher une facture
    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

  2. #2
    Invité
    Invité(e)
    Par défaut
    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>

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Décembre 2008
    Messages : 124
    Par défaut
    Merci charly-b pour votre réponse, cela me réconforte le faite que vous dites qu'il n y a pas de problème néanmoins j'aurais besoin d'un coup de main supplémentaire, pour l’intégration de jQuery & jQueryUI.

    Merci d'avance

  4. #4
    Invité
    Invité(e)
    Par défaut
    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 :

    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>
    (Vérifie le nom des fichiers, la version est peut-être différente) .

    Ensuite dans le body, si par exemple tu veux afficher la facture au clic d'un bouton, tu peux faire :

    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>
    Sur les pages de démos, penses à regarder la source des exemples (bouton view source), ça t'aideras à comprendre le fonctionnement du truc.

    A+

  5. #5
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2008
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Décembre 2008
    Messages : 124
    Par défaut
    Je ne sais pas mais est ce que je dois utiliser une fonction function afficheFacture() dans le head non ?

    Ok je vois maintenant mais comment ouvrire une page dedans ?

    Enfaite je viens d'ouvrir une page dedans mais 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

  6. #6
    Invité
    Invité(e)
    Par défaut
    Il faudrait aller chercher ta facture en ajax.

    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>
    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 .

    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>

Discussions similaires

  1. VBA Word - Ne plus afficher cette boîte de dialogue
    Par Francine222 dans le forum VBA Word
    Réponses: 1
    Dernier message: 08/04/2010, 10h30
  2. Réponses: 3
    Dernier message: 25/12/2006, 17h28
  3. Réponses: 4
    Dernier message: 12/09/2005, 19h23
  4. Réponses: 3
    Dernier message: 29/08/2003, 10h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo