构建门户登陆页面并想添加数字时钟

时间:2014-07-24 15:53:15

标签: widget xpages xpages-extlib

我猜测解决方案是添加扩展库Widget容器,但是对于Widgets做的不多,有人能指出一个例子吗?在我的搜索中,我可以找到各种数字时钟小部件,但不知道如何添加它。 感谢

2 个答案:

答案 0 :(得分:1)

Extlib的widget容器只不过是一组带有CSS的HTML元素,看起来像一个小部件。好吧,它有点多,并给你一些动作等,但在你的情况下内容计数。您是否搜索了显示数字时钟的客户端Javascript解决方案/插件,例如这个? http://ticktoo.com/blog/35-simpleClock+-+jQuery+Plugin

答案 1 :(得分:0)

比尔,

关于xPages的惊人之处在于,我们不需要遵循正常的Domino设计实践,现在我们可以使用整个现代网页设计。

这方面的技巧是使用包浏览器并将内容添加到Designer中的webcontent文件夹中。然后,您可以访问本页其他地方提到的js时钟等内容。我使用Mark Roden的extjs教程作为开始这个世界的一种方式。这将使服务在本地运行。

你也可以让iFrame指向互联网上的网站。

但是这里有一个纯粹的javascript数字时钟,你可以添加到你的页面。我拿了w3schools的例子,并使用xpages。您应该能够添加一些漂亮的样式以匹配您的应用程序。 checkTime函数可能只是" i< 10"但是在尝试这样做时,我在xPages中遇到了错误。

<script>
function startTime() {
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML = h+":"+m+":"+s;
var t = setTimeout(function(){startTime()},500);
}

function checkTime(i) {
if (i==0|i==1|i==2|i==3|i==4|i==5|i==6|i==7|i==8|i==9) {i = "0" + i};  
return i;
}
</script>

<div id="txt"></div>




<xp:eventHandler event="onClientLoad" submit="false">
    <xp:this.script><![CDATA[startTime()]]></xp:this.script>
</xp:eventHandler>