`
xiyuliuguang
  • 浏览: 32589 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

JQuery dialog

阅读更多
[align=left][/align]<%@ page language="java" contentType="text/html;charset=gbk"
pageEncoding="gbk"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort();
String path = basePath + request.getContextPath() + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=path%>">
<title>自定义测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link type="text/css" rel="stylesheet" href="js/jquery/jquery-ui-1.9.2.custom.css">
<script src="js/jquery/jquery-1.8.3.js"></script>
<script src="js/jquery/jquery-ui-1.9.2.custom.js"></script>
<script src="js/jquery/jquery.ui.core.js"></script>
<script src="js/jquery/jquery.ui.widget.js"></script>
<script src="js/jquery/jquery.ui.mouse.js"></script>
<script src="js/jquery/jquery.ui.draggable.js"></script>
<script src="js/jquery/jquery.ui.position.js"></script>
<script src="js/jquery/jquery.ui.resizable.js"></script>
<script src="js/jquery/jquery.ui.dialog.js"></script>
<script type="text/javascript">

$(function() {
$("#button").click(function(){
$("#dialog").dialog({
autoOpen:true,
buttons:{
"打开":function(){
alert("打开");
},
"关闭":function(){
$(this).dialog("close");
}
},
hide:"slide",
modal:true,
title:"对话框"
});
});
});
</script>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<!-- middle-search-begin -->
<td height="460" align="left" valign="top" id="gnlb_gis">
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0"
style="background-color: #C9E0EE; background-repeat: repeat-x; background-image: url(images/wg.gif)">
<tr>
<td align="center" valign="top">

<input id="button" type="button" value="测试"></input>

<div id="dialog">
<s:textfield></s:textfield>

</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
分享到:
评论

相关推荐

    仿 JQuery Dialog 简洁登录页面

    【标题】"仿 JQuery Dialog 简洁登录页面"是一个基于JQuery Dialog组件设计的简单登录界面,旨在提供用户友好的交互体验。JQuery Dialog是jQuery UI库中的一个功能,它允许开发者创建可自定义的弹出对话框,用于显示...

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    **jQuery Dialog弹出层对话框插件:深入解析与应用** jQuery Dialog是jQuery UI库中的一个组件,它提供了一种优雅的方式在网页上创建交互式的弹出层对话框。这个插件不仅允许用户展示信息,还可以加载外部URL内容,...

    jquery dialog简单实现插件

    jQuery Dialog 是一个非常流行的JavaScript库,它为网页提供了一种优雅的方式来创建弹出式对话框。这个插件是基于jQuery框架构建的,主要用于创建模态或非模态的窗口,通常用于显示警告、确认信息或者作为用户交互的...

    JQuery Dialog

    **jQuery Dialog 深度解析与应用** jQuery UI Dialog 是一个功能强大的组件,它提供了丰富的交互式对话框,常用于创建模态或非模态窗口,以显示警告、确认信息或者进行更复杂的用户交互。本篇文章将深入探讨jQuery ...

    jQuery dialog对话框插件点击弹出对话框代码

    jQuery dialog对话框插件是jQuery UI库中的一个核心组件,用于创建可自定义的模态或非模态对话框。这个插件提供了丰富的功能,包括拖动、调整大小、自动定位以及多种主题样式,使开发者能够轻松地在网页中添加交互式...

    jquery dialog弹出层

    而jQuery UI则是在jQuery基础上扩展的一套交互式用户界面组件库,其中包括一个强大的对话框(Dialog)功能,即“jQuery dialog弹出层”。这个弹出层在网页应用中广泛用于创建模态或非模态警告、提示、确认或者更复杂...

    jqueryDialog

    在IT领域,jQuery Dialog是一种广泛使用的插件,它允许开发者创建弹出对话框,用于提示、警告、确认或提供交互式表单等。这个特定的知识点聚焦于如何将原本的jQuery Dialog功能转换成类似JavaScript内置的`alert`、`...

    jQueryDialog 插件使用范例

    jQueryDialog是一款广泛应用于网页中的对话框插件,它基于JavaScript库jQuery构建,为开发者提供了创建弹出式对话框的功能,可以用于显示警告、确认、信息或其他复杂内容。在这个使用范例中,我们可以看到几个关键...

    jQuery Dialog

    jQuery Dialog jQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery Dialog

    jQuery dialog form 提交 后台不能取值的解决办法

    在使用jQuery UI Dialog组件进行表单提交时,有时会出现后台无法获取到表单数据的问题。这个问题通常是由于前端处理不当或后端接收方式不正确导致的。以下是对这个问题的详细分析和解决方案。 首先,jQuery UI ...

    jquery ui Dialog 添加最大最小化按钮控制

    在IT领域,jQuery UI是一个非常流行的前端开发库,它提供了许多可交互的用户界面组件,如Dialog(对话框)就是其中之一。"jquery ui Dialog 添加最大最小化按钮控制"的主题涉及如何扩展jQuery UI Dialog的功能,使其...

    jquery Dialog 弹出框 很漂亮 实用

    jQuery Dialog 是一个功能强大的弹出框插件,它是 jQuery UI 库的一部分,广泛应用于网页交互设计中,提供美观且可自定义的对话框效果。在实际项目中,它以其高效和易用性受到开发者的喜爱。 Dialog 弹出框的核心...

    Jquery dialog

    **jQuery Dialog 深度解析** jQuery Dialog 是 jQuery UI 库中的一个核心组件,它提供了一种优雅的方式来创建可自定义的弹出对话框。这个组件不仅外观美观,还具有丰富的功能,使得开发者能够轻松地在网页应用中...

    jquery_dialog jquery_dialog jquery_dialog

    《jQuery Dialog 深度解析与实践应用》 在Web开发领域,jQuery Dialog是一款非常流行的JavaScript库,用于创建可交互的对话框。它基于jQuery框架,提供了丰富的功能和灵活的定制选项,使得开发者能够轻松地在网页上...

    封装JQuery Dialog实现Dialog、Tip、alert和confirm

    在IT行业中,jQuery Dialog是一种广泛使用的插件,用于创建弹出式对话框,提示框,警告框和确认框。这个“封装JQuery Dialog实现Dialog、Tip、alert和confirm”的主题聚焦于如何通过自定义代码来封装jQuery Dialog的...

    jQuery通用dialog对话框 popup提示信息窗口插件demo

    **jQuery通用Dialog对话框与Popup提示信息窗口插件** 在前端开发中,用户交互界面的友好性和用户体验至关重要。jQuery提供了一种便捷的方式来实现这一目标,那就是通过Dialog对话框和Popup提示信息窗口。本文将深入...

    jquery dialog css3弹出对话框插件实例

    在网页开发中,jQuery Dialog是一种常用的交互元素,它允许开发者创建功能丰富的弹出对话框,以展示信息、警告、确认或进行用户输入。这个“jquery dialog css3弹出对话框插件实例”提供了使用jQuery UI库和CSS3技术...

    jquery dialog 用法

    jQuery Dialog是jQuery UI库中的一个核心组件,它提供了一种优雅的方式来创建模态或非模态对话框。对话框在Web应用中广泛用于显示警告、确认消息、详细信息或者进行表单输入等交互操作。本篇文章将深入探讨jQuery ...

    jquery dialog 弹出层

    《jQuery Dialog弹出层在Delphi中的应用及深入理解》 jQuery Dialog是jQuery UI库中的一个组件,它提供了一种优雅的方式在Web应用程序中创建可定制的弹出对话框。这个组件非常适合在不离开当前页面的情况下展示信息...

Global site tag (gtag.js) - Google Analytics