inconvenientes con jquery +fullcalendar

[Montes28]

Hola amigos del foro espero me puedan ayudar


me encuentro trabajando con fullcalendar jquery y necesito editar,eliminar los eventos , navegando por internet me encontre el siguiente codigo pero tengo un inconveniente al implementarlo, solo funciona si doy click un vez y no vulve a funcionar no vuelven a abrir las ventas prompt y lo necesito para que si le don en un icono delete se abra la ventana prompt y si inmediatamente quiero darle click en update tambien se abra la ventana prompt , pero actualmete solo abre una sola vez

Código Javascript:

eventMouseover: function(event, domEvent) {
                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="public/imagenes/tray-logout.gif" title="edit" width="14" id="edbut'+event.id+'" border="0" style="padding-right:5px; padding-top:2px;" /></a><a><img src="public/imagenes/tray-logout.gif" title="delete" width="14" id="delbut'+event.id+'" border="0" style="padding-right:5px; padding-top:2px;" /></a></div>';
                $(this).append(layer);
                $("#delbut"+event.id).hide();
                $("#delbut"+event.id).fadeIn(300);
                $("#delbut"+event.id).click(function() {
                    var title = prompt('Current Event Title: ' + event.title + '\n\nNew Event Title: ');
                    
                    if(title){
                        $.post("your.php", {eventId: event.id, eventTitle: title});
                        calendar.fullCalendar('refetchEvents');
                    }
                });
                $("#edbut"+event.id).hide();
                $("#edbut"+event.id).fadeIn(300);
                $("#edbut"+event.id).click(function() {
                    var title = prompt('Current Event Title: ' + event.title + '\n\nNew Event Title: ');
                    
                    if(title){
                        $.post("your.php", {eventId: event.id, eventTitle: title});
                        calendar.fullCalendar('refetchEvents');
                    }
                });
            },
 

[Takehiko]

Estas hablando de este script - http://arshaw.com/fullcalendar/

No entiendo muy bien lo que necesitas... para poder ayudarte

[Montes28]

gracias por responder

si estoy utilizando el script http://arshaw.com/fullcalendar/

hasta le momento inserto ,consulto y elimino eventos , pero ahora necesito modificar los eventos.


en internet encontre este codigo

Código Javascript:

eventMouseover: function(event, domEvent) {
                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="public/imagenes/update.gif" title="edit" width="14" id="edbut'+event.id+'" border="0" style="padding-right:5px; padding-top:2px;" /></a><a><img src="public/imagenes/delete.gif" title="delete" width="14" id="delbut'+event.id+'" border="0" style="padding-right:5px; padding-top:2px;" /></a></div>';
                $(this).append(layer);
                $("#delbut"+event.id).hide();
                $("#delbut"+event.id).fadeIn(300);
                $("#delbut"+event.id).click(function() {
                    var title = prompt('Current Event Title: ' + event.title + '\n\nNew Event Title: ');
                    
                    if(title){
                        $.post("your.php", {eventId: event.id, eventTitle: title});
                        calendar.fullCalendar('refetchEvents');
                    }
                });
                $("#edbut"+event.id).hide();
                $("#edbut"+event.id).fadeIn(300);
                $("#edbut"+event.id).click(function() {
                    var title = prompt('Current Event Title: ' + event.title + '\n\nNew Event Title: ');
                    
                    if(title){
                        $.post("your.php", {eventId: event.id, eventTitle: title});
                        calendar.fullCalendar('refetchEvents');
                    }
                });
            },
 

al implementarlo me aparecen dos iconos en cada evento uno para actualizar y uno para eliminar , el problemas es que inicio la aplicacion y solo puedo darle un click a los iconos y funciona bien pero kiero darle click otra vez y no funciona

[Montes28]

amigos ya lo solucione

Código Javascript:

eventMouseover: function(event, domEvent) {
                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="public/imagenes/edit.gif" title="Modificar" width="14" id="edbut'+event.id+'" border="0" style="padding-right:3px; padding-top:2px;" /></a><a><img src="public/imagenes/delete3.gif" title="Eliminar" width="14" id="delbut'+event.id+'" border="0" style="padding-right:5px; padding-top:2px;" /></a></div>';
                $(this).append(layer);
                $("#delbut"+event.id).hide();
                $("#delbut"+event.id).fadeIn(300);
                $("#delbut"+event.id).click(function filter() { 
           if (!confirm("Realmente desea eliminar este evento")) {
                        revertFunc();
                   }
                   else {
        $('#calendar').fullCalendar('removeEvents',event.id)
        
                         $.ajax({
                         url:'eliminar.php',
                         type:'post',
                         data:{
                            id:event.id,
                                                     }
                    }).done(function(data) {
                       
                    });
        
          
          }
         });
                $("#edbut"+event.id).hide();
                $("#edbut"+event.id).fadeIn(300);
                $("#edbut"+event.id).click(function() {
                    var title = prompt('Evento: ' + event.title + '\n\nNuevo Titulo del Evento: ');
                    
                    $('#calendar').fullCalendar('updateEvent', event)
        
                         $.ajax({
                         url:'modificar.php',
                         type:'post',
                         data:{
                            id:event.id,
                            title:title,
                                                     }
                    }).done(function(data) {
                       /* alert(event.title);*/
                                           
                    });
                     
                
                });
                
                
            },   
            
            
            
            eventMouseout: function(calEvent, domEvent) {
            $("#events-layer").remove();
            },