Discussion :

[beegees]

Bonjour à tous,

Je voudrais utiliser ce genre de boite de dialogue :

http://dev.iceburg.net/jquery/jqModal/

. Modal, Nested Modal -- a. view (4a.html), b. view (4b.html)
Focus can be forced on a dialog, making it a true "modal" dialog. Also exemplified is the ajax attribute selector (using @href). Any DOM attribute can be used to extract the ajax url (see the documentation).

J'ai pour cela mis le code dans le head de ma page :

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
22
23
24
25
26
27
28
29
// notice that you can pass an element as the target 
			//  in addition to a string selector.
			$('#btn_histroy').click(function(){
				var t = $('#ex4 div.jqmdMSG');
 
				$('#ex4').jqm({
				trigger: 'a.ex4Trigger',
				ajax: '@href', /* Extract ajax URL from the 'href' attribute of triggering element */
				target: t,
				modal: true, /* FORCE FOCUS */
				onHide: function(h) { 
				t.html('Please Wait...');  // Clear Content HTML on Hide.
				h.o.remove(); // remove overlay
				h.w.fadeOut(888); // hide window
 
				},
				overlay: 0});
 
				// nested dialog
				$('#ex4c').jqm({modal: true, overlay: 10, trigger: false});
 
				// Close Button Highlighting Javascript provided in ex3a.
 
 
	// Work around for IE's lack of :focus CSS selector
				if($.browser.msie)
				$('input')
				.focus(function(){$(this).addClass('iefocus');})
				.blur(function(){$(this).removeClass('iefocus');});

J'ai téléchargé et référencé (dans le head) le fichier (jqModal.js - 2.97k) et le fichier (jqModal.css - 496 bytes)

J'obtiens cette erreur :

missing } after function body

Tant que j'y suis, je me demandais aussi comment je pourrais alimenter cette boite de dialogue avec des informations d'une bd mysql ?

Merci d'avance.

beegees

[Finality]

Salut si je reprends le code que tu nous a donné, il manque :

Code :

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

1
2
 
});

à la fin ce qui donnerait :

Code javascript :

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
22
23
24
25
26
27
28
29
$('#btn_histroy').click(function(){
var t = $('#ex4 div.jqmdMSG');
				
$('#ex4').jqm({
   trigger: 'a.ex4Trigger',
   ajax: '@href', /* Extract ajax URL from the 'href' attribute of triggering element */
   target: t,
   modal: true, /* FORCE FOCUS */
   onHide: function(h) { 
      t.html('Please Wait...');  // Clear Content HTML on Hide.
      h.o.remove(); // remove overlay
      h.w.fadeOut(888); // hide window
   },
   overlay: 0
});
				
// nested dialog
$('#ex4c').jqm({modal: true, overlay: 10, trigger: false});

// Close Button Highlighting Javascript provided in ex3a.
// Work around for IE's lack of :focus CSS selector

if($.browser.msie)
$('input')
   .focus(function(){$(this).addClass('iefocus');})
   .blur(function(){$(this).removeClass('iefocus');});
				
});

[beegees]

Salut,

Je te remercie pour ta réponse qui me fait avancer.

Je n'ai plus de message d'erreur, par contre, la boite ne s'affiche pas.

Voici le code de mon bouton à partir duquel l'évènement s'enclenche :

Code :

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

<input type="button" value="History" id="btn_history" />

J'ai donc mis un span comme indiqué dans le code :

Code :

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

<span id="ex4"></span>

Je peux te passer le lien du site en privé.

Qu'en penses-tu ?

Merci pour ton aide.

beegees