Discussion :

[Eruvatar]

Bonjour,

je voudrais transmettre des informations via jquery UI dialog :

Code :

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

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 :

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

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

du type

Code :

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

$(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 :

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

$(this).attr("id")

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

Code :

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

$('.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 :

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

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 :

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