Requête ajax post afficher dans une fenêtre modale Dialog

Version imprimable

19/12/2014, 15h53
gastoncs

Requête ajax post afficher dans une fenêtre modale Dialog
Bonjour,

Je me tourne vers vous car je suis face à un problème que je n'arrive pas a résoudre. J'ai un lien sur ma page principale qui effectue en ajax un post vers une page php qui me retourne un résultat dans une fenêtre modale toute simple. Cela fonctionne super bien mais je souhaiterais l'afficher dans la Dialog de la bibliothéque jQuery mais je n'y arrive pas. Voici le code actuel qui fonctionne avec sans jQuery :
Code:

1 2 3 4 5 6 function swapTel(cv) { var url = "ajax_ticket.php"; $.post(url, {num_op: cv} ,function(data) { alert(data); }); }
Code:

<a href="#" onClick="return false" onMouseDown="javascript:swapTel('<?php echo $row_Recordset1['id']; ?>');"><img src="images/loupe-icone-4171-32.png" width="16" height="16" /></a>

En effet j'ai beau essayer comme dans l'exemple jquery UI de rajouter $( "#dialog" ).dialog(); à la place de alert, mais rien n'y fait. Auriez-vous un exemple ou un conseil ? D'avance, merci. :lol:
19/12/2014, 17h21
SpaceFrog

tu mets le data dans ton dialog ?
19/12/2014, 17h23
gastoncs

oui j'ai mis .data mais rien ne s'affiche, je veu dire aucune modale !!

Pour <div id="dialog-confirm" title="Réponse"></div> et data contenant du HTML, pour du texte : .text( data ) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$( "#dialog-confirm" ).dialog({
    autoOpen : false,
    resizable : false,
    show : 1500,
    hide : 1500,
    height :300,
    modal : true,
    buttons : {
        "OK" : function(){
            $( this ).dialog( "close" );
        }
    }
});
 
function swapTel( cv ) {
    $.post( "ajax_ticket.php", { "num_op" : cv }, function( data ){
        $( "#dialog-confirm" )
            .html( data )
            .dialog( "open" );
    });
}

21/12/2014, 00h11
gastoncs

merçi danielhagnoul j'ai suivi tes conseils ou plutot ton code, j'obtient bien les données qui s'affiche sur ma page mais pas dans une fenetre modale, il apparaissent tout en haut de la page !
aurais je oublié quelque chose ?
21/12/2014, 01h43
danielhagnoul

1 pièce(s) jointe(s)

http://www.developpez.net/forums/u28...3-i137137t.gif

:koi: :help: Je ne vois pas les codes, ma boule de cristal est en panne ! À tout hasard, le CSS de jQuery UI.
21/12/2014, 14h36
gastoncs

oui autant pour moi, désolé de t'avoir dérange ca fonctionne, un oubli de lien vers jquery ui.

encore merci pour ton aide precieuse:mrgreen::mrgreen::mrgreen: