Mootools絕對TIP定位

我需要在Iframe中放置Mootool事件日曆。Mootools絕對TIP定位

不幸的是，出現在具有事件的日期上的工具提示總是被Iframe的邊界切斷。

如何設置工具提示位置，使其始終位於容器div的x = 0和y = 0處（此處爲「calcontainer」）？

下面的代碼段產生尖端

if (this.showtip) { 
newTip = new Tips(eventDiv, { 
fixed: true 
}); 
eventDiv.store('tip:title', time).store('tip:text', this.options.cEvents[i].title + '<br /><i>' + this.options.cEvents[i].location +'</i>') 
; 
}

這裏的HTML

<div class="calcontainer" > 
<div id="calBody"></div> 
</div>

calBody是包含日曆

感謝

來源

2013-05-04 lui

瞭解您可以發佈的jsfiddle？ – Adidi 2013-05-04 21:24:13

感謝您在此查看：http://jsfiddle.net/ke5Wx/注意：有一個外部資源MooECal.js – lui 2013-05-04 21:59:40

我不明白你的小提琴有什麼問題，但這裏是一個例子，其中的日曆是possitioned在（0,0）。 http://jsfiddle.net/ke5Wx/2/是你想到的嗎？ – Nils 2013-05-05 07:23:04

你爲什麼要在div工具提示被定位到0,0到容器？那麼人們就不會明白這個工具提示與該日期相關。

您設置了fixed:true - 如果工具提示跟隨鼠標或保持固定狀態，則爲sais標誌。

你可以做什麼要麼擴大的iframe所以它也將包含提示的間隙或使用提示屬性offset或windowPadding，你可以在Tips Docs

來源

2013-05-05 10:55:35 Adidi

是的，我知道它可能會成爲問題，但問題是我只能使用與日曆大小相同的iframe，因此在「正確」位置顯示工具提示將導致切割工具提示。我嘗試了offset和windowPadding，但是我擔心我不能在第一篇文章中提到的第一個代碼片段中使用它們。建議？ – lui 2013-05-05 18:36:03

爲什麼你不能使用它們？您可以自己編輯腳本'http：// www.surfdose.com/js/eventscalendar/mooECal.js' - 問題是什麼？ – Adidi 2013-05-05 18:39:58

非常感謝小費。現在它可以工作。請看我的第一個jsfiddle。我添加了：偏移量：{x：-eventDiv.left-eventDiv.width，y：-eventDiv.top-eventDiv.height} – lui 2013-05-05 19:31:06

Mootools絕對TIP定位

回答

相關問題