jquery - Embedded qtip2 Modal in Fullcalendar + Google Calendar -


i using fullcalendar 2.3.1, qtip2.2.1 , multiple google calendar feeds.

so got qtips work in fullcalendar (yay!), i'd see getting modal qtip appear when event clicked on ( eventclick ).

currently have eventclick set to:

// opens events in popup window eventclick: function(event) {                 window.open(event.url, 'gcalevent', 'width=600,height=400,top=200,left=200');                 return false;                            }, 

i'd modal appear instead, event.url portion embedded within in. qtip2 has modal functionality, , got included when downloaded qtip2, can't seem figure out how modal part functioning page embedded in it. , other resources online seem bootstrap, not qtip2. or other plugin.

i know part of using qtip's show: modal: on: true , using iframe. it's proper sequence can't seem get.



this coding have general qtips, wasn't sure if there way modify function on eventclick instead, , again, embedded page event.url

eventrender: function(event, element, view) { if (view.name !== "agendaday"){                 element.qtip({                     content: {                         title: 'click event open in  <br/>google calendar',                         text: '<b>title: </b>' + event.title +                         '<br/><br/><b>location: </b>' + event.location +                         '<br/><br/><b>details: </b>' + event.description                     },                 style: {                     widget: true, // use jquery ui widget classes                     def: false, // remove default styling                     classes: 'qtip-rounded qtip-shadow'                     },                 position: {                     my: 'bottom center',                     at: 'top center'                     },                 show: {                     event: 'mouseenter'                     },                 hide: {                     event: 'mouseleave',                     leave: false                     }                 });                 }             } 


many, many, many in advance! i've spent time digging in stackoverflow , it's come having ask. i'm feeling rather foolish , appreciate help.


Comments

Popular posts from this blog

javascript - oscilloscope of speaker input stops rendering after a few seconds -

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -