点击某个功能 界面变化

页面起初效果：

对应代码：

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@include file="../../util/loading.jsp" %>
<%@include file="../../util/checkParentFrame.jsp" %>
<%@ taglib prefix="s" uri="/struts-tags"%>

<html>
	<head>

</script>
</head>
<body >
	<DIV class=tab>
		<DIV class=tabOn>
			管理
		</DIV>
	<DIV class=clearer></DIV>
</DIV>
<DIV class=column>
<div id="man_zone" >
  <table width="99%" border="0" align="left"  cellpadding="3" cellspacing="1" >
    <tr>
      <td width="30%"  align="left" valign="top" class="treetd">

		<span>
			<font size="2"><b>管理</b></font>
			<a href="#" onclick="location.reload();"><img src="../../img/refresh.gif" title="点击刷新站点" /></a>

			<s:if test="%{   ？ ？ ？ }">
				<br/>
				<input type="button" class="button" value="添加一级站点" onclick="document.getElementById(‘siteFrame‘).src=‘site_edit.do‘"></input>
			</s:if>
		</span>

		<ul id="mixedpar" >
			<s:if test="%{ ？ ？ ？ }">
				<s:iterator value="List" status="bean">
					<li id="<s:property value="id"/>" class="hasChildren">
						<span><font size="2">
							<a href="edit.do?site.id=<s:property value="id"/>" target="siteFrame"><b><s:property value="name"/></b></a></font>
						</span>
						<ul>
							<li><span  > </span></li>
						</ul>
					</li>
				</s:iterator>
			</s:if>
			<s:if test="%{ ！ ？ ？ ？ }">
				<s:iterator value="List" status="bean">
					<li id="<s:property value="id"/>" class="hasChildren">
						<span><font size="2">
							<a href="edit.do?site.id=<s:property value="id"/>" target="siteFrame"><b><s:property value="name"/></b></a></font>
						</span>
					</li>
				</s:iterator>
			</s:if>
		</ul>
      </td>

      <td width="70%">

     	 <iframe width="100%" height="450" name="siteFrame" id="siteFrame" framespacing="0" border="false"  frameborder="0"></iframe>

      </td>
    </tr>
  </table>
</div>
</DIV>

	<script type="text/javascript">
	$("#siteFrame").height($(document).height()-80);
	function initTreesPar() {
		$("#mixedpar").treeview({
			url: "son.do",
			ajax: {
				data: {
					"additional": function() {
						return "yeah: " + new Date;
					}
				},
				type: "post"
			}
		});
	}
	initTreesPar();
	</script>
	</body>
</html>

　　

当点击其中某个‘功能*’时，右边空白地方将填充表单

document.getElementById(‘siteFrame‘).src=‘site_edit.do经过后台处理后的界面

