登陆窗口实现dojo
来源:互联网 发布:淘宝网夏天零食店 编辑:程序博客网 时间:2024/05/16 15:27
dojo配置参照前一篇文章......一个比较实用的好看的登陆界面
<html>
<head>
<title>评估系统登陆界面</title>
<script type="text/javascript" src="dojojs/dojo.js"></script>
<script type="text/javascript">
dojo.require("dojo.widget.Dialog");
dojo.require("dojo.widget.Button");
var dlg0, dlg1, dlg2, dlg3;
function init() {
dlg0 = dojo.widget.byId("dialog0");
var btn = document.getElementById("cancel");
//设置对话框的关闭控件
dlg0.setCloseControl(btn);
/* var btn = document.getElementById("hider1");
dlg1.setCloseControl(btn);*/
dlg1 = dojo.widget.byId("dialog1");
var btn1 = document.getElementById("cancel1");
//设置对话框的关闭控件
dlg1.setCloseControl(btn1);
dlg2 = dojo.widget.byId("dialog2");
var btn2 = document.getElementById("cancel2");
//设置对话框的关闭控件
dlg2.setCloseControl(btn2);
}
dojo.addOnLoad(init);
</script>
<style type="text/css">
/* 设置对话框的CSS样式 */
.dojoDialog {
background : #772299;
border : 1px solid #999;
-moz-border-radius : 5px;
padding : 4px;
}
</style>
</head>
<body>
<h1 align="center"><font color="blue">教师评估系统</font></h1>
<hr>
<div align="center" >
<button dojoType="Button" onclick="dlg0.show()">学生登陆</button><br>
<button dojoType="Button" onclick="dlg1.show()">教师登陆</button><br>
<button dojoType="Button" onclick="dlg2.show()">管理员登陆</button><br>
</div>
<div dojoType="Dialog" id="dialog0" bgColor="blue" bgOpacity="0.5" toggle="fade" toggleDuration="250">
<form action="111.jsp" method="post" onsubmit="return false;">
<table>
<caption>登陆</caption>
<tr>
<td>用户名:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="text"></td>
</tr>
<tr>
<td align="right">
<input type="button" id="submit" value="学生登陆"></td>
<td align="center"> <input type="button" id="cancel" value="取消"></td>
</tr>
</table>
</form>
</div>
-------------------------------------------------------------------
<div dojoType="Dialog" id="dialog1" bgColor="blue" bgOpacity="0.5" toggle="fade" toggleDuration="250">
<form action="/sevlet1" method="post" onsubmit="return false;">
<table>
<caption>登陆</caption>
<tr>
<td>用户名:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="text"></td>
</tr>
<tr>
<td align="right">
<input type="button" id="submit1" value="教师登陆"></td>
<td align="center"> <input type="button" id="cancel1" value="取消"></td>
</tr>
</table>
</form>
</div>
==================================================================
<div dojoType="Dialog" id="dialog2" bgColor="blue" bgOpacity="0.5" toggle="fade" toggleDuration="250">
<form action="/servlet" method="post" onsubmit="return false;">
<table>
<caption>登陆</caption>
<tr>
<td>用户名:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="text"></td>
</tr>
<tr>
<td align="right">
<input type="button" id="submit2" value="管理员登陆"></td>
<td align="center"> <input type="button" id="cancel2" value="取消"></td>
</tr>
</table>
</form>
</div>
</body>
</html>
单击按钮
- 登陆窗口实现dojo
- 登陆窗口的实现
- Wpf 实现登陆窗口
- openLaszlo简单登陆窗口实现
- BCB中登陆窗口的实现
- JQuery EasyUI实现登陆小窗口
- Android仿QQ登陆窗口实现原理
- ant-design 实现一个登陆窗口
- ant-design 实现一个登陆窗口
- ant-design 实现一个登陆窗口
- java 登陆窗口的实现
- 登陆窗口实现(二)-----使用JPanel
- dojo弹出窗口
- dojo 弹出窗口,隐藏窗口
- MFC实现不规则形状窗口(CF登陆窗口)
- MFC实现不规则形状窗口(CF登陆窗口)
- MFC实现不规则形状窗口(CF登陆窗口)
- 登陆窗口
- 坐标转换
- 关于游戏自动更新工具的思考
- Oracle创建表空间
- CSDN博客加Google搜索的方法
- A Brief Summary of Towers of Hanoi Puzzle
- 登陆窗口实现dojo
- JavaScript 得到当前浏览器窗口尺寸大小的脚本
- Websphere 6.0下Oracle数据源配置
- 爆破VB程序
- 通过招调工办理深圳户口全过程
- 基于ZigBee的短距离无线通信网络技术
- ZigBee协议分析
- 第一篇Blog
- 解决出错:WebForm_PostBackOptions 未定义