导航:首页 > 编程语言 > ext50引入js

ext50引入js

发布时间:2024-08-18 21:55:27

A. js中如何弹出一个可以输入多个信息的提示对话框

思路:

如果要输入多个信息,那么原生的提示框肯定不符合要求,需要自己定义。

一般都是使用div层模拟提示框,这样就可以随便布局了。

代码示例:

1、定义CSS
<styletype="text/css">
body{
height:100%;
overflow:auto;
margin:0;
}
#test_Div{
position:fixed;
_position:absolute;
top:50%;
left:50%;
border:2pxsolid#C0C0C0;/*弹出框边框样式*/
background-color:#FFFFFF;/*弹出框背景色*/
display:none;
}
*html{
overflow:hidden;
position:absolute;
}
</style>
2、简单点,引入JQuery
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/jquery_ui/js/jquery-ui-1.9.2.custom.min.js"></script>
3、弹出层

functionshow_Win(div_Win,tr_Title,event){
vars_Width=document.documentElement.scrollWidth;//滚动宽度
vars_Height=document.documentElement.scrollHeight;//滚动高度
varjs_Title=$(document.getElementById(tr_Title));//标题
js_Title.css("cursor","move");
//创建遮罩层
$("<divid="div_Bg"></div>").css({"position":"absolute","left":"0px","right":"0px","width":s_Width+"px","height":s_Height+"px","background-color":"#ffffff","opacity":"0.6"}).prependTo("body");
//获取弹出层
varmsgObj=$("#"+div_Win);
msgObj.css('display','block');//必须先弹出此行,否则msgObj[0].offsetHeight为0,因为"display":"none"时,offsetHeight无法取到数据;如果弹出框为table,则为'',如果为div,则为block,否则textbox长度无法充满td
//y轴位置
varjs_Top=-parseInt(msgObj.height())/2+"px";
//x轴位置
varjs_Left=-parseInt(msgObj.width())/2+"px";
msgObj.css({"margin-left":js_Left,"margin-top":js_Top});
//使弹出层可移动
msgObj.draggable({handle:js_Title,scroll:false});
}
4、调用
<inputtype="button"value="测试弹出框"onclick="show_Win('div_Test','title',event)"/>
<divid="div_Test">
<divid="title"style="border:1pxsolidred;">标题</div>
内容
</div>
阅读全文

与ext50引入js相关的资料

热点内容
excel批量保存pdf文件 浏览:963
win10文件夹死机动不了 浏览:411
ps打开多页pdf文件 浏览:901
数据库统计某一字段值出现次数 浏览:705
学编程需要哪些方面的能力 浏览:896
在word2003表格中插入一行 浏览:606
怎么把拍照取字的文件转成pdf 浏览:838
小米穿戴app哪里更换表盘 浏览:911
满足该条件更改文件内容的代码 浏览:503
xp系统怎么卸载win10系统文件 浏览:709
华为手机双系统app怎么转 浏览:317
u盘插上pc自动跳出文件夹 浏览:232
机密文件写在哪里 浏览:480
qq主题免费使用女孩 浏览:342
园林景观网站模板 浏览:717
五线谱入门基础视频教程下载 浏览:598
个人网站怎么盈利 浏览:618
怎么禁止程序启动程序运行 浏览:261
苹果平板的测距仪app有什么作用 浏览:229
乌云数据库酒店开房 浏览:674

友情链接