xiyuliuguang
- 浏览: 32394 次
- 性别:
- 来自: 沈阳
-
最新评论
[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>
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.rar (208.1 KB)
- 下载次数: 10
分享到：
发表评论
-
百度地图和ztree开发电子围栏功能
2016-09-29 09:27 4805jsp <%@ page language=" ... -
Oracle11g Enterprise Manager配置失败
2014-04-29 11:20 2564Win7先安装oracle 11g时,安装检测到系统的主 IP ... -
java弹窗导入导出文件
2014-03-24 11:42 1521package com.action.frame; impo ... -
jsp访问上级窗口元素
2014-04-29 11:22 439opener.document.getElementById( ... -
页面关闭IE触发事件方法
2013-09-30 09:56 585function window.onbeforeunload( ... -
页面右下角消息提示
2013-09-29 14:05 496<%@ page language="java ... -
oracle 日期列表
2013-09-29 12:52 521获取某个时间段之间的月份列表(示例返回2009-03到2010 ... -
倒计时
2013-09-24 10:01 349//提交 function doSubmit(){ ... -
oracle11G 最新驱动包
2013-09-24 10:00 697oracle11G 最新驱动包 解决与Spring冲突问题 ... -
获取第几天后的日期
2013-09-16 09:23 587Calendar cal = Calendar.getInst ... -
web工程下获取properties文件
2013-09-16 09:19 560String propertiesPath = getClas ... -
javamail
2013-09-16 09:15 558final SendMail sendmail = new S ... -
java根据年和周获取当前的日期时间段
2013-09-16 09:10 1293String[] dates = new String[7]; ... -
JSP判断日期间隔天数
2013-07-15 11:14 628var temp_field1 = $("#temp ... -
dtree不选中子节点处理
2013-05-17 10:35 1299//dtree.js 208行（chks[i].checked ... -
IE8下JS插入表格
2013-05-17 10:25 676//IE8下使用JS插入JSP表格 var tbl = do ... -
JSP选项卡显示
2013-05-17 10:22 2019<%@ page language="java ... -
JSP样式实例
2013-05-10 15:59 671<%@ page contentType="t ... -
Oracle表空间和用户创建赋权限
2013-05-10 15:54 666--RLDM CREATE TABLESPACE RLDM D ... -
hibernate oracle 主键递增
2013-05-10 15:47 482<?xml version="1.0" ...
相关推荐
【标题】"仿 JQuery Dialog 简洁登录页面"是一个基于JQuery Dialog组件设计的简单登录界面，旨在提供用户友好的交互体验。JQuery Dialog是jQuery UI库中的一个功能，它允许开发者创建可自定义的弹出对话框，用于显示...
**jQuery Dialog弹出层对话框插件：深入解析与应用** jQuery Dialog是jQuery UI库中的一个组件，它提供了一种优雅的方式在网页上创建交互式的弹出层对话框。这个插件不仅允许用户展示信息，还可以加载外部URL内容，...
jQuery Dialog 是一个非常流行的JavaScript库，它为网页提供了一种优雅的方式来创建弹出式对话框。这个插件是基于jQuery框架构建的，主要用于创建模态或非模态的窗口，通常用于显示警告、确认信息或者作为用户交互的...
**jQuery Dialog 深度解析与应用** jQuery UI Dialog 是一个功能强大的组件，它提供了丰富的交互式对话框，常用于创建模态或非模态窗口，以显示警告、确认信息或者进行更复杂的用户交互。本篇文章将深入探讨jQuery ...
jQuery dialog对话框插件是jQuery UI库中的一个核心组件，用于创建可自定义的模态或非模态对话框。这个插件提供了丰富的功能，包括拖动、调整大小、自动定位以及多种主题样式，使开发者能够轻松地在网页中添加交互式...
而jQuery UI则是在jQuery基础上扩展的一套交互式用户界面组件库，其中包括一个强大的对话框（Dialog）功能，即“jQuery dialog弹出层”。这个弹出层在网页应用中广泛用于创建模态或非模态警告、提示、确认或者更复杂...
在IT领域，jQuery Dialog是一种广泛使用的插件，它允许开发者创建弹出对话框，用于提示、警告、确认或提供交互式表单等。这个特定的知识点聚焦于如何将原本的jQuery Dialog功能转换成类似JavaScript内置的`alert`、`...
jQueryDialog是一款广泛应用于网页中的对话框插件，它基于JavaScript库jQuery构建，为开发者提供了创建弹出式对话框的功能，可以用于显示警告、确认、信息或其他复杂内容。在这个使用范例中，我们可以看到几个关键...
jQuery Dialog jQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery Dialog
在使用jQuery UI Dialog组件进行表单提交时，有时会出现后台无法获取到表单数据的问题。这个问题通常是由于前端处理不当或后端接收方式不正确导致的。以下是对这个问题的详细分析和解决方案。 首先，jQuery UI ...
在IT领域，jQuery UI是一个非常流行的前端开发库，它提供了许多可交互的用户界面组件，如Dialog（对话框）就是其中之一。"jquery ui Dialog 添加最大最小化按钮控制"的主题涉及如何扩展jQuery UI Dialog的功能，使其...
jQuery Dialog 是一个功能强大的弹出框插件，它是 jQuery UI 库的一部分，广泛应用于网页交互设计中，提供美观且可自定义的对话框效果。在实际项目中，它以其高效和易用性受到开发者的喜爱。 Dialog 弹出框的核心...
**jQuery Dialog 深度解析** jQuery Dialog 是 jQuery UI 库中的一个核心组件，它提供了一种优雅的方式来创建可自定义的弹出对话框。这个组件不仅外观美观，还具有丰富的功能，使得开发者能够轻松地在网页应用中...
《jQuery Dialog 深度解析与实践应用》 在Web开发领域，jQuery Dialog是一款非常流行的JavaScript库，用于创建可交互的对话框。它基于jQuery框架，提供了丰富的功能和灵活的定制选项，使得开发者能够轻松地在网页上...
在IT行业中，jQuery Dialog是一种广泛使用的插件，用于创建弹出式对话框，提示框，警告框和确认框。这个“封装JQuery Dialog实现Dialog、Tip、alert和confirm”的主题聚焦于如何通过自定义代码来封装jQuery Dialog的...
**jQuery通用Dialog对话框与Popup提示信息窗口插件** 在前端开发中，用户交互界面的友好性和用户体验至关重要。jQuery提供了一种便捷的方式来实现这一目标，那就是通过Dialog对话框和Popup提示信息窗口。本文将深入...
在网页开发中，jQuery Dialog是一种常用的交互元素，它允许开发者创建功能丰富的弹出对话框，以展示信息、警告、确认或进行用户输入。这个“jquery dialog css3弹出对话框插件实例”提供了使用jQuery UI库和CSS3技术...
jQuery Dialog是jQuery UI库中的一个核心组件，它提供了一种优雅的方式来创建模态或非模态对话框。对话框在Web应用中广泛用于显示警告、确认消息、详细信息或者进行表单输入等交互操作。本篇文章将深入探讨jQuery ...
《jQuery Dialog弹出层在Delphi中的应用及深入理解》 jQuery Dialog是jQuery UI库中的一个组件，它提供了一种优雅的方式在Web应用程序中创建可定制的弹出对话框。这个组件非常适合在不离开当前页面的情况下展示信息...