如何制作d出窗口

如何制作d出窗口,第1张

d窗:msgbox "xxx",x, "xxx"

输入框:inputbox:"xxx""xxx"

然后保存为xxxvbs例如:

hhahavbs

要在Windows上有效

showModalBottomSheet 所d出的内容高度是固定的。要想自适应自己布局的高度只需如下两点:

加入 isScrollControlled: true 后,d窗高度会变成全屏的。接下来就是自己布局中的处理。

BottomPhotoDialog是我自己写的想要d出的布局。在根节点中用SingleChildScrollView来包裹Column即可让d窗高度适应布局高度

lhgdialog基本使用方法 :

在需要调用lhgdialog编辑器的网页head标签结束之前添加以下代码:

<script type="text/javascript" src="lhgcoreminjs"></script>

<script type="text/javascript" src="lhgdialogminjs"></script>

<!--注:如果将窗口组件做为jQ的组件来使用就不需要加载lhgcoreminjs库文件,而要加载jQ库文件。-->

<script type="text/javascript" src="jquery-16minjs"></script>

<script type="text/javascript" src="lhgdialogminjs"></script>

[html] view plaincopy

<span style="font-family:Microsoft YaHei;"><script type="text/javascript" src="lhgcoreminjs"></script>

<script type="text/javascript" src="lhgdialogminjs"></script>

<!--注:如果将窗口组件做为jQ的组件来使用就不需要加载lhgcoreminjs库文件,而要加载jQ库文件。-->

<script type="text/javascript" src="jquery-16minjs"></script>

<script type="text/javascript" src="lhgdialogminjs"></script></span>

lhgdialog提供两种方式d出窗口:

<script type="text/javascript">

//第一种jQ调用方式

J(function(){

J('#dg')dialog({ id:'test1', html:'lhgdialog' });

});

//如果作为jQ组件来用的话J就得换成$

$(function(){

$('#dg')dialog({ id:'test1', html:'lhgdialog' });

});

//第二种普通函数式调用

function opdg( id )

{

var dg = new Jdialog({ id:id, html:'lhgdialog' });

//如果作为jQ组件来用的话J就得换成$

var dg = new $dialog({ id:id, html:'lhgdialog' });

dgShowDialog();

}

</script>

</head>

<body>

<input type="button" id="dg" value="opendg1"/>

<input type="button" value="opendg2" onclick="opdg('test2');"/>

</body>

[html] view plaincopy

<span style="font-family:Microsoft YaHei;"><head>

<script type="text/javascript">

//第一种jQ调用方式

J(function(){

J('#dg')dialog({ id:'test1', html:'lhgdialog' });

});

//如果作为jQ组件来用的话J就得换成$

$(function(){

$('#dg')dialog({ id:'test1', html:'lhgdialog' });

});

//第二种普通函数式调用

function opdg( id )

{

var dg = new Jdialog({ id:id, html:'lhgdialog' });

//如果作为jQ组件来用的话J就得换成$

var dg = new $dialog({ id:id, html:'lhgdialog' });

dgShowDialog();

}

</script>

</head>

<body>

<input type="button" id="dg" value="opendg1"/>

<input type="button" value="opendg2" onclick="opdg('test2');"/>

</body></span>

[html] view plaincopy

获得父窗体对象方法:

dg = frameElementlhgDG;

var W = dgcurWin;//获得父窗体

parent参数示例并且父子窗口都加了遮罩层

//这里调用窗口都用的普通函数方式

function opdg1(){

var testDG = new Jdialog({ id:'test19', page:'content2html', cover:true });

testDGShowDialog();

}

//内容页content2html里的代码为:

var DG = frameElementlhgDG;

function opChild()

{

var testDG2 = new DGcurWinJdialog({ id:'child', cover: true, html:'我是子窗口', width:300, height:200, parent:DG });

testDG2ShowDialog();

}

//你可以打开content2html页面查看里面的代码,这里要注意如果想在窗口中d出子窗口,

不要在子窗口的页面中再加载lhgdialogminjs来调用d出窗口的函数,

