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定位

回答

相关问题