Fatal编程技术网

Javascript YUI“已保存”通知

javascript

Javascript YUI“已保存”通知,javascript,yui,Javascript,Yui,我正在尝试为我正在使用的应用程序创建短期覆盖通知。我还碰巧完全被限制使用YUI作为我唯一的脚本库。目标是使YUI样式的通知出现在保存表单的帖子之后的页面上。我会使用simpledialog，但客户机不想与通知交互，而且他们也不想在通知上有任何按钮或控件，只是一个显示消息的无功能、样式化的框 我现在试图实现的效果是生成类似于jQuery的showGlobalMessage函数的东西。那么，有没有任何YUI控件能够做到这一点？如果没有，那么使用自编js来产生这种效果的最佳方式是什么 谢谢你的帮助。我

我正在尝试为我正在使用的应用程序创建短期覆盖通知。我还碰巧完全被限制使用YUI作为我唯一的脚本库。目标是使YUI样式的通知出现在保存表单的帖子之后的页面上。我会使用simpledialog，但客户机不想与通知交互，而且他们也不想在通知上有任何按钮或控件，只是一个显示消息的无功能、样式化的框

我现在试图实现的效果是生成类似于jQuery的showGlobalMessage函数的东西。那么，有没有任何YUI控件能够做到这一点？如果没有，那么使用自编js来产生这种效果的最佳方式是什么

谢谢你的帮助。

我最后只是编写了一个javascript setTimeout函数来隐藏simpledialog。没有我想要的那么优雅……但它可以工作。

您想要的是YUI Overlay小部件吗

我粘贴了一个示例页面，演示它是如何工作的。如果这或多或少是您正在寻找的，那么您应该能够拥有一个函数，在提交表单时激活覆盖。您必须查找API以了解更多信息-

此外，YUI有自定义事件，但我对它们了解不多：

<body>
<div id="myContent">
    <div class="yui3-widget-hd">Overlay Header</div>
    <div class="yui3-widget-bd">Overlay Body</div>
    <div class="yui3-widget-ft">Overlay Footer</div>
</div>
<style>
#myContent
{
background-color:blue;
color:red;
}
</style>
<div id="parentNode"></div>
<style>
#parentNode
{
color:red;
background-color:blue;
}
</style>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ornare phare

Etiam porttitor consectetur sagittis. Suspendisse libero lorem, porta ut tincidu

Etiam dapibus urna ut mauris semper varius. Vestibulum auctor tincidunt urna, id

Nam posuere rutrum sem porttitor pretium. Suspendisse pulvinar sodales viverra.

Donec eleifend nisi nec mauris vestibulum a placerat sapien molestie. In tempus

Proin tincidunt feugiat accumsan. Fusce vel sagittis tellus. Quisque vitae conse

Nam vestibulum, ipsum suscipit dignissim feugiat, nisl lectus sodales felis, nec

Quisque venenatis, nulla sit amet sodales semper, turpis nulla viverra lectus, a

Phasellus euismod ligula at lectus interdum a malesuada ante lacinia. Nam venena

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos

Donec ut eros lorem, eget bibendum neque. Aliquam semper, tortor sed euismod luc

Nullam volutpat adipiscing congue. Aliquam fringilla diam quis quam pharetra tin

Etiam a tortor at justo sodales mattis. Praesent porttitor enim ac sem ultrices

Nam condimentum, ante non adipiscing tristique, magna felis semper arcu, eu temp

Morbi ut enim eget urna ornare elementum ac a ligula. Vestibulum commodo quam se
<script src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"></script>
<script>
YUI().use('overlay', function(Y) {
var overlay = new Y.Overlay({
    srcNode: '#myContent',
    centered: true
    });
    //overlay.render();
    overlay.render('#parentNode');
});
</script>
</body>