一定要用curWinJdialog,因为不这样父子窗口间的zIndex值会是2个,它们层叠的次序就乱了。

关闭窗口刷新父页面

J('#btn25')dialog({ id:'test25', page:'content4html' });

//content4html页面里的代码为:

var DG = frameElementlhgDG;

DGaddBtn( 'ok', '确定', ok );

function ok()

{

// 这里写你要 *** 作的代码,最后写刷新代码

DGcurWinlocationreload();

}

//当调用窗口的页面被刷新,窗口就会自动关闭,所以不用调用程序的cancel关闭函数

lhgdialog API 说明

一)窗口lhgdialogminjs文件的url参数(340新增)

参数形式为:<script type="text/javascript" src="lhgdialogminjst=self&s=chrome"></script>

t:指定d出窗口的页面(替代原来的第22个参数SetTopWindow)

参数值:self,在当前页面d出窗口。此参数只用在框架页面中,如果不写此参数则窗口跨框架d出在框架最顶层页面,如果值为self则不跨框架,而在当前面页d出。

s:窗口使用的皮肤的名称(350修改)

参数值:默认default,不写此参数则值为default。如果你想在同一页面使用不同皮肤的窗口,就要把你要使用的皮肤的名称都写上,中间用","隔开,例如:lhgdialogminjss=default,chrome,此参数用来动态给窗口换肤,参数的值为skins文件夹下各皮肤文件夹的名,具体使用方法请参阅皮肤制作

url参数不需要设定的就可以不写,不写时就使用默认值。

初始化参数列表

二)初始化参数列表:即为Jdialog({ 这里的参数 });

lockScroll:d出遮罩层时是否消除滚动条(352新增)

参数值:默认为“false”,如果为true则d出遮罩层时会去掉浏览器右边的滚动条。

autoPos:当浏览器大小改变时窗口的位置是否自动定位(342新增 352修改)

参数值:默认为false,不自动定位窗口位置。如果想让窗口自动定位,属性值分为2种,一种值为一个对象,对象中有2个属性,分别为left和top,left和top的值与窗口参数left和top的值是一样的。例如:autoPos:{left:'right',top:'bottom'}。另一种是值为true,这里窗口默认为自动居中。这和第一种值形式的:autoPos:{left:'center',top:'center'}的效果是相同的,只不过为true是一种简写方式。

skin:指定窗口的皮肤(350新增)

参数值:默认为“default”。

args:传递的参数(350新增)

参数值:值可为任意类型的数据。

onCancel:自定义窗口关闭函数(350修改)

参数值:如果加了此参数则可以调用此函数来关闭窗口。350将此属性改为此函数参数的作用是在关闭窗口前执行这个函数来完成一定动作。

cancelBtnTxt:设置取消按钮的文本(342新增)

参数值:默认为“取消”。此参数和onCancel配合使用即可改变取消按钮为其它作用的按钮。

autoCloseFn:自动关闭窗口时执行的函数(342新增)

参数值:当指定了timer属性后,此参数为窗口关闭前执行的函数。

bgcolor:设置遮罩层的颜色(341新增)

