My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 2453: dayMouseover / dayMouseout
2 people starred this issue and may be notified of changes. Back to list
Status:  ExportedToGithub
Owner:  ----
Closed:  Aug 2015


Sign in to add a comment
 
Reported by fgualti...@promia.com, Mar 3, 2015
Someone had a similar request attached to another request (2248) and that person was told to create a separate issue for the request.  I don't see that that person created a separate issue so here is my issue.  Basically the same issue as the one requested as a tack on to  issue 2248 .

I would like to be able to attach a mouseover event to an entire day cell.  Right now the cells seem to be split into pieces (a day number, an event, the rest of the cell).  You already have a dayClick hook in the code.  I'm looking for a dayMouseover so I could poplulate a footer on my page whenever a the mouse enters a day cell.
Mar 9, 2015
Project Member #1 adamrs...@gmail.com
Sounds good, thanks. I will keep this for the future so that it will be implemented at some point.
Summary: dayMouseover / dayMouseout (was: dayMouseover)
Status: Accepted
Labels: Type-Feature
Mar 9, 2015
#2 fgualti...@promia.com
I have some code in place to do this.

I can send it to you if you are interested.
Jul 24, 2015
#3 rclaes1...@gmail.com
I'd like this too! Sorry for the doublepost on Github!
Jul 24, 2015
#4 fgualti...@promia.com
rclaes1...@gmail.com   I have written code to do this because it didn't seem to be available anyplace.   I should have access to the code and can attach it to this comment on monday.

Jul 26, 2015
#5 fgualti...@promia.com
Use this code as a plugin to get the functionality you are looking for.

    (function($) {
        $.fn.getDayCell = function(mouseEvent) {
            var calendarId = $(this).attr('id');
            var days = $('#'+calendarId + ' .fc-day');
            for(var i = 0 ; i < days.length ; i++) {
                var day = $(days[i]);
                var mouseX = mouseEvent.pageX;
                var mouseY = mouseEvent.pageY;
                var offset = day.offset();
                var width  = day.width();
                var height = day.height();
                if (   mouseX >= offset.left && mouseX <= offset.left+width 
                    && mouseY >= offset.top  && mouseY <= offset.top+height )
                   return day;
               }
        }
    }(jQuery));

I've also attached a file with this code in it.
foof_fullcalendar_helper.js
733 bytes   View   Download
Aug 21, 2015
Project Member #6 adamrs...@gmail.com
Discussion for this issue has moved to the following URL:
https://github.com/fullcalendar/fullcalendar/issues/2718

This is because Google Code is shutting down. Apologies if you are being pestered with these notifications. This is a one-time event.

Happy coding,
Adam
Status: ExportedToGithub
Sign in to add a comment

Powered by Google Project Hosting