<%@ page language="java" pageEncoding="UTF-8"%>
<%@   taglib   uri = "http://ckfinder.com"   prefix = "ckfinder"   %>
<%@   taglib   uri = "http://ckeditor.com"   prefix = "ckeditor"   %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@page import="java.util.UUID"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@include file="../../util/checkParentFrame.jsp" %>

	<form action="site_editDo.do" method="post" enctype="multipart/form-data">
			<input type="hidden" name="site.id" id="siteId" value="${site.id }" />
			<input type="hidden" name="site.parid" value="${site.parid }" />
			<DIV class=column>
				<TABLE cellSpacing=4 cellPadding=4 width="95%" align=center>
					<TBODY>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请输入站点名称
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>名称：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<INPUT onblur="this.className=‘colorblur‘;" id=name
									class=colorblur onfocus="this.className=‘colorfocus‘;"
									maxLength=50 type=text name=site.name value="${site.name }" />
								<SPAN  id=ctl03>*</SPAN>
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请输入站点的源文件目录名，此站点的相关文件将放在此目录下
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>源文件目录名：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<INPUT onblur="this.className=‘colorblur‘;" id=sourcepath  oninput="checkLoginName(this)" onpropertychange="checkLoginName(this)"
									class=colorblur onfocus="this.className=‘colorfocus‘;" ${site!=null && site.id!=null && site.id !=""?"readonly":"" }
									maxLength=50 type=text name=site.sourcepath value="${site.sourcepath }" />
								<SPAN  id=ctl03>*</SPAN>
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请输入站点域名,设置的可以通过此域名直接访问此站点
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>域名：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<INPUT onblur="this.className=‘colorblur‘;" id=sitedomain
									class=colorblur onfocus="this.className=‘colorfocus‘;"
									maxLength=50 type=text name=site.sitedomain value="${site.sitedomain }" />
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG	style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请输入站点的排序号
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>排序号：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<INPUT onblur="this.className=‘colorblur‘;" id=ordernum
									class=colorblur onfocus="this.className=‘colorfocus‘;" onkeyup=if(!isInt(value))execCommand(‘undo‘) onafterpaste=if(!isInt(value))execCommand(‘undo‘)
									maxLength=50 type=text name=site.ordernum value="${site.ordernum }" />
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl02_ctl00_label>
									<IMG
											style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl02_ctl00_imgHelp tabIndex=-1 alt=请选择有效性
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl02_ctl00_lblLabel>有效：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD align="left">
								<input type="radio" id="isok1" name="site.state" value="1" <s:if test="site==null || site.state==null || site.state==1">checked="checked"</s:if> />是
								<input type="radio" id="isok0" name="site.state" value="0" <s:if test="site.state==0">checked="checked"</s:if> />否
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG
											style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请输入站点的外部链接，设置后点击此站点将直接进入此外部链接
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>外部链接：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<INPUT onblur="this.className=‘colorblur‘;" id=url
									class=colorblur onfocus="this.className=‘colorfocus‘;"
									maxLength=50 type=text name=site.url value="${site.url }" />
							</TD>
						</TR>

						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl02_ctl00_label>
									<IMG
											style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl02_ctl00_imgHelp tabIndex=-1 alt=请上传站点LOGO
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl02_ctl00_lblLabel>LOGO：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD align="left">
								<input type="hidden" id="oldLogo" name="oldLogo" value="${site.logo }"/>
								<s:if test=‘%{site.logo!=null && site.logo != "" && site.logo != "null"}‘>
									<span id="oldLogoSpan">
										<a href="<%=basePath %>${site.logo }?date=<%=UUID.randomUUID() %>" target="_blank">
											<img src="<%=basePath %>${site.logo }?date=<%=UUID.randomUUID() %>" width="180" height="42" title="点击查看大图"/>
										</a>
										<a href="javascript:delLogo()">删除</a>
									</span>
									<br/>
								</s:if>
								<input type="file" name="logo" onblur="this.className=‘inputblur‘;"
										class=inputblur onfocus="this.className=‘inputfocus‘;" id="logo" />
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG
											style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请输入站点的版权
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>版权：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<INPUT onblur="this.className=‘colorblur‘;" id=copyright
									class=colorblur onfocus="this.className=‘colorfocus‘;"
									maxLength=50 type=text name=site.copyright value="${site.copyright }" />
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG
											style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请输入站点的备案号
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>备案号：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<INPUT onblur="this.className=‘colorblur‘;" id=recordcode
									class=colorblur onfocus="this.className=‘colorfocus‘;"
									maxLength=50 type=text name=site.recordcode value="${site.recordcode }" />
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG
											style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请选择站点的页面模板
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>页面模板：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<input type="hidden" name="site.indextemplet" value="${site.indextemplet }" id="indextemplet" />
								<INPUT onblur="this.className=‘colorblur‘;" id=indextempletName  onclick="selectTemplet(‘${site.id }‘)"
									class=colorblur onfocus="this.className=‘colorfocus‘;" readonly style="cursor:hand"
									maxLength=50 type=text name=site.indextempletName value="${site.indextempletName }" />
								<a href="#" onclick="syncRes()" title="点击后将把模板资源文件(resources文件夹)复制并覆盖到此站点">同步资源文件</a>
							</TD>
						</TR>
						<TR>
							<TD width="30%" align="left">
								<LABEL id=ctl01_ctl00_label>
									<IMG
											style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
											id=ctl01_ctl00_imgHelp tabIndex=-1 alt=请设置静态化调度
											src="../../img/help.gif" />
									<NOBR>
										<SPAN id=ctl01_ctl00_lblLabel>静态化调度：</SPAN>
									</NOBR>
								</LABEL>
							</TD>
							<TD width="70%" align="left">
								<input type="hidden" name="htmlquartz.id" value="${htmlquartz.id }"/>
								<table>
									<tr>
										<td>
											<select id="htmlquartzType" name="htmlquartz.type" onchange="htmlquartzTypeChange(this)">
												<option value="">无</option>
												<option value="0" ${"0" == htmlquartz.type ?"selected":"" }>定时生成首页</option>
												<option value="1" ${"1" == htmlquartz.type ?"selected":"" }>间隔重复生成首页</option>
											</select>
										</td>
										<td id="exetimeTd" style="display:${"0" == htmlquartz.type ?"block":"none" }">
											<select id="exetimehour" name="htmlquartz.exetimehour">
												<s:iterator value="hours" id="obj" >
													<option value="${obj }"  ${obj == htmlquartz.exetimehour ?"selected":"" }>${obj }</option>
												</s:iterator>
											</select>时
											<select id="exetimemin" name="htmlquartz.exetimemin">
												<s:iterator value="mins" id="obj" >
													<option value="${obj }"  ${obj == htmlquartz.exetimemin ?"selected":"" }>${obj }</option>
												</s:iterator>
											</select>分
										</td>
										<td id="intervalTd" style="display:${"1" == htmlquartz.type ?"block":"none" }">
											<table>
												<tr>
													<td>
														间隔单位:
														<select id="intervalType" name="htmlquartz.intervaltype" onchange="intervalTypeChange(this)">
															<option value="0" ${"0" == htmlquartz.intervaltype ?"selected":"" }>小时</option>
															<option value="1" ${"1" == htmlquartz.intervaltype ?"selected":"" }>分钟</option>
														</select>
													</td>
													<td id="intervalhourTd" style="display:${"1" != htmlquartz.intervaltype ?"block":"none" }">
														<select id="intervalhour" name="htmlquartz.intervalhour">
															<s:iterator value="hours" id="obj" >
																<option value="${obj }" ${obj == htmlquartz.intervalhour ?"selected":"" }>${obj }</option>
															</s:iterator>
														</select>时
													</td>
													<td id="intervalminTd" style="display:${"1" == htmlquartz.intervaltype ?"block":"none" }">
														<select id="intervalmin" name="htmlquartz.intervalmin">
															<s:iterator value="mins" id="obj" >
																<option value="${obj }" ${obj == htmlquartz.intervalmin ?"selected":"" }>${obj }</option>
															</s:iterator>
														</select>分
													</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</TD>
						</TR>
						<TR>
							<TD  align="center" colspan="10">
								<input type="button" value="保存" onclick="save(this.form)"  class="button"  /> 
								<s:if test=‘%{site!=null && site.id != null && site.id != "null" && site.id != "" }‘>
									<input type="button" value="删除" onclick="del(‘${site.id }‘)"  class="button"  /> 
									<input type="button" value="添加下级" onclick="addSon(‘${site.id }‘)"  class="button"  <s:if test="%{#session.loginAdmin.loginname != ‘admin‘}">style="display:none"</s:if>/>
									<input type="button" value="改变所属" onclick="parButton(‘${site.id }‘)"  class="button"  <s:if test="%{#session.loginAdmin.loginname != ‘admin‘}">style="display:none"</s:if>/>
									<input type="button" value="预览" onclick="preview(‘${site.id }‘)"  class="button"  />
								</s:if>
							</TD>
						</TR>
					</TBODY>
				</TABLE>
			</DIV>
		</form>

　　