参数值:默认为白色(#fff)。

opacity:设置遮罩层的透明度(341新增)

参数值:默认为05(也就是50%的透明度),值为小于1的一位小数。

onMinSize:最小化按钮调用的函数(341新增)

参数值:此属性为一个函数,就是单击最小化按钮调用的函数,主要是为用户提供个接口,这里你可以自己写这个函数。

maxBtn:是否显示最大化按钮(340新增)

参数值:默认true(显示,如果titleBar参数为false,此参数无效),false(不显示)。注:如果fixed参数为true,那么此参数就自动为false。

minBtn:是否显示最小化按钮(340新增)

参数值:默认true(显示,如果titleBar参数为false,此参数无效),false(不显示)。最小化按钮功能暂无

timer:定时关闭窗口时间,单位为秒(340新增)

参数值:无,不带单位的数字,单位为秒。

id:窗口的id号

参数值:默认lhgdlgId,自定义对话框ID属性,要保证在页面中是唯一的,不能和页面中任何元素的id相同。

注意:如果页面中只有一个d出窗口此参数可以不写,但页面中如果有1个以上的d出窗口则一定要加此参数。

title:窗口的标题文本

参数值:默认lhgdialogd出窗口,窗口标题的文件字符。

width:窗口的宽度

参数值:默认400,不带单位的数字。

height:窗口的高度

参数值:默认300,不带单位的数字。

titleBar:是否显示标题栏

参数值:默认true(显示),false(不显示,注意如果不显示一定要选择相应的皮肤,无标题栏的皮肤)。

iconTitle:是否显示标题栏左边小图标

参数值:默认true(显示,如果titleBar参数为false,此参数无效),false(不显示)。

xButton:是否显示窗口右上角的X关闭按钮

参数值:默认true(显示,如果titleBar参数为false,此参数无效),false(不显示)。

btnBar:是否显示按钮栏

参数值:默认true(显示),false(不显示)。

cancelBtn:是否显示取消按钮

参数值:默认true(显示,要显示的同时必须设btnBar参数为true),false(不显示)。

page:窗口内容页的地址

参数值:窗口的内容页为一个单独的页面文件,这个文件的路径是内容页面文件相对于调用窗口插件的路径或也可使用绝对路径,如果此参数的值为不同域的外部链接,那一定要使下面的link参数为真。

link:是否为外部链接

参数值:默认false(不是外部链接),true(是外部链接,这里的外部链接指的是不同域的网址)。

html:窗口的内容为HTML代码

参数值:可以是HTML代码或DOM对象。

fixed:是否开启静止定位

参数值:默认false(不开启),true(开启,静止定位指的就是窗口随屏滚动)。

left:X轴的坐标

参数值:默认center(居中),left(屏幕的左边),right(屏幕的右边),如果开启了fixed则原点以浏览器视口为基准。

top:Y轴的坐标

参数值:默认center(居中),top(屏幕的最上边),right(屏幕的最下面),如果开启了fixed则原点以浏览器视口为基准。

cover:是否开启锁屏

参数值:默认false(不开启),true(开启,中断用户对话框之外的交互,用于显示非常重要的 *** 作/消息)。

drag:是否允许拖动对话框

参数值:默认true(允许),false(不允许)。

resize:是否允许拖动改变窗口大小

参数值:默认true(允许),false(不允许)。

rang:是否限制窗口挪动范围

参数值:默认false(不限制),true(限制,也就是不允许窗口拖出浏览器的可视区域)。

loadingText:窗口加载时的文本字符

参数值:默认“窗口正在加载中,请稍等”。

autoSize:是否窗口自适应大小

参数值:默认false(不适应),true(自动适应窗口内容的大小)。

SetTopWindow:指定窗口要在d出时的那个页面的window对象

此参数已被新的url参数t所替代,340版本删除了此参数。

parent:子窗口的父窗口对象

参数值:此参数只用在d出的窗口中再d出子窗口时指定父窗口对象,注意如果2层d出窗口都有遮罩层则一定要加此参数。

dgOnLoad:窗口加载后执行的函数

参数值:注意此参数值一定要为函数。

onXclick:窗口右上角X关闭按钮拦截函数

参数值:如果加了此参数则窗口右上角X关闭按钮则执行此函数。

其中一些参数的用法请参照示例中的使用方法

API函数接口列表

API接口列表:

setArgs(args) :设置要传递的数据(350新增)

参数1:要传递的数据,可以为任意类型的数据。

getArgs() :获取传递的数据(350新增)

参数1:无,可以为任意类型的数据。

addBtn(id,txt,fn,pos) :在窗口的按钮栏增加按钮(342新增pos参数)

参数1:按钮的id

参数2:按钮上的文本

参数3:按钮绑定的函数

参数4:用来指定新增加按出现在已有按钮的左边(值为'left')还是右边(值为'right')

SetCancelBtn(txt,fn) :重新设定取消按钮(342新增)

参数1:按钮的文本。

参数2:按钮重新绑定的函数。

closeTime(second,bFn,aFn) :定时关闭窗口(340新增,342修改,352修改)

参数1:关闭窗口的时间,单位为秒。

参数2:关闭窗口前执行的函数。

参数3:关闭窗口后执行的函数。(352新增此参数)

SetPosition(top,left,fix) :重新指定窗口的位置(340新增,342修改) : SetPosition(left,top)

参数1:X轴的坐标(详细见初始化参数里的第17个参数)

参数2:Y轴的坐标(详细见初始化参数里的第18个参数)

参数3:是否是静止定位(详细见初始化参数里的第16个参数,这里要注意如果fixed参数为true时这个参数一定要为true,否则就不要加此参数)

注:原来的第3个参数在342中已删除,这个参数程序会自动根据你调用窗口时的参数fixed的设置来判断。

maxSize() :窗口最大化函数接口(341新增)

参数:无,你可以通调用此函数来控制窗口的最大化和还原。

SetMinBtn(fn) :重新设定最小化按钮函数(341新增)

参数1:重新给最小化按钮绑定的函数,你可以通调用此函数重新给最小化按钮绑定函数。

iWin(id) :获取指定id的窗口内容页的window对象(341新增)

参数1:指定窗口的id,此函数用来返回指定id的窗口的内容页的window对象,主要用在传值使用中。

iDoc(id) :获取指定id的窗口内容页的document对象(341新增)

参数1:指定窗口的id,此函数用来返回指定id的窗口的内容页的document对象,主要用在传值使用中。

iDg(id) :获取指定id的窗口DOM对象(341新增)

参数1:指定窗口的id,此函数用来返回指定id的窗口的DOM对象,主要用判断此窗口是否存在。

SetXbtn(fn,noShow) :重新设置X按钮动作(340新增)

参数1:重新给X按钮绑定的函数

参数2:是否显示X按钮

SetTitle(txt) :重新指定标题的文本(340新增)

参数1:重新指定的标题的文本内容。

ShowDialog() :显示窗口

无参数,jQ调用方式不需要加此方法。

cancel() :关闭窗口

无参数。

reDialogSize(width,height) :重新指定窗口的大小

参数1:窗口的宽度,如:600,不带单位的数字

参数2:窗口的高度,如:500,不带单位的数字

removeBtn(id) :移除窗口中按钮栏的按钮

参数1:按钮的id

SetIndex() :设置窗口的层叠次序

无参数

三)API属性接口列表:

