mstdmstd
Новичок
Всем привет,
Используя fullcalendar (http://arshaw.com/fullcalendar/) мне нужно установить цвет для 1ой ячейки под мышкой
Я нашел пример:
http://stackoverflow.com/questions/14128222/hover-effect-on-one-cell-of-agendaweek-fullcalendar
С кодом:
Это работает, когда мышь над ячейкой - она меняет цвет
Но проблема в том, что с этим кодом обработка событий перестает работать, вроде события eventClick, определенное как:
Есть ли способ передавать все события в fullcalendar обьект, а не в таблицу нарисованную кодом выше?
Спасибо!
Используя fullcalendar (http://arshaw.com/fullcalendar/) мне нужно установить цвет для 1ой ячейки под мышкой
Я нашел пример:
http://stackoverflow.com/questions/14128222/hover-effect-on-one-cell-of-agendaweek-fullcalendar
С кодом:
Код:
Paste this code after $('#calendar').fullCalendar( ... ); This will create addition TD in table :)
$("table.fc-agenda-slots th").each(function () {
$(this).width(50);
});
$("table.fc-agenda-slots td.fc-widget-content").each(function () {
$(this).width(($("table.fc-agenda-days thead th.fc-col0").width()));
$(this).after("<td class=\"fc-widget-content\"><div style=\"position:relative\"></div></td>");
$(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col5").width() + "px\"><div style=\"position:relative\"></div></td>");
$(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col4").width() + "px\"><div style=\"position:relative\"></div></td>");
$(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col3").width() + "px\"><div style=\"position:relative\"></div></td>");
$(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col2").width() + "px\"><div style=\"position:relative\"></div></td>");
$(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col1").width() + "px\"><div style=\"position:relative\"></div></td>");
});
Код:
And this is the style css for hover:
table.fc-agenda-slots td.fc-widget-content
{
border-right: 1px #DDD solid;
}
table.fc-agenda-slots td.fc-widget-content:hover
{
background-color: #F1F1F1;
}
Это работает, когда мышь над ячейкой - она меняет цвет
Но проблема в том, что с этим кодом обработка событий перестает работать, вроде события eventClick, определенное как:
Код:
eventClick: function(calEvent, jsEvent, view) { // Triggered when the user clicks an event. http://fullcalendar.io/docs/mouse/eventClick/
Спасибо!