Comment ouvrir une URL d'événement FullCalendar dans une boîte de dialogue jquery-ui?

Question

Je suis en train de me demander comment ouvrir une URL d'événement FullCalendar dans une boîte de dialogue modale en utilisant la boîte de dialogue jQuery UI. Je ne connais presque rien à javascript, donc je ne suis pas sûr de la syntaxe de l'appel. Je suppose que je suis supposé utiliser l'option eventClick, mais je n'arrive pas à comprendre comment l'utiliser pour instancier la boîte de dialogue. De l'aide?

Mon script de génération de calendrier ressemble à ceci:

<script type="text/javascript"> 

$ (document) .ready (function() { var dialogue $ = $ ('')

$('#calendar').fullCalendar({ 
    header: { 
    left: 'month,agendaWeek,agendaDay', 
    center: 'title', 
    right: 'today prev,next' 
    }, 
    allDayDefault: false, 
    editable: false, 
    eventSources: ['[[~96]]'], 
    eventClick: function(event) { 
    if (event.url) { 
     $dialog 
     .load(event.url) 
     .dialog({ 
      autoOpen: false, 
      width: 500, 
      height:300 
     }); 
     $dialog.dialog('open'); 
     return false; 
    }; 
    }; 
}); 

});

Answer 1

Vous devez déclarer une div pour dialogue dans votre page, par exemple:

<div id="myDialog"></div> 

...

$(document).ready(function() { 
$('#calendar').fullCalendar({ 
... 
eventClick: function(event) { 
    if (event.url) { 
     $('#myDialog') 
     .load(event.url) 
     .dialog({ 
      width: 500, 
      height:300 
     }); 
     return false; 
    };