Discussion :

[gastoncs]

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 :

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

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

Code html :

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

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

[SpaceFrog]

tu mets le data dans ton dialog ?

[gastoncs]

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

[danielhagnoul]

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

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
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" );
    });
}

[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 ?

[danielhagnoul]

Je ne vois pas les codes, ma boule de cristal est en panne ! À tout hasard, le CSS de jQuery UI.

[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