`
qinya06
  • 浏览: 582274 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

双击展开图片

阅读更多
main.jsp
<c:set var="showpage" value="${requestScope.showpage}"/>
    	<c:if test="${empty showpage}">
    	<c:set var="showpage" value="welcome.jsp"/>
    	</c:if>
<table border="0" cellpadding="0" cellspacing="0" width="833">
    		<tr height="50"><td><img src="images/top.jpg"></td></tr>
    	</table>
    	<table border="0" cellpadding="0" cellspacing="0" width="833">
    		<tr>
    			<td width="213" valign="top" background="images/leftbg.jpg">
    				<form action="vote" name="voteform" method="post" target="resultpage">   				
    				<table border="0" width="100%">
    					<tr height="95" align="center"><td colspan="2"><img src="images/lefttopbg.jpg"></td></tr>
    					<c:set var="options" value="${requestScope.optionlist}"/>    					
    					<c:if test="${empty options}">
    					<tr><td colspan="2">没有投票选项</td></tr>
    					</c:if>    					
    					<c:if test="${!empty options}">
    					<c:forEach var="option" varStatus="ovs" items="${options}">
    					<tr>
    						<td style="padding-left:20"><img src="images/title.jpg"> ${option.optionName}</td>
    						<td align="center"><input type="radio" name="movie" value="${option.id}" onclick="message.innerHTML=''"></td>
    					</tr>
    					<tr><td colspan="2"><img src="images/line.jpg"></td></tr>
    					</c:forEach>
    					</c:if>
    					<tr height="40">
    						<td><b><span id="message" style="color:red"></span></b></td>
    						<td><input type="button" value="" name="voteb" style="background-image:url(images/submit.jpg);border:0;width:76;height:23" onclick="checkvote()"></td>
    					</tr>    					
    				</table>
    				</form>
    			</td>
<td align="center" valign="top">
    				<span id="wait" style="display:none">
    					正在加载...
    				</span>
    				<span id="result" style="display:">
    					<iframe id="resultpage" name="resultpage" frameborder="0" width="100%" height="450" scrolling="no" src="${showpage}"></iframe>   				</span>
    			</td>
    		</tr>
    	</table>    	


showresult.jsp
<%@ page contentType="text/html;charset=gb2312"%>

<script type="text/javascript" src="js/vote.js"></script>
<body onload="waitload()" bgcolor="#EEEEEE">
	<center>
	<jsp:include page="plot/${requestScope.path}.map"/>
	<div ondblclick="size()">
		<img id="pic" src="plot/${requestScope.path}.jpg" title="双击收缩图片" alt="正在加载图片,请稍等..." usemap="#mymap" style="border:0">
	</div>
	</center>
</body>




var mark1="off";
var mark2="off";


function checkvote(){
	var movies=document.getElementsByName("movie");
	var i=0;
	for(i=0;i<movies.length;i++){
		if(movies[i].checked){
			waitclick();
			voteform.voteb.disabled=true;
			voteform.submit();
			break;
		}
	}

function waitclick(){
	wait.style.display='';
	result.style.display='none';
}

function waitload(){
	parent.wait.style.display='none';
	parent.result.style.display='';
}
//在showresult.jsp页面中调用的脚本,用于实现图片显示区域的缩放
function size(){
	var tag1=parent.document.getElementById("resultpic");	//获取父页面(toresult.jsp)中id属性值为“resultpic”的元素(这里为iframe框架)
	if(mark1=="off"){
		mark1="on";
		tag1.height=document.body.scrollHeight;		//将tag1元素的高度设置为showresult.jsp页面的高度,实现放大效果
	}
	else{
		mark1="off";
		tag1.height=350;				//将tag1元素的高度设置为指定值,实现缩小效果
	}
	
	var tag2=parent.parent.document.getElementById("resultpage");	//获取父页面的父页面(main.jsp)中id属性值为“resultpage”的元素(这里为iframe框架)
	if(mark2=="off"){
		mark2="on";
		tag2.height=parent.document.body.scrollHeight;		//将tag2元素的高度设置为showresult.jsp的父页面toresult.jsp的高度,实现放大效果
	}
	else{
		mark2="off";
		tag2.height=450;					//将tag2元素的高度设置为指定值,实现缩小效果
	}
}
分享到:
评论

相关推荐

    3D360度可旋转立方体相册前端可用于表白,立方体图片可分层展开双击html文件打开自动播放,可以使用vscode自行修改代码

    3D360度可旋转立方体相册前端,可用于表白,双击html文件打开自动播放,可以使用vscode自行修改代码 介绍:代码使用3D前端技术的...图片加载和展示:通过前端代码将图片加载到立方体上,并让它们以3D的形式展示出来。

    C# 树形控件的初始化及节点折叠展开图片加载控制

    网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|版权声明|问题报告 北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 ...世纪乐知(北京)网络技术有限公司 提供技术支持 ...

    DraggableImageViewer:大图浏览&图片查看&拖拽退出。某些微信,B站的图片和视频浏览器

    一种典型的微信/ B站的图片浏览组件,主要具有以下特点:类似共享元素的入场和退场动画(图片在入场时给人一种渐进展开的效果)拖拽&双击退出图片查看支持缩放手势支持查看长图支持查看原图&下载原图支持显示GIF和...

    鼠标右键背景修改器,将你的右键背景换成美女图片

    2.然后依次展开“Bitmap-129-2057”,注意要用鼠标点中2057才会出现ContextBG.dll里面的图片。 3.接下来“右击2057-替换资源-弹出‘替换位图于’对话框-点击‘打开新位图文件按钮’-弹出‘打开’对话框-定位...

    iOS类微博界面swift

    swift编写的类微博界面,可以点击图片进入大图模式,双击cell展开合并cell,单击进入详情,自定义相册,选择图片,自适应高度的textview

    [详细完整版]1局域网共享.doc

    含有GUEST这个字符的话双击他 然后在新的窗口中选中GUEST然后删除 确定就可以了 并按图设置 方法:展开 本地安全设置---本地策略--安全策略--- 网络访问:本地帐户的共享和安全模式 双击他 在新的窗口中把他改为 ...

    PictureShow

    &lt;br&gt;本软件为绿色软件,双击运行JJScreen.exe程序即可,注意使用之前请先执行当前目录下的install.bat对系统需要用到的控件进行注册,然后把需要播放图片文件复制到程序目录下的PIC目录中(支持子目录),需要播放...

    CHM解包工具(CHMUnpacker)V1.3.2绿色中文版

    CHM解包工具(CHMUnpacker)是一款操作简便的CHM在线解包软件。以帮助用户导出CHM文件中的内容,软件操作简单使用便捷、...您可以通过简单的双击文件查看HTML文本或图片。像ZIP文件一样使用CHM文件。 更新内容: 版本

    Python图片批量处理器

    打开PyCharm开发环境,然后打开源码文件夹,找到imageMS文件夹,按下进行复制,切换到PyCharm开发环境,在左侧列表中按下进行粘贴,展开imageMS文件夹,双击main.py打开该文件,然后在右侧窗口中单击右键,选择“Run...

    左右滑动式Flash菜单特效.rar

    左右滑动式Flash菜单特效,有弹性缓冲展开的意思,鼠标放上后动画效果即显示了,滑开的背景可以是五颜六色的风格,背景色可自定义,直接双击swf文件即可预览菜单动画。

    YodPHP 1.4.1.zip

    其他:分享页面双击重命名屏蔽;markdown工具栏状态自适应;用户分享列表文件大小,navbar菜单新窗口打开问题。移动端优化: 文件列表,展开操作时页面滚动问题;桌面宽度不足问题;移动端菜单展开后没有自动收缩;...

    个人知识管理系统软件

    ⑤当你双击左边工作区()中某一个分类的时候,会在窗口区()列表中显示这个分类下的子分类和知识点,你可以点击列表中的子分类,会展开其包含的下级子分类和知识点。重要的知识点会在列表中用小红旗标识出来。灵活的...

    AXURE9最新版,小版本号3646,序列号可用(win版本)

    只能双击才能输入。这是因为RP9增加了一个新功能。 在版本9开发过程中,我们的主要目标之一是使Axure RP 更快。为了达到这一目标,我们做了许多重要的性能改进和UI优化,并且它还为我们提供了单键快捷方式。 只需按...

    基于Qt和c++开发的多功能高颜值音乐播放器源码+项目详细说明.zip

    1.项目代码均经过功能验证ok,确保稳定可靠运行。欢迎下载体验!下载完使用问题请私信沟通。...- 实现歌词页面**模糊背景**,采用高斯模糊的方式模糊专辑图片 - 点击左上角下拉按钮回到主界面,并且有下拉**动画**

    [精仿]360手机助手-14.2.6更新(CSkin Demo)

    2.好友列表DoubleClickSubItem事件添加回调参数MouseEventArgs,用于判断鼠标操作的一些参数,如:左键双击还是右键双击判断。 3.对SkinDataGridView属性进行部分重构,颜色美化属性增加。 4.窗体加入绘制模式边框...

    C#企业QQ系统 vs2005+sqlserver2005

    (2)打开SQL Server 2000中的“企业管理器”,然后展开本地服务器,在“数据库”数据项上单击鼠标右键,在弹出的快捷菜单中选择“所有任务”/“附加数据库”菜单项。 (3)将弹出“附加数据库”对话框,在该对话框...

    dux 6.0.zip

    新增文章图片暗箱功能:点击图片弹窗放大,可手势左右滑动切换、双指操作放大缩小、双击放大、单击关闭弹窗,此功能仅在手机端有效,且仅在文章图片无链接时点击才会弹窗 新增archives页面模版中文章标题后 显示 副...

    高仿QQ2014,MDI,主题换肤

    6.修复截图控件的未选框双击错误BUG,增加截图控件属性BmpLayerCurrent:控件所截图的图片。 7.SkinToolStrip添加BaseItemNorml属性,BaseItem默认背景图。 8.修复SkinComboBox下拉框项的细节样式。 9.加入...

Global site tag (gtag.js) - Google Analytics