Issue with a dialog and draggable Fullcalendar -
i'm using dialog box jquery ui , fullcalendar
my dialog opens correctly, when on calendar dialog gets integrated in calender draggable object. have drag/droppable calendar. , if dialogwindow inside calendar takes object.
my dialog:
$('#exercisechoise').dialog({ resizable: false, autoopen: false, title: 'chouse session', width: 500, modal: true, buttons:{ save: function(){ }, cancel: function(){ } } }); $("#exercisechoise").dialog("option","title", 'chose session'); $("#exercisechoise").dialog('open');
fullcalendar:
$('#calendar').fullcalendar({ theme: true, firstday: 1, header: { left: 'today prev,next', center: 'title', right: 'month,agendaweek,agendaday' }, defaultview: 'agendaweek', mintime: '06:00', maxtime: '22:00', alldayslot: false, axisformat: 'hh:mm', columnformat: { month: 'ddd', week: 'ddd dd/mm', day: 'dddd m/d' }, timeformat: { // uppercase h 24-hour clock month: 'h:mm{ - h:mm}', week: 'h(:mm){ - h:mm}', agenda: 'h:mm{ - h:mm}' }, eventsources: ['exercise/xhrgetlistings/'+userid], droppable: true, ......
html header:
<link rel="stylesheet" href="<?php echo url; ?>/temp/jquery-ui-1.9.2.le/css/le-frog/jquery-ui-1.9.2.custom.css" /> <link rel="stylesheet" href="<?php echo url; ?>menumaster/fg.menu.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script> <script type="text/javascript" src="<?php echo url; ?>/public/js/timepicker.js"></script> <script type="text/javascript" src="<?php echo url; ?>/fullcalendar/fullcalendar.js"></script>
any ideas how solve this?
Comments
Post a Comment