Issue 1029: How to Color Event on MouseOver
Status:  WontFix
Owner: ----
Closed:  Aug 2013
Reported by jbeals...@gmail.com, Jul 7, 2011
I am wanting to change the color of both text and background when the mouse rolls over the event title. But, fullcalendar seems to block any changes to these attributes.
I put code in the eventMouseOver function,  the event gets triggered, and i can change the event's Transparency, using jquery fadeTo i can animate the transparency, i can change the text-aligment with jquery .css  
But, if i try to change color or backgroundColor with .css it has no effect.  
I want to use .animate to animate the color/background color on mouseenter, leave.

Am i missing something,   or is this a defect, or is there a way to over ride fullcalendar from overriding these changes ?
Jul 19, 2011
Project Member #1 adamrs...@gmail.com
there should be no problem. fullcalendar doesn't do anything special when the user mouses over an event. might be related to your code.
Status: Done
Jul 19, 2011
#2 ameya...@gmail.com
Here is the code for a simple test,  
I only slightly modified the code of the default.html demo, using all the standard jquery files as packed with vs 1.51   I have attached the modified test version here.  

From the original I have added a div with id='test' at the top of the page, this is included just to show that the code i am using to change background and color is simple, and does work,   
I also added the callback function to the calendar for mouseover and mouseout and for this test just used simple jquery .css to change the colors,   
when i run the test,   the colors change on the test div,  but, do not change on the calendar events when i mouse over.   
Yet, I also added a fadeTo event to the calendar event on mouse over/out and that DOES work.  You can comment the fadeTo line out,  it makes no difference, it is just there to show that the fadeTo command does work on the calencar event, but the color changes do not. 

Your comment is that the error must be related to my code,   do you see any error i may be making?   For some reason the calendar event is not accepting the color changes, but, does accept the transparency changes, even animations.   
BTW, I have tried overwriting the event.background-color  with the color i change it to with the .css command, and it does not make any difference.    


default-mouseover-test.html
2.8 KB   View   Download
Jul 19, 2011
Project Member #3 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Reproducing
May 29, 2013
#4 ja...@fridaymedia.com.au
Fantastic example... Thanks!
Aug 13, 2013
Project Member #5 adamrs...@gmail.com
see my comment here: https://code.google.com/p/fullcalendar/issues/detail?id=944#c10
Status: WontFix
Labels: Type-Bug
Nov 6, 2013
#6 cseashok...@gmail.com
i want change background color when mouse over the date. like yahoo. 
Nov 6, 2013
#7 cseashok...@gmail.com
Plz help me
i want change background color when mouse over the date. like yahoo.