`

lhgdialog的弹出框操作

阅读更多
这个弹出框挺好用的,新旧版本的实例化一个新的弹出框不一样,总结如下,在上传的包里有demo。
实例化代码:
function addContent(_i,type){
		lhgdialog({
			id:'contentList',
			title:'添加试题',
			fixed: true,//不随页面滚动而动,静止定位
			width: '700px',
			height: 600,
			lock:true,
			resize:true,//改变大小
			content: 'url:TmEduExamContentAction!toPage.action?types=' + type,
			data:_i
		});
	}

以上代码的content参数中,可以用字符串来拼成html代码。
data:_i中,_i是向弹出层中传入的参数。

以上为在弹出页面中进行取父页面参数及向父页面传值的代码:
var api = frameElement.api;//调用父页面数据
var W = api.opener;//获取父页面对象
//以下代码为弹出层页面添加按钮
api.button({
    id:'valueOk',
    name:'确定',
    callback:ok    
});
api.button({
    id:'cancel',
    name:'关闭'
});

/**确定按扭一回调函数,向父页面传值*/
function ok(){
	var selectIds = $("input[name='contents']:checked");
	var ids = "";
	$.each(selectIds,function(index,obj){
		if(index != 0){
			ids += ",";
		}
		ids += $(obj).val();
	});
	$("#parentId").attr('value',ids);
//此处是向父页面传值
	W.document.getElementById('childValue' + api.data).value = $("#parentId").val();
	W.document.getElementById('num'+api.data).innerHTML = selectIds.length;
}


控制输入框只能输入数字:
function pointKeyUp(_this){
	  //先把非数字的都替换掉,除了数字和.  
        $(_this).attr("value",$(_this).val().replace(/[^\d.]/g,""));  
        //必须保证第一个为数字而不是.  
        $(_this).attr("value",$(_this).val().replace(/^\./g,""));  
        //保证只有出现一个.而没有多个.  
        $(_this).attr("value",$(_this).val().replace(/\.{2,}/g,"."));  
        //保证.只出现一次,而不能出现两次以上  
         	$(_this).attr("value",$(_this).val().replace(".","$#$").replace(/\./g,"").replace("$#$","."));  
        if($(_this).val()!="" ){
          if($(_this).val().indexOf('.')!= -1)
        	  $(_this).attr("value", parseInt($(_this).val().substr(0,$(_this).val().indexOf('.')),10)+$(_this).val().substring($(_this).val().indexOf('.')));
         	else $(_this).attr("value",parseInt($(_this).val(),10));
        }
  	}
分享到:
评论

相关推荐

    lhgDialog弹出框

    总的来说,lhgDialog弹出框组件是一个强大且灵活的工具,它使得开发者能够轻松地在网页中添加各种类型的对话框,提升用户交互体验。通过深入理解和熟练运用,开发者可以构建出更加符合用户需求的网页应用程序。

    lhgdialog弹出窗口控件使用说明

    lhgdialog是一款由李辉刚开发的弹出窗口控件,用于在网页中创建具有定制化功能的对话框。该控件提供了丰富的配置选项和多种内容展现方式,适合于多种场景下的网页交互设计。 首先,了解lhgdialog的文件结构至关重要...

    lhgdialog弹出窗口框架(最终完善版)

    《lhgdialog弹出窗口框架:打造用户交互的高效解决方案》 lhgdialog是一款专为前端开发者设计的弹出窗口框架,它以简洁、高效、易用为特点,旨在提供一个完善的解决方案,帮助开发者快速构建各种类型的弹窗,如提示...

    lhgdialog超强弹出框插件

    **lhgdialog超强弹出框插件**是一个用于创建弹出对话框的高效JavaScript库,专为提升用户体验而设计。该插件基于**lhgcore JS框架**,它是一个轻量级的解决方案,文件大小仅有10KB,使得在网页应用中加载快速,对...

    lhgdialog弹出窗口框架

    lhgdialog是一个强大的JavaScript弹出窗口框架,专为前端开发者设计,用于创建功能丰富、高效且自定义程度高的对话框。这个框架具有多种用途,包括警告、确认、提示、信息展示以及更复杂的交互式对话框。它以轻量级...

    lhgdialog弹出窗口例子

    《lhgdialog弹出窗口应用详解》 lhgdialog是一款广泛应用于前端开发中的轻量级对话框插件,尤其在JavaScript和HTML5项目中,它以其简洁的API和丰富的自定义选项,为开发者提供了强大的弹出窗口解决方案。本文将深入...

    lhgdialog弹出层,遮罩层效果源码示例

    在lhgdialog中,你可以创建多种弹出层样式,比如普通对话框、提示信息、确认框等。这些弹出层可以在用户的操作后出现,如点击按钮、链接或满足特定条件时。弹出层的设计能够避免用户离开当前页面,方便他们处理额外...

    js组件弹出框

    lhgdialog的API简单易用,开发者可以通过调用特定方法来创建、关闭或者设置对话框的属性,使得在项目中集成和操作弹出框变得方便快捷。 2. **dialog**:这里的“dialog”可能指的是jQuery UI库中的Dialog组件,这是...

    google风格的弹出框,各种类型的弹出。

    它们倾向于使用简单的布局、少而精的图标、以及一致的颜色和字体,确保用户能迅速理解弹出框的目的和操作方式。 其次,"漂亮"体现在对视觉美感的追求上。Google风格的弹出框会使用扁平化设计,搭配和谐的色彩方案,...

    lhgdialog 弹出窗口组件

    **lhgdialog 弹出窗口组件** lhgdialog是一款高效且功能丰富的JavaScript弹出窗口组件,专为网页设计和开发者打造。它具有轻量级、简洁的代码结构,以及广泛的浏览器兼容性,支持IE 6.0+、Firefox 3.0+、Opera 9.6+...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    title:窗口的标题文本参数值:默认lhgdialog弹出窗口,窗口标题的文件字符。 width:窗口的宽度参数值:默认400,不带单位的数字。 height:窗口的高度参数值:默认300,不带单位的数字。 titleBar:是否显示...

    lhgdialog 弹出窗体插件

    "lhgdialog 弹出窗体插件"是一款在网页中使用的JavaScript库,主要用于创建弹出对话框。这款插件以其简洁的API和高度可定制性受到开发者的欢迎。通过引入"lhgdialog.js"文件,开发者可以在网页中轻松实现各种形式的...

    基于JavaScript实现的lhgdialog DIV弹出窗口框架

    为了解决这个问题,开发者们创造出了各种自定义的弹出窗口框架,其中lhgdialog就是一个基于JavaScript实现的优秀实例。 lhgdialog框架是一个轻量级的、高度可定制的弹出窗口解决方案,它通过使用HTML的DIV元素和CSS...

    Javascript弹出框架

    在这种框架中,`lhgdialog` 是一个具体的实现,它是一个轻量级且功能丰富的弹出对话框插件。下面将详细介绍JavaScript弹出框架以及`lhgdialog`的使用。 ### JavaScript弹出框架基础 JavaScript弹出框架的核心是...

    ASP.net环境的lhgdialog弹出窗口控件

    Lhgdialog是一个在ASP.NET环境下广泛使用的JavaScript插件,它允许开发者在网页上实现弹出对话框的功能,用于显示信息、警告、确认或者进行更复杂的操作。 Lhgdialog控件的主要特点和优势包括: 1. **易用性**:...

    lhgdialog v3.5.3 弹出窗 组件

    lhgdialog是一款基于JavaScript的轻量级弹出框插件,其核心设计理念在于提供一个易于使用且高度可定制化的对话框解决方案。在v3.5.3版本中,开发者可以享受到更稳定、更优化的性能以及更多的自定义选项。 首先,...

    lhgdialog文件加跨iframe框架使用

    从提供的压缩包文件名来看,"lhgdialog_jb51.net.rar"可能包含了lhgDialog的基础文件,而"lhgdialog跨框架iframe弹出层.rar"则可能包含了关于跨iframe使用对话框的示例代码或扩展功能。在实际操作中,你需要解压这些...

    lhgdialog的说明

    【lhgdialog弹出窗口框架】是一个用于网页的多功能、高效弹出窗口组件,它能够帮助开发者实现丰富多样的对话框效果。以下是关于lhgdialog的详细解释: **组件结构:** 1. **lhgdialog.js**:核心脚本文件,负责调用...

    lhgdialog web下的弹出窗口

    lhgdialog的核心在于它的灵活性和可定制性,能够帮助开发者轻松创建提示、警告、确认、加载等多种类型的弹出框,同时支持自定义样式和配置,满足多样化的设计需求。 在Web开发中,弹出窗口是常见的用户交互元素,...

Global site tag (gtag.js) - Google Analytics