Hannes Weninger: Calendar dragable machen

Beitrag lesen

Hallo,

ich hab einen Kalender und die Termine gebe ich so an wie unten. Jetzt möchte ich diese Termine D&D- able machen.
Ich habe eine "normale" D&D- WebApp programmiert und da hab ich das so gemacht:

<div class="makeMeDraggable">Drag and Drop text </div>

ich habe einen Text also mit der class makeMeDraggable gekennzeichnet und diesen Text kann man draggen und droppen.
Meine Frage wäre jetzt, wie ich das unten für die Events machen kann, dass diese D&D fähig werden.

Besten Dank!
Hannes

  
$('#calendar').fullCalendar({  
                theme: false,  
                header: {  
                        left: 'prev,next today',  
                        center: 'title',  
                        right: 'month,agendaWeek,agendaDay'  
                },  
                editable: true,  
                events: [  
                        {  
                                title: '12.10.2010 \n10h 30min \nVeranstaltung Marathon',  
                                start: new Date(y, m, 1)  
                        },  
                        {  
                                title: '12.10.2010 \n10h 30min \nRepeating Event',  
                                start: new Date(y, m, d-10, 16, 0),  
                                allDay: false  
                        },  
                        {  
                                title: '12.10.2010 \n10h 30min \nRepeating Event',  
                                start: new Date(y, m, d+4, 16, 0),  
                                allDay: false  
                        },  
                        {  
                                title: '12.10.2010 \n10h 30min \nIrgendwas Marathon',  
                                start: new Date(y, m, d-7, 19, 0),  
                                end: new Date(y, m, d-7, 22, 30),  
                                allDay: false  
                        },  
                        {  
                                title: '12.10.2010 \n10h 30min \nClick for Google',  
                                start: new Date(y, m, 28),  
                                //end: new Date(y, m, 29),  
                                url: 'http://google.com/'  
                        }  
                ]  
        });