Bonjour,

Je souhaite, renvoyer des fragments de code HTML dans un dialog réaliser avec jQuery. ( Exemple de Dialog jQuery )

Seulement voila, lorsque je clique sur mon lien pour ouvrir mon dialog, le dialog s'ouvre et ensuite la page est rechargée pour afficher seulement mon fragment de code HTML.

Je pense qu'il s'agit surtout d'un manque de connaissance de jQuery. Mais je ne vois pas trop comment faire pour ajouter dynamiquement le code HTML dans mon div qui affiche mon Dialog.

Voila comment j'ai procéder :

1. Mon action qui génère mon fragment HTML:

    function show_test() {
        $rep = $this->getResponse('htmlfragment');
        $rep->tplname = "vivier~show_test";
        $rep->tpl->assign('hello', '<p>Hello World !</p>');
        return $rep;
    }

1. Mon lien dans mon template principale qui execute l'action :

    <a href="{jUrl 'vivier~vivier:show_test'}" id="dialog_link_test">Test</a>

1. Mon div qui contient mon Dialog dans mon template principale :

    <div id="dialogTest" title="HelloWorld"></div>

1. Mon fichier JS qui ouvre mon dialog est exécute mon action

 // Dialog Test
	$('#dialogTest').dialog({
		autoOpen: false,
		width: 600,
		buttons: {
			"Fermer": function() { 
				$(this).dialog("close"); 
			} 
		}
	});

 // Dialog Link test
	$('#dialog_link_test').click(function(){
		$('#dialogTest').dialog('open'),
		$(this).attr("href").wrap($('#dialogTest'));
		return false;
        });

Je pense que mon problème vient du JS et de la partie Dialog Link Test, j'ai tester plusieurs variante mais j'ai tjrs plus ou moins le même problème.

Sauf si je m'y prend mal, ou que ce n'est pas ça du tous ...

Un peu d'aide ne serais pas de refus ... je commence a désespéré. :(

Personnellement je ne connais pas ce point de jQuery, je ne saurais t'aider. Le plus simple ne serait pas de demander de l'aide directement du côté de jQuery ? (forums, newsgoups, irc ?).

Juste une question alors :

Comment faire pour ajouter mon fragment HMTL a mon template principale ?

En effet si je fais un lien dans mon template principal qui exécute cette action:

   function show_test() {
       $rep = $this->getResponse('htmlfragment');
       $rep->tplname = "mon_module~show_test";
       $rep->tpl->assign('hello', '<p>Hello World !</p>');
       return $rep;
   }

le lien recharge la page entièrement, et m'affiche seulement:

 <p>Hello World !</p>

Alors que, si j'ai bien compris, il devrait s'ajouter a mon template principal.

salut, je pense que c'est ça que tu cherches :) http://groups.google.com/group/jquery-ui(..)

soit $("#id").load(url).dialog(); ou url correspond a l'url de l'action

Hello,

j'utiliserai (j'ai pas testé) :

 jQuery('#dialogTest').load(url).dialog();

url étant généré par jUrl

voir http://docs.jquery.com/Ajax/load

EDIT : arf, pas assez rapide ;)

Merci c'est exactement ce que je chercher :D, merci Catsoup