点击一下输入框，弹出一个窗体如何做
日期：2014-05-19 浏览次数：20650 次
点击一下输入框，弹出一个窗体怎么做？
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><%=com.abc123.configuration.WebConfig.WEB_TITLE %></title>
<link rel="stylesheet" type="text/css" href="AdminCss.css" />
<link rel="stylesheet" type="text/css" href="/css/css.css" />
<link rel="stylesheet" type="text/css" href="/css/smoothness/jquery-ui.css" />
<script type="text/javascript" src="/js/colorwinglib.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script language="JavaScript" src="../js/calendar.js"></script>
</head>
<script type="text/javascript">
$(function() {
// 栏目使用流程ID，为空则不使用流程定义
$('#dialogSiteId').dialog({
autoOpen: false,
width: 500,
buttons: {
}
});
// Dialog Link
$('#txtStafftIdListlabel').click(function(){
$('#dialogSiteId').dialog('open');
return false;
});
});
//站点的按钮事件
function SiteIdClick(sId,sName)
{
//alert(sName);
$('#dialogSiteId').dialog('close');;
document.getElementById("txtStafftIdList").value = sId;
document.getElementById("txtStafftIdListlabel").value = sName;
}
</script>
<body>
<table border="0" cellpadding="0" cellspacing="0" id="tbListSelect">
<tr>
<td>
文章ID
</td>
<td>
<input name="articleid" type="text" id="txtArticleidList" value="${Articleid}" title="文章ID" size="8" maxlength="60" />
</td>
<td>标题 </td>
<td><input name="title" type="text" id="txtTitleList" value="${Title}" title="标题" size="30" maxlength="200" /></td>
<td>类别</td>
<td><select name="categories" id="dropCategoriesList" title="类别">
<option value="">全部</option>
${CategoriesList}
</select></td>
</tr>
<tr>
<td>
作者
</td>
<td>
<input name="stafftId" type="hidden" id="txtStafftIdList" />
<input name="stafftIdEditlabel" type="text" id="txtStafftIdListlabel" title="" size="10" maxlength="50" />
<div id="dialogSiteId" title="请选择">
<a href=# onclick="
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><%=com.abc123.configuration.WebConfig.WEB_TITLE %></title>
<link rel="stylesheet" type="text/css" href="AdminCss.css" />
<link rel="stylesheet" type="text/css" href="/css/css.css" />
<link rel="stylesheet" type="text/css" href="/css/smoothness/jquery-ui.css" />
<script type="text/javascript" src="/js/colorwinglib.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script language="JavaScript" src="../js/calendar.js"></script>
</head>
<script type="text/javascript">
$(function() {
// 栏目使用流程ID，为空则不使用流程定义
$('#dialogSiteId').dialog({
autoOpen: false,
width: 500,
buttons: {
}
});
// Dialog Link
$('#txtStafftIdListlabel').click(function(){
$('#dialogSiteId').dialog('open');
return false;
});
});
//站点的按钮事件
function SiteIdClick(sId,sName)
{
//alert(sName);
$('#dialogSiteId').dialog('close');;
document.getElementById("txtStafftIdList").value = sId;
document.getElementById("txtStafftIdListlabel").value = sName;
}
</script>
<body>
<table border="0" cellpadding="0" cellspacing="0" id="tbListSelect">
<tr>
<td>
文章ID
</td>
<td>
<input name="articleid" type="text" id="txtArticleidList" value="${Articleid}" title="文章ID" size="8" maxlength="60" />
</td>
<td>标题 </td>
<td><input name="title" type="text" id="txtTitleList" value="${Title}" title="标题" size="30" maxlength="200" /></td>
<td>类别</td>
<td><select name="categories" id="dropCategoriesList" title="类别">
<option value="">全部</option>
${CategoriesList}
</select></td>
</tr>
<tr>
<td>
作者
</td>
<td>
<input name="stafftId" type="hidden" id="txtStafftIdList" />
<input name="stafftIdEditlabel" type="text" id="txtStafftIdListlabel" title="" size="10" maxlength="50" />
<div id="dialogSiteId" title="请选择">
<a href=# onclick="
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
