UI Dialog, comment transmettre des informations

[Eruvatar]

Bonjour,

je voudrais transmettre des informations via jquery UI dialog :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
$('.addkw').click(function() {
			$('#keyword').dialog('open');
		});
 
		$("#keyword").dialog({
			bgiframe: true,
			autoOpen: false,
			resizable: false,
			height: 500,
			width:500,
			modal: true
});

Voila ce que j'ai fait.
J'aurais besoin, s'il y avait un moyen, de transmettre les informations via l'opener a savoir :

Code :

1
2
3
$('.addkw').click(function() {
			$('#keyword').dialog('open');
		});

du type

Code :

$(this).attr("id")

Merci pour tout.

[danielhagnoul]

Bonsoir

Je vous conseille de regarder le code des démonstrations . On y trouve : le dialogue, le message, la confirmation et le formulaire.

[Eruvatar]

Merci pour votre réponse.

Mais je crois que vous m'avez mal compris.

En fait ce que je voudrais, c'est qu'en cliquant sur une icône ça ouvre la même box de dialog. A cela près qu'il y aura de petites modification dans le texte à savoir en fournissant l'id

Code :

$(this).attr("id")

de l'icone (ie différente à chaque fois)

Code :

$('.addkw').

le dialogue, le message, la confirmation et le formulaire. tout cela est bon, je "gère" (si tant est qu'on puisse employé cette expression dans un cas comme le mien...). C'est la communication entre l'opener (différent je le répète aà chaque fois) et ma boite de dialogue que je n'arrive pas a gérer.
C'est pour ne pas alourdir ma page que j'emploie cette technique.

Il est vrai que je pourrais fort bien utiliser une dialog box externe (c'est à dire hors de ma page), mais dans ce cas précis mon javascript ne marche plus...

J'ai tenté un truc comme cela:

Code :

1
2
3
4
 
$('.addkw').click(function() {
      $('#keyword').attr("name", $(this).attr("id")).dialog('open');
});

ça a l'air de marcher... mais qui sait, quelqu'un peut trouver mieux....

PS : merci pour avoir fait correspondre mon titre avec le standard utilisé

[transgohan]

Ton but est de customiser le dialog en fonction de l'action ?

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="dialog" title="Dialog Title">I'm in a dialog</div>
<a id="diag1">diag1</a> <a id="diag2">diag2</a>
<script type="text/javascript">
$(document).ready(function() {
  $('a').click(function(){
    if( $(this).attr('id') == "diag1" )
    {
      $('#dialog').attr('title',"diag1");
      $('#dialog').html("Ceci est la boite 1");
    }
    else
    if( $(this).attr('id') == "diag2" )
    {
      $('#dialog').attr('title',"diag2");
      $('#dialog').html("Ceci est la boite 2");
    }
    $("#dialog").dialog();
  });    
  });
</script>