看到prototype做的小窗口比较爽，也动手试了试，有点问题不得其解，是不是生成小窗口不能直接锁定背景
我本希望做成当点击登陆的时候，出现锁定背景效果，打开一个小的登陆窗口，像Dialog样式一样，结果没搞定
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript" src="prototype.js"> </script>
<script type="text/javascript" src="window.js"> </script>
<script type="text/javascript" src="effects.js"> </script>
<script type="text/javascript" src="debug.js"> </script>
<link href="default.css" rel="stylesheet" type="text/css"/>
<link href="alert.css" rel="stylesheet" type="text/css"/>
<link href="alphacube.css" rel="stylesheet" type="text/css"/>
<link href="mac_os_x.css" rel="stylesheet" type="text/css"/>
<title>弹出登陆小窗口</title>
</head>
<body>
<a href="#" onclick="openWin()">标准窗口</a><br/>
<a href="#" onclick="openWin2()">Dialog方式</a><br/>
<script type="text/javascript">
function openWin() {
win = new Window({className: "mac_os_x",url:"login.htm", title: "Sample", width:200, height:150, destroyOnClose: true, recenterAuto:false})
win.showCenter();
}
function openWin2() {
Dialog.confirm({url: "login.htm", options: {method: 'post'}},
{top: 10, width:250, className: "alphacube",okLabel: "Close All"})
}
</script>
</body>
</html>
分享到：
相关推荐
在JavaScript的世界里，Prototype是一个非常重要的库，它扩展了JavaScript的基本对象，提供了许多实用的功能，包括面向对象的特性。在本实例中，我们将探讨如何利用Prototype库来创建一个进度条组件，即...
在这个例子中，我们向`AjaxServlet`发送一个POST请求，携带参数`key=value`。如果请求成功，`onSuccess`回调会被调用，我们可以在这里解析服务器返回的数据（通常是JSON或XML格式），并更新前端的DOM元素。如果请求...
在这个"prototype小例子"中，我们将探讨这个核心机制以及如何使用它。 首先，我们理解`prototype`的基本作用。当我们在JavaScript中创建一个函数时，这个函数就自动获得了一个`prototype`属性。`prototype`对象包含...
在这个“prototype自己做的一个例子”中，我们将深入理解`prototype`的工作原理，以及如何利用它来实现对象间的继承。 首先，`prototype`是每个函数（在JavaScript中，函数也是对象）内置的一个属性，这个属性引用...
在给定的文件名"e6交子窗口后自动关闭后-刷新父窗口"中，可能包含了一个使用`prototype`实现的特定场景，即在子窗口关闭后刷新父窗口的功能。这通常涉及到跨窗口通信和事件监听。例如，我们可以在子窗口的`window`...
PrototypeJS 是一个广泛使用的JavaScript库，它为浏览器端的JavaScript编程提供了一系列强大的工具和功能，大大简化了DOM操作、事件处理、Ajax交互等任务。在标题中提到的"prototype1.4.js"和"prototype1.5.js"是...
在这个"prototype 1.6.0.2.js+使用DEMO例子"的压缩包中，包含了该版本的核心库文件和相关示例，旨在帮助开发者更好地理解和应用Prototype。 首先，`prototype-1.6.0.2.js`是Prototype的核心脚本文件。这个文件包含...
3. **样式和动画**：为了达到Vista提示窗口的视觉效果，开发者可能利用CSS来定义窗口的外观，包括边框、阴影、过渡效果等。Prototype还提供了动画功能，可以实现窗口的滑入、滑出等动态效果。 4. **模态对话框**：...
弹出窗口在Web开发中常见于提示信息、登录框或模态对话框等场景。在Prototype.js中，我们可以利用`new Window`来创建一个新的浏览器窗口。这个窗口可以自定义大小、位置、标题以及内容。例如： ```javascript var ...
"在VS2005基于Prototype.js的模态弹出窗口"这个主题，主要涉及到两个核心部分：Visual Studio 2005（VS2005）和Prototype.js库。 **Visual Studio 2005** 是微软推出的一款强大的集成开发环境（IDE），主要用于.NET...
Modalbox是一个基于prototype框架和script.aculo.us的模态窗口插件，能让你快速创建Web2.0样式的模态窗口，提高网站的用户体验。 此插件是基于GrayBox技术开发的，模态窗口使用ajax异步加载内容，可以很方便的与...
标题"prototype_PrototypeJS1.6_"中提到的"Prototype"是一个JavaScript库，它为JavaScript编程提供了一套丰富的工具集，主要用于简化DOM操作、创建Ajax应用以及实现对象的继承机制。"1.6版本"表明这是该库的一个特定...
### Prototype框架：深入理解与应用 #### 一、概述 **Prototype**是一个旨在简化动态Web应用程序开发的JavaScript框架。由Sam Stephenson创建，并于2005年2月作为开源项目发布。Prototype的核心团队成员包括Thomas...
在这个“prototype自己做的第二个例子”中，我们将深入理解`prototype`的工作原理，以及如何利用它来创建和扩展对象。 首先，每个函数在JavaScript中都是一个对象，而这些函数对象都有一个特殊的属性——`prototype...
Prototype.js 是一个广泛使用的JavaScript库，它为JavaScript语言增加了许多实用的功能，使开发Web应用程序变得更加简单。这个压缩包包含了Prototype的1.6.0版本，包括中文版和英文版的文档，以及源代码文件。 首先...
《prototype_1.7.3.js：JavaScript框架的里程碑》 在JavaScript的世界里，Prototype库是一个不可或缺的重要组成部分，尤其在Web开发领域，它为开发者提供了强大的功能和便利性。Prototype_1.7.3.js是这个库的一个...
3. **Ajax.PeriodicalUpdater**：此方法与Ajax.Updater类似，但它会周期性地向服务器发送请求，常用于实时更新数据的场景。例如： ```javascript new Ajax.PeriodicalUpdater('myDivId', 'http://example.com/api'...
标题提及了两个版本的Prototype文档，分别是"Prototype_1.4.doc"和"Prototype_1.5.1.chm"。Prototype是JavaScript库的一个早期且广泛使用的版本，它提供了许多实用的功能，如对象扩展、事件处理、Ajax操作等，极大地...