dialogId :窗口的id(350新增)

获取窗口设置的id值,此id不是窗口真正的id,此id是你在调用窗口时设置的id的值。

parent :父窗口对象实例(350新增)

此属性就是取的你设置的parent参数属性的值,即:Jdialog({ parent:dg }) 这里的parent的值。

dg :窗口的DOM对象

可通过此对象对窗口和窗口内元素进行 *** 作。

lhgDG :创建的窗口的实例对象

此属性只用在page参数指定的内容页面中,它取的是创建此窗口的实例对象。

topWin :顶层页面的window对象

此参数在341版本中删除了,要想得到顶层页面的window对象直接写top就行了。

topDoc :顶层页面的document对象

此参数在341版本中删除了,要想得到顶层页面的document对象直接写topdocument就行了。

curWin :窗口调用页面的window对象

也就是加载lhgdialogminjs的页面的window对象,如果不是在框架中d出它和topWin是相等的。

curDoc :窗口调用页面的document对象

也就是加载lhgdialogminjs的页面的document对象,如果不是在框架中d出它和topDoc是相等的。

dgWin :内容页的window对象

如果参数为page,且link参数不为真,那这个就是内容页的window对象。

dgDoc :内容的document对象

如果参数为page,且link参数不为真,那这个就是内容页的document对象。

d出窗口总结收集(续)

Asp教程-ASP应用

thisResponseWrite("<Script>windowopen('WebForm7aspx','','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=750,height=470,left=80,top=40');</script>");

