2012-01-22 117 views
0

我正在使用FancyBox整個項目,我正在努力,並希望將FancyBox實現到FullCalendar腳本。基本上,我想弄清楚如何將事件的描述傳遞給FancyBox彈出窗口。我正在使用11種不同的Google日曆Feed。我擔心這可能會阻止這種情況發生。如果是這樣的話,我可能完全放棄這個想法。FullCalendar事件通過FancyBox點擊(v2)

我見過類似於我的其他問題,例如使用gcal.js文件的events.push部分,但我似乎無法弄清楚如何讓別人的解決方案工作。有些我看了看其他的問題是:

有沒有辦法通過的的events.push節gcal.js文件彈出到FancyBox中?還是有其他方法可以將事件描述傳遞給FancyBox?我應該考慮將我的Google日曆Feed轉換爲JSON字符串,而是使用PHP/MySQL創建和存儲事件?我忽略了明顯的東西嗎?

這是我用來在eventClick上觸發FancyBox的當前腳本。

eventClick: function(event) { 
    if (event.url) { 
     $.fancybox({ 
      'type': 'iframe', 
      'href': 'event.url' 
     }) 
     return false; 
    } 
    } 

在目前的形式中,顯然沒有提及events.push或類似的東西。它適用於推出FancyBox,但沒有其他許多。使用event.url就像我現在,我給了一個缺少的頁面錯誤,但我相信這可能是由於我在本地而不是在活動服務器上進行測試。不過,我可能會誤解。

我將不勝感激任何幫助。謝謝。

回答

4

因此,自然在前一天晚上發佈我的問題後,我找到了一個解決方案。對於其他人誰都有這個問題,這裏是我做過什麼:

eventClick: function(event) { 
    if (event.url) { 


     var fancyContent = ('<div class="header">Event Details</div> <div id="prac" class="pracform"> <label><b>Event: </b></label>' + event.title + '<br>' + '<label><b>Date: </b></label>' + event.date + '<br>' + '<label><b>Start Time: </b></label>' + event.start + '<br>' + '<label><b>End Time: </b></label>' + event.end + '<br>' + '<label><b>Description: </b></label>' + '<div class="event_desc">' + event.description + '</div>' + '<br>' + '<label><b>Location: </b></label><a href=' + event.url + '>' + event.location + '</a>' + '<br>' + '</div>'); 

     $.fancybox({ 
      'content': fancyContent 
     }) 
     return false; 
    } 
} 

我,但是,具有編輯gcal.js文件來更改設置從ISO8601到h的時候難度:MMTT,和我我想知道是否可以像上面所用的那樣有一個單獨的日期類別(以當前的形式返回爲「undefined」)。也許在未來的FullCalendar版本中?

0

我面臨着同樣的問題,並使用來自fullcalendar文檔eventClick例子,我做了以下內容:

如果
eventClick: function(event) { 
    if (event.url) { 
    $("a").fancybox(event.url); 
     return false; 
    } 
} 

不知道,這將有所幫助,但它爲我工作。我對這個解決方案的唯一問題是,在第一次點擊時,fancybox不會被調用。在第二次點擊和任何後續點擊時,它確實工作正常。

相關問題