borrar event en fullcalendar plugin jquery

[Montes28]

Hola amigos

alguien tiene idea de como eliminar un evento en fullcalendar plugin jquery

[MarioAraque]

Si el fullcalendar es un fichero js, debes buscar el evento que quieras eilminar y listo!

[Montes28]

Gracias por responder MarioAraque

tengo un grupo de eventos que al darle click sobre cada uno de ellos se me abre una ventana popup y puedo consultarlo, mi inconceniente es como consigo ubicar una imagen delete sobre cada evento y eliminarlo.

con eventClick realizo la consulta de cada evento

Código Javascript:

eventClick: function(calEvent, jsEvent, view) {
            window.open("view.php?id="+calEvent.id+"&"+"evento="+calEvent.title+"&"+"start="+calEvent.start+"&"+"end="+calEvent.end, 'gcalevent', 'width=400,height=200');
 

que debo de hacer

[MarioAraque]

Sinceramente no entendi nada =( lo siento.

[Montes28]

hola MarioAraque

si quieres te pongo una imagen que tengo en mi ordenador pero no se como subirla al foro

[Montes28]

[IMG]C:\Documents and Settings\Administrador\Escritorio\calendario.png[/IMG]

[Montes28]

amigos alguien ha trabajado con fullcalendar jquery?

[Montes28]

si alguien ha trabajado con el fullcalendar plugin jquery

necesito implementar la funcion para borrar los eventos

Código Javascript:

var onMouseoverEvent = function(me, event) {
            if(event.editable) {
                /*
                 *  SHOW DELETE ICON, ALSO POSSIBLE TO SHOW AN EDIT ICON HERE
                 */
                var layer = '<div id="events-layer" class="fc-transparent" style="position:absolute; width:100%; height:100%; top:-1px; text-align:right; z-index:100">'
                            + '<a><img src="images/delete.png" title="delete" width="14" id="delbut'+event.id+'" border="0" style="padding-right:5px; padding-top:2px;" /></a>'
                            + '</div>';
 
                me.append(layer);
                $("#delbut"+event.id).hide();
                $("#delbut"+event.id).fadeIn(200);
                $("#delbut"+event.id).click(function() {
                    if(event.id) {
                    // opslaan in db
                        var dataString = 'event_id='+ event.id ;
                        $.ajax({
                             type:"POST",
                             url:"command/cal_events.php?action=del",
                             data: dataString,
                             success:function(html){}
                        });
                        $('#calendar').fullCalendar('removeEvents', event.id);
                    }
                });
            }
 

[Montes28]

amigos me pueden ayudar con estas dos funciones

necesito integrarlas


con la primera consigo el id de un evento

Código Javascript:

eventClick: function(calEvent, jsEvent, view) {
        
            alert(calEvent.id);
                            
     
 
    },
 

y con esta segundo elimino un evento pero necesito el id que me lo proporciona la otra

Código Javascript:

eventClick:function removeEvent(id){
    $('#calendar').fullCalendar('removeEvents',id);
},
 

como las integro

[silverwolf]

Hola, para integrar las funciones puedes hacer lo siguiente

Código Javascript:

eventClick: function(calEvent, jsEvent, view) {
   $('#calendar').fullCalendar('removeEvents', calEvent.id);
}
 

debido a que calEvent te trae todos los datos del evento, al hacer click en uno de ellos lo traerá directamente y con el uso de remoEvents y el id de calEvent llevará a cabo la eliminación