Bonjour
J'avance peu à peu sur jQuery et là je me retrouve face à un problème.
J'ai un calendrier (full calendar) dans lequel j'affiche des évènements.
Lorsque l'on clique sur ces évènements, une fenêtre dialog s'ouvre.
et
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <div id="FenetreQuestion" title="Que voulez-vous faire ?"> <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span> </p> </div>
La dialog affiche deux boutons différents : un pour faire une action 1, l'autre pour faire une action 2.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 eventClick: function(content, jsEvent, view) { $( "#FenetreQuestion" ).dialog( "option", "title", 'Bon n°'+content.title ); $( "#FenetreQuestion" ).dialog( "open" );
Ce que je souhaiterai : désactiver un de ces deux boutons (action 1) suivant la classe de mon évènement.
Exemple :
- j'ai deux évènements, un rouge et un bleu.
- le bleu est validé par un administrateur donc on ne peut plus le modifier (donc action 2 possible uniquement), le rouge peut subir les deux actions.
Le code de ma dialog :
Donc je ne vois pas bien comment faire, s'il est possible de mettre un if dans "buttons" par exemple.
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 $( "#FenetreQuestion" ).dialog({ autoOpen: false, resizable: false, draggable: false, height:140, modal: true, buttons: { "Action 1": function() { // On appelle la page php pour faire action 1 $.ajax({ type: 'GET', data: 'id='+document.getElementById('idbon').value, url: 'action.php', success: function(html) { alert('Bon déplanifié !'); } }); $( this ).dialog( "close" ); }, "Action 2": function() { // Ouvrir une autre dialog ou une modal box });
J'espère que tout ça est compréhensible et que vous pourrez m'aider !
Et petite question en plus : est-il possible d'ouvrir une modal box ou dialog par dessus une autre dialog ? (action 2)
Merci![]()
Partager