d出跟你当前的窗口有没有菜单工具栏没有关系,你只要在页面中写一个脚本它就d出了比如

<a href=# onclick="windowopen('xxxaspx','窗口名称','参数');">xxxxx</a>

以下列出一些d出窗口的参数,你可自行设定,参数之间用逗号分隔

可选。字符串--列出对象表并用逗号分开。每一项都有自己的值,他们将被分开(如:"fullscreen=yes, toolbar=yes")。下面是被支持的各种特性。

channelmode = { yes | no | 1 | 0 } 是否在窗口中显示阶梯模式。默认为no。

directories = { yes | no | 1 | 0 } 是否在窗口中显示各种按钮。默认为yes。

fullscreen = { yes | no | 1 | 0 } 是否用全屏方式显示浏览器。默认为no。使用这一特性时需要非常小心。因为这一属性可能会隐藏浏览器的标题栏和菜单,你必须提供一个按钮或者其他提示来帮助使用者关闭这一浏览窗口。ALT+F4可以关闭窗口。一个全屏窗口必须使用阶梯(channelmode)模式。

height = number 指定窗口的高度,单位是像素。最小值是100。

left = number 指定窗口距左边框的距离,单位是像素。值必须大于或者等于0。

location = { yes | no | 1 | 0 } 指定是否在窗口中显示地址栏。默认为yes。

menubar = { yes | no | 1 | 0 } 指定是否在窗口中显示菜单栏。默认为yes。

resizable = { yes | no | 1 | 0 } 指定是否在窗口中显示可供用户调整大小的句柄。默认为yes。

scrollbars = { yes | no | 1 | 0 } 指定是否在窗口中显示横向或者纵向滚动条。默认为yes。

status = { yes | no | 1 | 0 } 指定是否在窗口中显示状态栏。默认为yes。

titlebar = { yes | no | 1 | 0 } 指定是否在窗口中显示标题栏。在非调用HTML Application或者一个对话框的情况下,这一项将被忽略。默认为yes。

toolbar = { yes | no | 1 | 0 } 指定是否在窗口中显示工具栏,包括如前进、后退、停止等按钮。默认为yes。

top = number 指定窗口顶部的位置,单位是像素。值必须大于或者等于0。

width = number 指定窗口的宽度,单位是像素。最小值是100。

1、最基本的d出窗口代码

<SCRIPT LANGUAGE="javascript">

<!--

windowopen ('pagehtml')

-->

</SCRIPT>

因为这是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。windowopen ('pagehtml') 用于控制d出新的窗口pagehtml,如果pagehtml不与主窗口在同一路径下,前面应写明路径,绝对路径(>

相对于AlertDialog的使用,PopupWindow的使用也比较简单,这里主要介绍的是PopupWindow的基础使用包括在使用过程中的一些注意事项,做个笔记。

方式一:

方式二:

当然,在实际的开发过程中我们并不能仅仅满足于如何简单使用,更多的时候我们需要去考虑兼容性与扩展性的问题,所以,在这里,我对PopupWindow做了一个简单的封装,如下所示:

创建PopupWindow的管理类,即PopupWindowManager类

新建类来继承自PopupWindow

最后进行调用:

到这里,popupWindow的简单使用就完成了。最后来讲一下在使用popupWindow的过程中需要注意的几点。

(1)必须手动给popupWindow设置宽度和高度,否则popupWindow不显示。

(2)在手机系统的API大于24的时候全屏展示的时候会完全填充整个屏幕,而不是在目标View的下方正常显示。

(3)在有些手机上面,全屏展示的时候底部会留白,其实是因为StatusBar的高度没有计算进去,需要我们自己手动计算出去。

(4)当我们设置了setFocusable为true的时候,点击屏幕事件会交由onTouchListener处理。

在这个网站有很多的>

以上就是关于如何制作d出窗口全部的内容,包括:如何制作d出窗口、Flutter实战巧之-showModalBottomSheet 高度自适应、页面上有fixed定位的元素,lhgdialog alertd出的框怎么在最上面等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9291439.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存