时间： 2024-11-06 20:38:41

点击某个功能 界面变化的相关文章

浅谈iOS10新功能及变化

大家可以了解一下iOS10到底有哪些新的功能和变化,来决定要不要升级,现在我们就带大家一起来盘点一下iOS10值得关注的几点. 电话和Siri开放第三方权限 在iOS10中,苹果向第三方开发者开放了电话和Siri的权限--CallKit和SiriKit.CallKit能够让语音或视讯电话的第三方应用将UI界面整合在iPhone原生的电话App中,允许开发者将    通讯App的功能内建在电话App的"常用联络资讯"以及"通话记录"中,透过原生电话App直接调用这些第

代码设置文本点击按下颜色变化

代码设置文本点击按下颜色变化 [html] view plaincopy <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:color="

Android九宫格界面实现点击每个格点击跳转界面

刚开始有个任务就是做一个九宫格界面,后来有个任务就是实现点击每个格并跳转界面实现每个格的功能.下面我就介绍一下我是如何实现该功能的 首先写一下我的想法是: 登录成功后显示一个九宫格界面,每个九宫格的每一个都是一个功能模块,当点击每个模块时,就会跳转到相应的界面并实现该模块所具备的功能. 下面是以"综合实践管理系统"这个格来实现的,当我们点击该按钮时,他就会跳转到"学生综合实践模块积分申请表"这个界面然后我们通过下拉菜单选择自己想要申请的项目.然后点击"下一

