Please Log-in or Register to get full access to the forums.


Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Intergrating qTip with FullCalendar
6th April, 20:08
Post: #1
Intergrating qTip with FullCalendar
I was integrating qTip with FullCalendar and came across an issue where it was throwing an error on line 138 near:

JS Code
if(typeof $(this).data('qtip') == 'object')


The fullCalendar code is:
JS Code
$('#calendar').fullCalendar({
                    editable: false,
                    disableDragging: true,
                    disableResizing: true,
                    header: {
                            left: 'prev,next today',
                            center: 'title',
                            right: 'month,agendaWeek,agendaDay'
                    },
                    editable: true,
                    events: '/ajax/?task=getEvents',
                    eventClick: updateEvent,
                    eventRender: function(event, element) {
                        element.qtip({
                                        content : event.description,
                                        position: {corner: {tooltip: 'bottomLeft', target: 'topRight'}},
                                        style   : {
                                                    width: 200,
                                                    padding: 5,
                                                    background: '#A2D959',
                                                    color: 'black',
                                                    textAlign: 'center',
                                                    border: {
                                                        width: 7,
                                                        radius: 5,
                                                        color: '#A2D959'
                                                    },
                                                    tip: 'bottomLeft',
                                                    name: 'dark' // Inherit the rest of the attributes from the preset dark style
 
                                        }
                                     });
                    }
            });


I resolved the issue by changing that line to read:

JS Code
if(typeof $(this).data('qtip') == 'object' && $(this).data('qtip') !== null)



I was just wondering if that was going to mess anything up anywhere else or if you had any other suggestions.

Thanks,
Bill
PHP Developer
KickApps Corporation
Find all posts by this user
Quote this message in a reply
7th April, 00:34
Post: #2
RE: Intergrating qTip with FullCalendar
Bill, that shouldn't effect anything no, and looks fine to me.
Visit this user's website Find all posts by this user
Quote this message in a reply
7th April, 12:34
Post: #3
RE: Intergrating qTip with FullCalendar
Ok Craig, thanks. Also thanks for a great program. Easy to use and setup. Had another question. Is there a way to make it follow your mouse pointer rather than have it docked to one point?

Thanks,
Bill
PHP Developer
KickApps Corporation
Find all posts by this user
Quote this message in a reply
7th April, 13:54
Post: #4
RE: Intergrating qTip with FullCalendar
linusx, set position.target to 'mouse' Smile
Visit this user's website Find all posts by this user
Quote this message in a reply
7th April, 15:24
Post: #5
RE: Intergrating qTip with FullCalendar
Thanks that worked. Didn't see that anywhere in docs.

Thanks again.
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Google Calendar like bubble for Jquery FullCalendar tdmohr 14 38,146 7th October 19:55
Last Post: ukhangmu@gmail.com
  [Solved] qtips and wp Fullcalendar jcbov 1 1,132 29th March 14:16
Last Post: Craig
  qTip color matching fullcalendar event color lramesha 1 4,682 26th October 23:51
Last Post: Craig



User(s) browsing this thread: 1 Guest(s)