<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>信息提示/操作窗口</title>
<style type="text/css">
<!--
body {
margin-left: 15px;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 15px;
}
body,td,th {
font-size: 12px;
}
.Dialog_Title {
font-size: 16px;
font-weight: bold;
color: #333333;
}
.SecondTitle {
font-size: 14px;
color: #333333;
}
.TiShiText_Size {
font-size: 14px;
}
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.form_text {
font-size: 14px;
color: #333333;
}
.btn1 {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
-->
</style>
</head>
<script type="text/javascript">
<!--
//全局变量设置
var RetTempStr="";
//得到用户设置信息
//INIT
var UserSetFlag=0;//用户选择操作窗口类型;
//0:为提示信息窗口;
//1:为用户提示操作信息窗口
//2:为用户单输入信息窗口
//3:为用户多[两]输入信息窗口
var View_TiShi="",View_TiShiDoing="";
var OnlyInputInfoText="";
var MoreInputText1="",MoreInputText2="";
//开始得到用户设置窗口信息
UserSetFlag=window.dialogArguments.document.getElementById("SelFlag").value;
if(UserSetFlag==0){
View_TiShi=window.dialogArguments.document.getElementById("test1").value;
}
else if(UserSetFlag==1){
View_TiShiDoing=window.dialogArguments.document.getElementById("test1").value;
}
else if(UserSetFlag==2){
OnlyInputInfoText=window.dialogArguments.document.getElementById("test1").value;
}
else if(UserSetFlag==3){
MoreInputText1=window.dialogArguments.document.getElementById("test1").value;
MoreInputText2=window.dialogArguments.document.getElementById("test2").value;
}
else
{
View_TiShi="您设置的信息有误,请查看帮助后再试!";
}
var WindowTitleStr="提示信息窗口";//窗口标题
WindowTitleStr=window.dialogArguments.document.getElementById("test1").value;
//-->
</script>
<body>
<div align="center" class="Dialog_Title"><script language="javascript">document.write(WindowTitleStr);</script></div>
<!--用户提示信息-->
<script language="javascript">
<!--
var UserTiShiInfo="";
UserTiShiInfo="<p>";
UserTiShiInfo=UserTiShiInfo+"<div>";
UserTiShiInfo=UserTiShiInfo+"<p class='SecondTitle'>提示信息:</p>";
UserTiShiInfo=UserTiShiInfo+"<p> >> <span class='TiShiText_Size'>"+View_TiShi+"</span></p>";
UserTiShiInfo=UserTiShiInfo+"<input name='Submit' type='button' class='btn' value=' 确 定 ' onmouseover=this.className='btn3_mouseover' onmouseout=this.className='btn3_mouseout' onclick='execute();'/>";
UserTiShiInfo=UserTiShiInfo+"</div>";
UserTiShiInfo=UserTiShiInfo+"</p>";
//document.write(UserTiShiInfo);//*************************用户提示信息
<!--用户提示操作信息-->
<!--请保留版权-->
<!--作者:MAPLE-->
<!--联系QQ:398200618-->
var UserTiShiDoingInfo="";
UserTiShiDoingInfo="<p>";
UserTiShiDoingInfo=UserTiShiDoingInfo+"<div>";
UserTiShiDoingInfo=UserTiShiDoingInfo+"<p class='SecondTitle'>提示信息:</p>";
UserTiShiDoingInfo=UserTiShiDoingInfo+"<p> >> <span class='TiShiText_Size'>";
UserTiShiDoingInfo=UserTiShiDoingInfo+View_TiShiDoing;
UserTiShiDoingInfo=UserTiShiDoingInfo+"</span></p><input name='Submit' type='button' class='btn' value=' 是 ' onmouseover=this.className='btn3_mouseover' onmouseout=this.className='btn3_mouseout' onclick='RetTempStr=true;execute();' /> ";
UserTiShiDoingInfo=UserTiShiDoingInfo+"<input name='Submit' type='button' class='btn' value=' 否 ' onmouseover=this.className='btn3_mouseover' onmouseout=this.className='btn3_mouseout' onclick='RetTempStr=false;execute();' /> ";
UserTiShiDoingInfo=UserTiShiDoingInfo+"<input name='Submit' type='button' class='btn1' value=' 取 消 ' onmouseover=this.className='btn1_mouseover' onmouseout=this.className='btn1_mouseout' onclick='window.close();' />";
UserTiShiDoingInfo=UserTiShiDoingInfo+"</div>";
UserTiShiDoingInfo=UserTiShiDoingInfo+"</p>";
//document.write(UserTiShiDoingInfo);//*********************用户提示操作信息
<!--用户输入信息-->
<!--请保留版权-->
<!--作者:MAPLE-->
<!--联系QQ:398200618-->
function CheckForm1(){
if(document.form1.pwb_str1.value==""){
var alert_str="提示信息";
alert(alert_str+"不能为空!");
document.form1.pwb_str1.focus();
return false;
}
else{
RetTempStr=document.form1.pwb_str1.value;
execute();
return false;
}
}
var UserInputInfo="";
UserInputInfo="<p><div><form id='form1' name='form1' method='post' action='' onsubmit='return CheckForm1();'>";
UserInputInfo=UserInputInfo+"<p align='center'><span class='TiShiText_Size'>"+OnlyInputInfoText+": </span>";
UserInputInfo=UserInputInfo+"<input id='pwb_str1' name='pwb_str1' type='text' class='form_text' size='30' maxlength='120' /></p>";
UserInputInfo=UserInputInfo+"<p align='center'><input name='Submit' type='Submit' class='btn' value=' 确 定 ' onmouseover=this.className='btn3_mouseover' onmouseout=this.className='btn3_mouseout' />";
UserInputInfo=UserInputInfo+" <input name='Submit' type='button' class='btn1' value=' 取 消 ' onmouseover=this.className='btn1_mouseover' onmouseout=this.className='btn1_mouseout' onclick='window.close();' /></p>"
UserInputInfo=UserInputInfo+"</form></div></p>";
//document.write(UserInputInfo);//***********************用户输入信息
<!-- 用户验正输入信息 -->
<!--请保留版权-->
<!--作者:MAPLE-->
<!--联系QQ:398200618-->
function CheckForm2(){
if(document.form2.pwb_str2.value==""){
var alert_str="提示信息";
alert(alert_str+"不能为空!");
document.form2.pwb_str2.focus();
return false;
}
else if(document.form2.pwb_str3.value==""){
var alert_str="提示信息";
alert(alert_str+"不能为空!");
document.form2.pwb_str3.focus();
return false;
}
else{
RetTempStr=document.form2.pwb_str2.valu
没有合适的资源?快使用搜索试试~ 我知道了~
自已制作与应用模块简化_集成常用JS网页对话框[代码实现:实例版]
共2个文件
html:2个
4星 · 超过85%的资源 需积分: 10 59 下载量 16 浏览量
2009-10-26
13:32:31
上传
评论 1
收藏 3KB RAR 举报
温馨提示
1、集成提示对话框、用户选择对话框、用户单信息输入对话框和用户多信息输入对话框; 2、完全用JS+CSS样式实现; 3、实例版:文件中实现了各个对话框的功能转换操作,并且也给出了参数调用方法; 4、在使用中请尊重作者劳动成果。
资源推荐
资源详情
资源评论
收起资源包目录
dialog.rar (2个子文件)
ADialog.html 10KB
Index.html 2KB
共 2 条
- 1
资源评论
- shilehaoduomingzile2013-05-26用网页做的窗体,还可以。
liuyangmaple
- 粉丝: 2
- 资源: 26
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功