Discussion :

[Royade]

Bonjour , j'ai un petit problème en se qui concerne le passage de paramètre: j'utilise jquery ui dialog

J'ai une boucle en php avec a chaque fois un lien, et quand je clique sur celui si une boite de dialogue s'ouvre, la boite de dialogue s'ouvre bien quand j'ai un seul lien, parcontre avec une boucle je n'y arrive pas, vu qu'un id doit être unique, quelqu un a une idée a me soumettre ?

code js:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
$("#dialog").dialog({
    autoOpen: false,
    show: 'blind',
    hide: 'explode'
});
 
$(".opener").click(function() {
    $('#' + $(this).data("dialogOpener")).dialog('open');
 
    return false;
});
</script>

code php:

Code php :

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

1
2
3
4
5
6
7
8
while($donnees = $red->fetch())
{
  <div id="dialog'. id .'" title="dialog" style="display:none;">
    <p>veuillez blablabla</p>
  </div>
 
<span> class="opener" data-dialog-opener="dialog'. $donnees['id'] .'" title="lien">lien '.$donnees['id'].' </span>                                  
}

comment passer l id en parametre ?

Code :

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

1
2
3
4
5
$("#dialog").dialog({
    autoOpen: false,
    show: 'blind',
    hide: 'explode'
});

je suis obligé de les mettres moi même pour que ca marche:

Code :

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

1
2
3
4
5
$("#dialog1,#dialog2..").dialog({
    autoOpen: false,
    show: 'blind',
    hide: 'explode'
});

sauf que je ne connais pas les id a l'avance.. si on peu m éguiller ca serait super sympa

[SpaceFrog]

id commence par 'dialog'

Code :

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

$("[id^='dialog']")

[Royade]

$("[id^='dialog']")

Merci bien, rapide et efficace!

J'ai une autre question si jamais tu as le temps, quand on clique sur un lien la fenêtre s'affiche avec deux boutons "envoyer" et "annuler" et la quand j appuis sur envoyer, la fenetre se ferme directement, j ai essayé de mettre le parametre "$("[id^='dialog-messag"']").dialog", sans succes.. même en le mettant en dehors de la boucle et en l'appelant comme ca : "$( "#dialog-message" ).dialog" , mais de toute facon je pense qui faudra que je le mette dans la boucle pour recuperer l' id si l utilisateur appuis sur envoyer pour pouvoir faire des calculs dessus, suppression ou autre!

Code php :

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
<?php
while($donnees = $red->fetch())
{
   $îd= $donnees['id_com'];
 
echo '<div id="dialog'. $id .'" style="font-size:15px;" title="yop">
<p style="fontsize:13px;">									<span class="ui-icon ui-icon-alert" style="float:left; margin: 0 7px 20px 0;"></span>
These items will be permanently deleted and cannot be recovered. Are you sure?
</p>
</div>';
?>
<span class="opener" data-dialog-opener="dialog'. $id .'" title="yop" >lien</span>
<?php
}	
?>
echo '<div style="display:none;" id="dialog-message" title="yop envoyé">
<p>
<span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
Your files have downloaded successfully into the My Downloads folder.
<div style="font-size:15px;" id="Crono"> </div>
</p>
</div>';

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
$(function() 
{
	$("[id^='dialog']").dialog
	({
		autoOpen: false,
		show:
		{
			effect: "size",
			duration: 1000
		},
 
		resizable: false,
		height:180,
		modal: true,
 
		buttons: 
		{
			"Envoyer": function() 
			{
				$(function() 
				{
					$( "#dialog-message" ).dialog
					({
						resizable: false,
						height:180,
						modal: true,
 
 
						buttons: 
						{
							"Fermer la fênetre": function() 
							{
								$( this ).dialog( "close" );
							}
						}
					});	
 
					dec();
				});
 
				$( this ).dialog( "close" );
			},
			"Annuler": function() 
			{
				$( this ).dialog( "close" );
			}
		}
	});
 
	$(".opener").click
	(
		function()
		{
			$('#' + $(this).data("dialogOpener")).dialog('open');
 
			return false;
		}
	);
 
					function dec()
					{					
						var cpt = 10;
 
						timer = setInterval(function()
						{
							if(cpt>0)
							{						
								document.getElementById("Crono").innerHTML = "La page se fermera automatiquement dans " + cpt + "sec" ;
								--cpt;
							}
							else
							{
								$("#dialog-message").dialog( "close" );												
							}
						}, 1000);
					}
});