hola amigos necesito ubicar una imagen al lado izquiero o derecho para que mediante jquery poder realizar un comportamiendo,
asi funciona bien para dos imagenes
Código CSS:
Ver original<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
="http://www.forosdelweb.com/images/editbt.png" title
="edit" width="14" id
="edbut'+event.id+'" border="0" style
="padding-right:3px; padding-top:2px;" /
></a
><a
><img src
="http://www.forosdelweb.com/images/delete.png" title
="delete" width="14" id
="delbut'+event.id+'" border="0" style
="padding-right:5px; padding-top:2px;" /
></a
></div
>
yo lo estoy intendo utilizas asi para 3 pero me funciona el comportamiento:
Código CSS:
Ver original<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
="consultar.png" title
="Consultar" width="14" id
="edbut'+event.id+'" border="0" style
="padding-right:3px; padding-top:2px;" /
></a
><a
><img src
="edit.gif" title
="Modificar" width="14" id
="edbut'+event.id+'" border="0" style
="padding-right:3px; padding-top:2px;" /
></a
><a
><img src
="delete3.png" title
="Eliminar" width="14" id
="delbut'+event.id+'" border="0" style
="padding-right:5px; padding-top:2px;" /
></a
></div
>
este es el codigo completo
Código Javascript
:
Ver originaleventMouseover: 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="http://www.forosdelweb.com/images/editbt.png" title="edit" width="14" id="edbut'+event.id+'" border="0" style="padding-right:3px; padding-top:2px;" /></a><a><img src="http://www.forosdelweb.com/images/delete.png" 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() {
$.post("delete.php", {eventId: event.id});
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("update_title.php", {eventId: event.id, eventTitle: title});
calendar.fullCalendar('refetchEvents');
}
});
},