iOS微信朋友圈 评论点击姓名功能 （补充）

如果要做成微信朋友圈的评论效果, 那么评论用一个UITableview去加载,每个UITableviewCell上加载一个PPLabel. 但是这样会导致一个问题,PPLable在响应点击单词的时候,同样UITableviewCell会响应select事件. 有两种处理办法: 1.截取点击事件,这种办法比较复杂,需要了解iOS的事件传递机制.由于PPLable在事件响应的最底层,而我们需要在PPLable中判断了是否点击到单词,才能决定UITableviewCell是否响应点击事件,这样的做法过

unity判断是否点击了UI界面

1.判断是否点击 UGUI界面: using UnityEngine; using System.Collections; using UnityEngine.UI; using UnityEngine.EventSystems; public class UiClickTest : MonoBehaviour { // Use this for initialization void Start () { } // Update is called once per frame void Up

iOS微信朋友圈 评论点击姓名功能

可以使用PPLabel来实现这个功能,下载代码https://github.com/petrpavlik/PPLabel. 这个demo有两个小bug: 1.如果最后一个单词后面没有空格字符,那么不能点击. 修改办法:在ViewController中,有一个代理方法: - (void)highlightWordContainingCharacterAtIndex:(CFIndex)charIndex 将这个代理方法中的代码: if (end.location == NSNotFound) { e

原生JS编写图片切换效果和点击按钮的样式变化

这两天更进一步的了解了JS,老师让我们用原生的js编写图片切换和改变点击按钮样式,就是让我们学会怎么去把一个问题拆分,怎么将一个大问题拆分成许多的小问题,再用函数封装起来.比如一个点击按钮,让其点击时背景色发生改变,点击另一个时,上一个按钮要变回原来本有的颜色:这个问题用jquery,一行代码就搞定,但是用原生js就得分三个部分来考虑: 1.添加改变背景的样式. 2.怎么获取到除了当前点击的按钮以外其他的兄弟节点. 3.怎么去除按钮的样式属性. 也讲了事件委托,实现了可以删除新添加的元素的功能.

【css】css实现点击Toggle功能/icon切换

①实现Toggle功能 html结构: <div class="cssTog"><label> <p> 专业:B020309现代企业管理(独立本科段)</p></label><input type="checkbox"></div> css写法:.cssTog{position:relative} .cssTog input{position:absolute;top:0;left:

灵活提供函数功能界面（来自小白的笔记）

#!/usr/bin/env python# -*- coding:utf-8 -*- #mysql_function.py 提供用户查看.更改.删除界面def show(): pass def update(): pass def delete(): pass ### 一般情况下,我们在给函数定义框架或者功能的时候,一般先定义函数或者类,先用占位语句pass取代内容,整理出框架. if __name__ == '__main__': #表示执行该脚本时会执行下面的操作步骤:如果被别的函数imp