Mixing
FullCalendar - eventMouseover and eventMouseout Events are not working on custom view
0
This is my first request here on Stackoverflow so please be patient if I don't meet all the requirements ;)
I developed a calendar with FullCalendar and I use the standard-view and a custom view which displays my events in a list-like-style.
Everything is shown up properly but the default eventMouseover and eventMouseout-handler are not called for events on my custom view :(
Is there any special requirements I have to do in the renderEvents-Function? The only thing I do there is to build the event-table html.
Or do I miss some options? I haven't found a solution nowhere yet :(
This is my fullCalendar-initialisation:
$('#calendar').fullCalendar({
validRange: {
start: '2018-01-01',
end: '2025-12-31'
},
navLinks: true,
header : {
left: 'month,custom,listYear, today',
center: 'title',
right: 'prev,next'
},
views: {
month: {
buttonText: monthTitle,
duration: { month: 1 }
},
listYear: {
buttonText: "LIST-YEAR",
visibleRange: function(currentDate) {
var myStart = (currentDate.get("year")-1) + "-12-31";
var myEnd = (currentDate.get("year")) + "-12-31";
return {
start: myStart,
end: myEnd
};
},
duration: { year: 1 }
},
custom: {
buttonText: yearTitle,
visibleRange: function(currentDate) {
var myStart = (currentDate.get("year")-1) + "-12-31";
var myEnd = (currentDate.get("year")) + "-12-31";
return {
start: myStart,
end: myEnd
};
},
duration: { year: 1 }
}
},
viewRender: function(view,element) {
if(view.name=="month"){
//month
$('.fc-today-button').show();
}else {
//listYear
$('.fc-today-button').hide();
}
},
eventOrder: sortEvents,
defaultView: defView,
columnHeaderFormat: 'dddd',
weekNumberTitle: kwTitle,
weekNumbers: true,
contentHeight: calHeight,
aspectRatio: 2,
locale: curLocale,
defaultDate: startDate,
editable: true,
eventLimit: false ,
events: './calAction.php?do=getEvents',
eventMouseover: function(calEvent, jsEvent, view) {
var objId = ".ev" + calEvent.id;
if(calEvent.type == 0) {
objId = ".hd" + calEvent.id;
}
if( !$(objId).hasClass("tooltipstered")) {
var ttHtml = calEvent.tt;
$(objId).tooltipster({
animation: 'fade',
delay: 200,
contentAsHTML: true,
content: ttHtml
});
}
$(objId).tooltipster('open');
},
eventMouseout: function(calEvent, jsEvent, view) {
var objId = ".ev" + calEvent.id;
if(calEvent.type == 0) {
objId = ".hd" + calEvent.id;
}
if($(objId).hasClass("tooltipstered")) {
$(objId).tooltipster('close');
}
},
eventClick: function(calEvent, jsEvent, view) {
jsEvent.stopPropagation();
if(curActiveEventObj != null ) {
curActiveEventObj.removeClass("evActive");
}
var editable = calEvent.editable;
if( editable ) {
$(this).addClass("evActive");
curActiveEventObj = $(this);
curActiveEvent = calEvent;
}
else {
curActiveEventObj = null;
curActiveEvent = null;
}
},
dayClick: function(date, jsEvent, view, resourceObj) {
if(curActiveEventObj != null ) {
curActiveEventObj.removeClass("evActive");
curActiveEventObj = null;
}
ignoreFirstClick = true;
var dateObj = date.toDate();
if( dateObj < new Date() ) {
return;
}
$("#eTitle").val('');
$("#eDesc").html('');
$("#eStart").data('DateTimePicker').date(dateObj);
$("#eEnd").data('DateTimePicker').date(dateObj);
$("#inputDlg").fadeIn("fast", function() {
});
},
eventDrop: function(event, delta, revertFunc) {
var evId = event.id;
var days = delta.days();
curUpdateEventId = evId;
curUpdateRevertFunc = revertFunc;
updateEventDate(event, evId, days);
},
eventResize: function(event, delta, revertFunc) {
var evId = event.id;
var days = delta.days();
curUpdateEventId = evId;
curUpdateRevertFunc = revertFunc;
updateEventSpan(event, evId, days);
}
});
Ok, I guess I found the source in fullcalendar.js which seems to bind the html-elements of an event to the mouseover/out handlers .. Must do more research on how to implement ...
var EventPointing = /** @class */ (function (_super) {
tslib_1.__extends(EventPointing, _super);
function EventPointing() {
return _super !== null && _super.apply(this, arguments) || this;
}
/*
component must implement:
- publiclyTrigger
*/
EventPointing.prototype.bindToEl = function (el) {
var component = this.component;
component.bindSegHandlerToEl(el, 'click', this.handleClick.bind(this));
component.bindSegHandlerToEl(el, 'mouseenter',
this.handleMouseover.bind(this));
component.bindSegHandlerToEl(el, 'mouseleave',
this.handleMouseout.bind(this));
};
Thank you in advance,
Peter
javascript-events fullcalendar custom-view
asked Jan 2 at 14:20
Peter SchillingPeter Schilling
12
|
show 1 more comment
0
This is my first request here on Stackoverflow so please be patient if I don't meet all the requirements ;)
I developed a calendar with FullCalendar and I use the standard-view and a custom view which displays my events in a list-like-style.
Everything is shown up properly but the default eventMouseover and eventMouseout-handler are not called for events on my custom view :(
Is there any special requirements I have to do in the renderEvents-Function? The only thing I do there is to build the event-table html.
Or do I miss some options? I haven't found a solution nowhere yet :(
This is my fullCalendar-initialisation:
$('#calendar').fullCalendar({
validRange: {
start: '2018-01-01',
end: '2025-12-31'
},
navLinks: true,
header : {
left: 'month,custom,listYear, today',
center: 'title',
right: 'prev,next'
},
views: {
month: {
buttonText: monthTitle,
duration: { month: 1 }
},
listYear: {
buttonText: "LIST-YEAR",
visibleRange: function(currentDate) {
var myStart = (currentDate.get("year")-1) + "-12-31";
var myEnd = (currentDate.get("year")) + "-12-31";
return {
start: myStart,
end: myEnd
};
},
duration: { year: 1 }
},
custom: {
buttonText: yearTitle,
visibleRange: function(currentDate) {
var myStart = (currentDate.get("year")-1) + "-12-31";
var myEnd = (currentDate.get("year")) + "-12-31";
return {
start: myStart,
end: myEnd
};
},
duration: { year: 1 }
}
},
viewRender: function(view,element) {
if(view.name=="month"){
//month
$('.fc-today-button').show();
}else {
//listYear
$('.fc-today-button').hide();
}
},
eventOrder: sortEvents,
defaultView: defView,
columnHeaderFormat: 'dddd',
weekNumberTitle: kwTitle,
weekNumbers: true,
contentHeight: calHeight,
aspectRatio: 2,
locale: curLocale,
defaultDate: startDate,
editable: true,
eventLimit: false ,
events: './calAction.php?do=getEvents',
eventMouseover: function(calEvent, jsEvent, view) {
var objId = ".ev" + calEvent.id;
if(calEvent.type == 0) {
objId = ".hd" + calEvent.id;
}
if( !$(objId).hasClass("tooltipstered")) {
var ttHtml = calEvent.tt;
$(objId).tooltipster({
animation: 'fade',
delay: 200,
contentAsHTML: true,
content: ttHtml
});
}
$(objId).tooltipster('open');
},
eventMouseout: function(calEvent, jsEvent, view) {
var objId = ".ev" + calEvent.id;
if(calEvent.type == 0) {
objId = ".hd" + calEvent.id;
}
if($(objId).hasClass("tooltipstered")) {
$(objId).tooltipster('close');
}
},
eventClick: function(calEvent, jsEvent, view) {
jsEvent.stopPropagation();
if(curActiveEventObj != null ) {
curActiveEventObj.removeClass("evActive");
}
var editable = calEvent.editable;
if( editable ) {
$(this).addClass("evActive");
curActiveEventObj = $(this);
curActiveEvent = calEvent;
}
else {
curActiveEventObj = null;
curActiveEvent = null;
}
},
dayClick: function(date, jsEvent, view, resourceObj) {
if(curActiveEventObj != null ) {
curActiveEventObj.removeClass("evActive");
curActiveEventObj = null;
}
ignoreFirstClick = true;
var dateObj = date.toDate();
if( dateObj < new Date() ) {
return;
}
$("#eTitle").val('');
$("#eDesc").html('');
$("#eStart").data('DateTimePicker').date(dateObj);
$("#eEnd").data('DateTimePicker').date(dateObj);
$("#inputDlg").fadeIn("fast", function() {
});
},
eventDrop: function(event, delta, revertFunc) {
var evId = event.id;
var days = delta.days();
curUpdateEventId = evId;
curUpdateRevertFunc = revertFunc;
updateEventDate(event, evId, days);
},
eventResize: function(event, delta, revertFunc) {
var evId = event.id;
var days = delta.days();
curUpdateEventId = evId;
curUpdateRevertFunc = revertFunc;
updateEventSpan(event, evId, days);
}
});
Ok, I guess I found the source in fullcalendar.js which seems to bind the html-elements of an event to the mouseover/out handlers .. Must do more research on how to implement ...
var EventPointing = /** @class */ (function (_super) {
tslib_1.__extends(EventPointing, _super);
function EventPointing() {
return _super !== null && _super.apply(this, arguments) || this;
}
/*
component must implement:
- publiclyTrigger
*/
EventPointing.prototype.bindToEl = function (el) {
var component = this.component;
component.bindSegHandlerToEl(el, 'click', this.handleClick.bind(this));
component.bindSegHandlerToEl(el, 'mouseenter',
this.handleMouseover.bind(this));
component.bindSegHandlerToEl(el, 'mouseleave',
this.handleMouseout.bind(this));
};
Thank you in advance,
Peter
javascript-events fullcalendar custom-view
asked Jan 2 at 14:20
Peter SchillingPeter Schilling
12
Welcome to SO. Please edit your question and add your calendar initialization code.
– WillardSolutions
Jan 2 at 14:33
I guess I have to 'connect' the calendar-event somehow with the html-element to activate the mouse-.events for the calendar events ?!
– Peter Schilling
Jan 2 at 14:45
So if the eventMouseover and eventMouseout are the only two event handlers that aren't working, I suspect your$(objId)logic isn't working like you think it does. Add some console logs to these functions to see if 1)objIdis being built correctly, and 2) if the$(objId)selector is finding any elements.
– WillardSolutions
Jan 2 at 14:53
No thats not the point. The handlers aren't even called. In the default views the handlers are called for every event. Just on my custom view (with the same events) the handlers aren't called. It must be something like registering the events for the handler or so .. I didn't got it yet ..
– Peter Schilling
Jan 2 at 17:42
How do you know these handlers aren't being called?
– WillardSolutions
Jan 2 at 17:54
|
show 1 more comment
0
0
0
1
This is my first request here on Stackoverflow so please be patient if I don't meet all the requirements ;)
I developed a calendar with FullCalendar and I use the standard-view and a custom view which displays my events in a list-like-style.
Everything is shown up properly but the default eventMouseover and eventMouseout-handler are not called for events on my custom view :(
Is there any special requirements I have to do in the renderEvents-Function? The only thing I do there is to build the event-table html.
Or do I miss some options? I haven't found a solution nowhere yet :(
This is my fullCalendar-initialisation:
$('#calendar').fullCalendar({
validRange: {
start: '2018-01-01',
end: '2025-12-31'
},
navLinks: true,
header : {
left: 'month,custom,listYear, today',
center: 'title',
right: 'prev,next'
},
views: {
month: {
buttonText: monthTitle,
duration: { month: 1 }
},
listYear: {
buttonText: "LIST-YEAR",
visibleRange: function(currentDate) {
var myStart = (currentDate.get("year")-1) + "-12-31";
var myEnd = (currentDate.get("year")) + "-12-31";
return {
start: myStart,
end: myEnd
};
},
duration: { year: 1 }
},
custom: {
buttonText: yearTitle,
visibleRange: function(currentDate) {
var myStart = (currentDate.get("year")-1) + "-12-31";
var myEnd = (currentDate.get("year")) + "-12-31";
return {
start: myStart,
end: myEnd
};
},
duration: { year: 1 }
}
},
viewRender: function(view,element) {
if(view.name=="month"){
//month
$('.fc-today-button').show();
}else {
//listYear
$('.fc-today-button').hide();
}
},
eventOrder: sortEvents,
defaultView: defView,
columnHeaderFormat: 'dddd',
weekNumberTitle: kwTitle,
weekNumbers: true,
contentHeight: calHeight,
aspectRatio: 2,
locale: curLocale,
defaultDate: startDate,
editable: true,
eventLimit: false ,
events: './calAction.php?do=getEvents',
eventMouseover: function(calEvent, jsEvent, view) {
var objId = ".ev" + calEvent.id;
if(calEvent.type == 0) {
objId = ".hd" + calEvent.id;
}
if( !$(objId).hasClass("tooltipstered")) {
var ttHtml = calEvent.tt;
$(objId).tooltipster({
animation: 'fade',
delay: 200,
contentAsHTML: true,
content: ttHtml
});
}
$(objId).tooltipster('open');
},
eventMouseout: function(calEvent, jsEvent, view) {
var objId = ".ev" + calEvent.id;
if(calEvent.type == 0) {
objId = ".hd" + calEvent.id;
}
if($(objId).hasClass("tooltipstered")) {
$(objId).tooltipster('close');
}
},
eventClick: function(calEvent, jsEvent, view) {
jsEvent.stopPropagation();
if(curActiveEventObj != null ) {
curActiveEventObj.removeClass("evActive");
}
var editable = calEvent.editable;
if( editable ) {
$(this).addClass("evActive");
curActiveEventObj = $(this);
curActiveEvent = calEvent;
}
else {
curActiveEventObj = null;
curActiveEvent = null;
}
},
dayClick: function(date, jsEvent, view, resourceObj) {
if(curActiveEventObj != null ) {
curActiveEventObj.removeClass("evActive");
curActiveEventObj = null;
}
ignoreFirstClick = true;
var dateObj = date.toDate();
if( dateObj < new Date() ) {
return;
}
$("#eTitle").val('');
$("#eDesc").html('');
$("#eStart").data('DateTimePicker').date(dateObj);
$("#eEnd").data('DateTimePicker').date(dateObj);
$("#inputDlg").fadeIn("fast", function() {
});
},
eventDrop: function(event, delta, revertFunc) {
var evId = event.id;
var days = delta.days();
curUpdateEventId = evId;
curUpdateRevertFunc = revertFunc;
updateEventDate(event, evId, days);
},
eventResize: function(event, delta, revertFunc) {
var evId = event.id;
var days = delta.days();
curUpdateEventId = evId;
curUpdateRevertFunc = revertFunc;
updateEventSpan(event, evId, days);
}
});
Ok, I guess I found the source in fullcalendar.js which seems to bind the html-elements of an event to the mouseover/out handlers .. Must do more research on how to implement ...
var EventPointing = /** @class */ (function (_super) {
tslib_1.__extends(EventPointing, _super);
function EventPointing() {
return _super !== null && _super.apply(this, arguments) || this;
}
/*
component must implement:
- publiclyTrigger
*/
EventPointing.prototype.bindToEl = function (el) {
var component = this.component;
component.bindSegHandlerToEl(el, 'click', this.handleClick.bind(this));
component.bindSegHandlerToEl(el, 'mouseenter',
this.handleMouseover.bind(this));
component.bindSegHandlerToEl(el, 'mouseleave',
this.handleMouseout.bind(this));
};
Thank you in advance,
Peter
javascript-events fullcalendar custom-view
asked Jan 2 at 14:20
Peter SchillingPeter Schilling
12
This is my first request here on Stackoverflow so please be patient if I don't meet all the requirements ;)
I developed a calendar with FullCalendar and I use the standard-view and a custom view which displays my events in a list-like-style.
Everything is shown up properly but the default eventMouseover and eventMouseout-handler are not called for events on my custom view :(
Is there any special requirements I have to do in the renderEvents-Function? The only thing I do there is to build the event-table html.
Or do I miss some options? I haven't found a solution nowhere yet :(
This is my fullCalendar-initialisation:
$('#calendar').fullCalendar({
validRange: {
start: '2018-01-01',
end: '2025-12-31'
},
navLinks: true,
header : {
left: 'month,custom,listYear, today',
center: 'title',
right: 'prev,next'
},
views: {
month: {
buttonText: monthTitle,
duration: { month: 1 }
},
listYear: {
buttonText: "LIST-YEAR",
visibleRange: function(currentDate) {
var myStart = (currentDate.get("year")-1) + "-12-31";
var myEnd = (currentDate.get("year")) + "-12-31";
return {
start: myStart,
end: myEnd
};
},
duration: { year: 1 }
},
custom: {
buttonText: yearTitle,
visibleRange: function(currentDate) {
var myStart = (currentDate.get("year")-1) + "-12-31";
var myEnd = (currentDate.get("year")) + "-12-31";
return {
start: myStart,
end: myEnd
};
},
duration: { year: 1 }
}
},
viewRender: function(view,element) {
if(view.name=="month"){
//month
$('.fc-today-button').show();
}else {
//listYear
$('.fc-today-button').hide();
}
},
eventOrder: sortEvents,
defaultView: defView,
columnHeaderFormat: 'dddd',
weekNumberTitle: kwTitle,
weekNumbers: true,
contentHeight: calHeight,
aspectRatio: 2,
locale: curLocale,
defaultDate: startDate,
editable: true,
eventLimit: false ,
events: './calAction.php?do=getEvents',
eventMouseover: function(calEvent, jsEvent, view) {
var objId = ".ev" + calEvent.id;
if(calEvent.type == 0) {
objId = ".hd" + calEvent.id;
}
if( !$(objId).hasClass("tooltipstered")) {
var ttHtml = calEvent.tt;
$(objId).tooltipster({
animation: 'fade',
delay: 200,
contentAsHTML: true,
content: ttHtml
});
}
$(objId).tooltipster('open');
},
eventMouseout: function(calEvent, jsEvent, view) {
var objId = ".ev" + calEvent.id;
if(calEvent.type == 0) {
objId = ".hd" + calEvent.id;
}
if($(objId).hasClass("tooltipstered")) {
$(objId).tooltipster('close');
}
},
eventClick: function(calEvent, jsEvent, view) {
jsEvent.stopPropagation();
if(curActiveEventObj != null ) {
curActiveEventObj.removeClass("evActive");
}
var editable = calEvent.editable;
if( editable ) {
$(this).addClass("evActive");
curActiveEventObj = $(this);
curActiveEvent = calEvent;
}
else {
curActiveEventObj = null;
curActiveEvent = null;
}
},
dayClick: function(date, jsEvent, view, resourceObj) {
if(curActiveEventObj != null ) {
curActiveEventObj.removeClass("evActive");
curActiveEventObj = null;
}
ignoreFirstClick = true;
var dateObj = date.toDate();
if( dateObj < new Date() ) {
return;
}
$("#eTitle").val('');
$("#eDesc").html('');
$("#eStart").data('DateTimePicker').date(dateObj);
$("#eEnd").data('DateTimePicker').date(dateObj);
$("#inputDlg").fadeIn("fast", function() {
});
},
eventDrop: function(event, delta, revertFunc) {
var evId = event.id;
var days = delta.days();
curUpdateEventId = evId;
curUpdateRevertFunc = revertFunc;
updateEventDate(event, evId, days);
},
eventResize: function(event, delta, revertFunc) {
var evId = event.id;
var days = delta.days();
curUpdateEventId = evId;
curUpdateRevertFunc = revertFunc;
updateEventSpan(event, evId, days);
}
});
Ok, I guess I found the source in fullcalendar.js which seems to bind the html-elements of an event to the mouseover/out handlers .. Must do more research on how to implement ...
var EventPointing = /** @class */ (function (_super) {
tslib_1.__extends(EventPointing, _super);
function EventPointing() {
return _super !== null && _super.apply(this, arguments) || this;
}
/*
component must implement:
- publiclyTrigger
*/
EventPointing.prototype.bindToEl = function (el) {
var component = this.component;
component.bindSegHandlerToEl(el, 'click', this.handleClick.bind(this));
component.bindSegHandlerToEl(el, 'mouseenter',
this.handleMouseover.bind(this));
component.bindSegHandlerToEl(el, 'mouseleave',
this.handleMouseout.bind(this));
};
Thank you in advance,
Peter
javascript-events fullcalendar custom-view
javascript-events fullcalendar custom-view
asked Jan 2 at 14:20
Peter SchillingPeter Schilling
12
asked Jan 2 at 14:20
Peter SchillingPeter Schilling
12
edited Jan 2 at 18:31
Peter Schilling
asked Jan 2 at 14:20
Peter SchillingPeter Schilling
12
asked Jan 2 at 14:20
Peter SchillingPeter Schilling
12
asked Jan 2 at 14:20
Peter SchillingPeter Schilling
12
12
Welcome to SO. Please edit your question and add your calendar initialization code.
– WillardSolutions
Jan 2 at 14:33
I guess I have to 'connect' the calendar-event somehow with the html-element to activate the mouse-.events for the calendar events ?!
– Peter Schilling
Jan 2 at 14:45
So if the eventMouseover and eventMouseout are the only two event handlers that aren't working, I suspect your$(objId)logic isn't working like you think it does. Add some console logs to these functions to see if 1)objIdis being built correctly, and 2) if the$(objId)selector is finding any elements.
– WillardSolutions
Jan 2 at 14:53
No thats not the point. The handlers aren't even called. In the default views the handlers are called for every event. Just on my custom view (with the same events) the handlers aren't called. It must be something like registering the events for the handler or so .. I didn't got it yet ..
– Peter Schilling
Jan 2 at 17:42
How do you know these handlers aren't being called?
– WillardSolutions
Jan 2 at 17:54
|
show 1 more comment
Welcome to SO. Please edit your question and add your calendar initialization code.
– WillardSolutions
Jan 2 at 14:33
I guess I have to 'connect' the calendar-event somehow with the html-element to activate the mouse-.events for the calendar events ?!
– Peter Schilling
Jan 2 at 14:45
So if the eventMouseover and eventMouseout are the only two event handlers that aren't working, I suspect your$(objId)logic isn't working like you think it does. Add some console logs to these functions to see if 1)objIdis being built correctly, and 2) if the$(objId)selector is finding any elements.
– WillardSolutions
Jan 2 at 14:53
No thats not the point. The handlers aren't even called. In the default views the handlers are called for every event. Just on my custom view (with the same events) the handlers aren't called. It must be something like registering the events for the handler or so .. I didn't got it yet ..
– Peter Schilling
Jan 2 at 17:42
How do you know these handlers aren't being called?
– WillardSolutions
Jan 2 at 17:54
Welcome to SO. Please edit your question and add your calendar initialization code.
– WillardSolutions
Jan 2 at 14:33
Welcome to SO. Please edit your question and add your calendar initialization code.
– WillardSolutions
Jan 2 at 14:33
I guess I have to 'connect' the calendar-event somehow with the html-element to activate the mouse-.events for the calendar events ?!
– Peter Schilling
Jan 2 at 14:45
I guess I have to 'connect' the calendar-event somehow with the html-element to activate the mouse-.events for the calendar events ?!
– Peter Schilling
Jan 2 at 14:45
So if the eventMouseover and eventMouseout are the only two event handlers that aren't working, I suspect your
$(objId) logic isn't working like you think it does. Add some console logs to these functions to see if 1) objId is being built correctly, and 2) if the $(objId) selector is finding any elements.– WillardSolutions
Jan 2 at 14:53
So if the eventMouseover and eventMouseout are the only two event handlers that aren't working, I suspect your
$(objId) logic isn't working like you think it does. Add some console logs to these functions to see if 1) objId is being built correctly, and 2) if the $(objId) selector is finding any elements.– WillardSolutions
Jan 2 at 14:53
No thats not the point. The handlers aren't even called. In the default views the handlers are called for every event. Just on my custom view (with the same events) the handlers aren't called. It must be something like registering the events for the handler or so .. I didn't got it yet ..
– Peter Schilling
Jan 2 at 17:42
No thats not the point. The handlers aren't even called. In the default views the handlers are called for every event. Just on my custom view (with the same events) the handlers aren't called. It must be something like registering the events for the handler or so .. I didn't got it yet ..
– Peter Schilling
Jan 2 at 17:42
How do you know these handlers aren't being called?
– WillardSolutions
Jan 2 at 17:54
How do you know these handlers aren't being called?
– WillardSolutions
Jan 2 at 17:54
|
show 1 more comment
1 Answer
1
active
oldest
votes
0
Ok, I found a solution out of the standard-way of handling the user-events.
I organize the events in the custom view by myself and wrote own mouse-handlers for the custom view.
Everey works as expected but it is somehow sad that the documentation doen't cover up this tasks ..
answered Jan 3 at 8:53
Peter SchillingPeter Schilling
12
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54007987%2ffullcalendar-eventmouseover-and-eventmouseout-events-are-not-working-on-custom%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
Ok, I found a solution out of the standard-way of handling the user-events.
I organize the events in the custom view by myself and wrote own mouse-handlers for the custom view.
Everey works as expected but it is somehow sad that the documentation doen't cover up this tasks ..
answered Jan 3 at 8:53
Peter SchillingPeter Schilling
12
add a comment |
0
Ok, I found a solution out of the standard-way of handling the user-events.
I organize the events in the custom view by myself and wrote own mouse-handlers for the custom view.
Everey works as expected but it is somehow sad that the documentation doen't cover up this tasks ..
answered Jan 3 at 8:53
Peter SchillingPeter Schilling
12
add a comment |
0
0
0
Ok, I found a solution out of the standard-way of handling the user-events.
I organize the events in the custom view by myself and wrote own mouse-handlers for the custom view.
Everey works as expected but it is somehow sad that the documentation doen't cover up this tasks ..
answered Jan 3 at 8:53
Peter SchillingPeter Schilling
12
Ok, I found a solution out of the standard-way of handling the user-events.
I organize the events in the custom view by myself and wrote own mouse-handlers for the custom view.
Everey works as expected but it is somehow sad that the documentation doen't cover up this tasks ..
answered Jan 3 at 8:53
Peter SchillingPeter Schilling
12
answered Jan 3 at 8:53
Peter SchillingPeter Schilling
12
answered Jan 3 at 8:53
Peter SchillingPeter Schilling
12
answered Jan 3 at 8:53
Peter SchillingPeter Schilling
12
12
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54007987%2ffullcalendar-eventmouseover-and-eventmouseout-events-are-not-working-on-custom%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Welcome to SO. Please edit your question and add your calendar initialization code.
– WillardSolutions
Jan 2 at 14:33
I guess I have to 'connect' the calendar-event somehow with the html-element to activate the mouse-.events for the calendar events ?!
– Peter Schilling
Jan 2 at 14:45
So if the eventMouseover and eventMouseout are the only two event handlers that aren't working, I suspect your
$(objId)logic isn't working like you think it does. Add some console logs to these functions to see if 1)objIdis being built correctly, and 2) if the$(objId)selector is finding any elements.– WillardSolutions
Jan 2 at 14:53
No thats not the point. The handlers aren't even called. In the default views the handlers are called for every event. Just on my custom view (with the same events) the handlers aren't called. It must be something like registering the events for the handler or so .. I didn't got it yet ..
– Peter Schilling
Jan 2 at 17:42
How do you know these handlers aren't being called?
– WillardSolutions
Jan 2 at 17:54