art.dialog弹出框后再根据其内部iframe的大小调整大小

1、主页面,用来弹出弹出页面

		//查看错误小练习$.exerciseClick = function(rowId ){$.event.get().preventDefault();var tdScore = $("#" + rowId).find("[aria-describedby='homeworkStudentListGrid_score']");if( parseInt(tdScore.html()) == 100 ){art.tips("小练习没有错误!", 1.5);return;}art.dialog.open("<c:url value='/teacherhomeworkmgr/showErrorExercise.action?homeworkRecordId='/>" +rowId,{id: 'errorExerciseDialog',title: '',top:"10%",lock: false,init: function () {var iframe = this.iframe.contentWindow; //获取子页面对象var top = art.dialog.top;// 获取父页面对象}},false);};

2、弹出页面

<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%><style>
.mydiv{
width:700px;
margin:10px;
min-height:250px;
}.td{
width:50%;
text-align: center;
}
</style>
<script type="text/javascript">
function dyniframesize(ifm) {var pTar = null; if (document.getElementById){pTar = window.document.getElementById(ifm); } else { eval('pTar = ' + ifm + ';'); }if (pTar && pTar.src && !window.opera) {//begin resizing iframe pTar.style.display="block" ;if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){ //ns6 syntax pTar.height = pTar.contentDocument.body.offsetHeight +20; //pTar.width = pTar.contentDocument.body.scrollWidth+20; } else if (pTar.Document && pTar.Document.body.scrollHeight){ //ie5+ syntax pTar.height = pTar.Document.body.scrollHeight; //pTar.width = pTar.Document.body.scrollWidth; } }var width = $(".mydiv").width() + 30;var height = $(".mydiv").height() + 30;var myDialog = window.top.art.dialog.get("errorExerciseDialog");myDialog.size(width+"px", height+"px");
}//题号var topicNo = 0;//题目总数var topicLimit = '${fn:length(exerciseItemIdList)}'-1;var exerciseItemArray = JSON.parse('${exerciseItemIdListJsonString }');var answerArray = new Array(topicLimit);$().ready(function(){//设置题号$(".exercise_refresh_btn").bind("click",function(){topicNo = 0;if(exerciseItemArray.length>0){//默认显示错题号$("#wordErrorExercise").attr("src","<s:url value='/exercise/showExercise.action?itemId='/>"+exerciseItemArray[topicNo].exerciseItemId+"&exerciseStudyRecordItemId=" +exerciseItemArray[topicNo].id);//清空答案answerArray = new Array(topicLimit);$("#no").html("No."+(topicNo+1));if(exerciseItemArray.length==1){$("#next").hide();$("#prev").hide();}else{$("#next").show();$("#prev").show();$("#finishBtn").hide();$("#prev").attr("class", "button-disabled");$("#next").attr("class", "button");$("#finishBtn").attr("class", "button");$("#finishBtn").removeAttr("disabled");}}else{$(".mydiv").empty();$(".mydiv").append("<div style='height:100%;text-align:center;padding-top:100px;' class='font-18'>还没有错题!</div>");}});//上一题$("#prev").click(function(){if('${roleType}' == "child"){$("#next").show();$("#finishBtn").hide();}else{$("#next").attr("class", "button");}if(topicNo!=0){topicNo--;if(topicNo==0){$(this).attr("class", "button-disabled");}var userAnswer = wordErrorExercise.window.$.getUserAnswer(0);if(wordErrorExercise.window.$(".exercise_item_number_selected").hasClass("exercise_item_number_do")){answerArray[topicNo+1] = userAnswer.isCorrect;saveRecord(exerciseItemArray[topicNo+1].id,userAnswer.isCorrect);}$("#wordErrorExercise").attr("src","<s:url value='/exercise/showExercise.action?itemId='/>"+exerciseItemArray[topicNo].exerciseItemId+"&exerciseStudyRecordItemId=" +exerciseItemArray[topicNo].id);}$("#no").html("No."+(topicNo+1));});//下一题$("#next").click(function(){$("#prev").attr("class", "button");if(topicNo!=topicLimit){topicNo++;if(topicNo==topicLimit){if('${roleType}' == "child"){$(this).hide();$("#finishBtn").show();}else{$(this).attr("class", "button-disabled");}}var userAnswer = wordErrorExercise.window.$.getUserAnswer(0);if(wordErrorExercise.window.$(".exercise_item_number_selected").hasClass("exercise_item_number_do")){answerArray[topicNo-1] = userAnswer.isCorrect;saveRecord(exerciseItemArray[topicNo-1].id,userAnswer.isCorrect);}$("#wordErrorExercise").attr("src","<s:url value='/exercise/showExercise.action?itemId='/>"+exerciseItemArray[topicNo].exerciseItemId+"&exerciseStudyRecordItemId=" +exerciseItemArray[topicNo].id);}$("#no").html("No."+(topicNo+1));});$("#finishBtn").click(function(){var userAnswer = wordErrorExercise.window.$.getUserAnswer(0);if(wordErrorExercise.window.$(".exercise_item_number_selected").hasClass("exercise_item_number_do")){answerArray[topicNo] = userAnswer.isCorrect;saveRecord(exerciseItemArray[topicNo].id,userAnswer.isCorrect);}showExerciseResult(answerArray);});$(".exercise_refresh_btn").trigger("click");});function saveRecord(id,isCorrect){var requestUrl = "<s:url value='/studyreport/saveOrUpdateWordExerciseRecordItem.action?exerciseStudRecordItemId='/>"+ id+"&isFixed="+isCorrect;$.ajax({async: false,cache: false,url: requestUrl,type: "GET",dataType: "json",success: function(response) {}});}</script>
<div class="mydiv"><div style="left: 10px;position: relative;"  class="font-18 errorCount">共做错了${fn:length(exerciseItemIdList)}道题。<div class="exercise_refresh_btn" title="重做一遍" style="margin-top:5px;position: absolute;right: 20px;display:none;"></div></div><div><span id = "no"  class="font-18" style="margin-left: 10px;"></span></div><div><iframe id="wordErrorExercise" name ="wordErrorExercise"src="javascript:void(0)"scrolling=no  width="100%"  frameborder="no" border="0" οnlοad="javascript:dyniframesize('wordErrorExercise');"></iframe></div><table><tr><td class="td"><input id="prev" type="button" class="button" value="上一题"></td><td class="td"><input id="next" type="button" class="button" value="下一题"><input id="finishBtn" type="button" class="button" value="完成"  style="display: none;"></td></tr></table></div>


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/497654.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

lg空调代码大全解决_LG空调故障代码大全

LG空调故障代码大全LG空调故障代码&#xff1b;PS/PRNA系列&#xff1b;CO&#xff1b;室内进风热敏电阻故障。C1&#xff1b;室内盘管热敏电阻故障。C4&#xff0c;室外热敏电阻故障包括室外环温&#xff0c;室外盘管&#xff0c;压机回气。C5&#xff0c;室内&#xff0c;室外…

句子录音打分代码参考

1、页面名称:sentenceReadRecordDialogAnyone.jsp 2、页面效果 3、页面源码 <% page language"java" pageEncoding"UTF-8" contentType"text/html;charsetUTF-8"%> <% include file"/common/taglibs.jsp"%><script la…

工具用途_见微知著,小工具大用途!

为什么同一个饮品&#xff0c;店家做的尝起来如此美味。拿到配方后自己做的不是甜了就是酸了呢&#xff1f;相信很多朋友都有这种疑惑。但真相往往就会在不经意间被忽视&#xff0c;很多初学者并没有老师傅那样的熟练手感&#xff0c;可以做到信手拈来的程度。当没有那些量勺&a…

带暂停功能的音频播放代码参考

1、页面来源&#xff1a;sentenceExercise07.jsp 2、页面效果 3、源代码 <% page language"java" pageEncoding"UTF-8" contentType"text/html;charsetUTF-8"%> <% include file"/common/taglibs.jsp"%> <% include f…

Yann LeCun 怒喷 Sophia:这就是彻头彻尾的骗局

来源&#xff1a;雷锋网&#xff08;leiphone-sz&#xff09;作者&#xff1a;杨晓凡在各种机器学习方法火热、神经网络加速芯片和生成式模型火热、研究人员们常常为优秀论文拍案叫绝的 2017 年中&#xff0c;普通大众视野中的热门人工智能成果除了 AlphaGo&#xff0c;还有一件…

ad16自动布线设置规则_AD16快捷方式和常规设置

1.快捷方式:快速修改丝印位置。选中元件 按快捷键A然后按P。Ti &#xff1a;差分等长TR &#xff1a;蛇形走线MG &#xff1a;修改铜皮多根走线(选中要走的几根线 按快捷键TTM 几根可以同时走线。PM)调整元件坐标移动(选中元件 按一下M 选择通过X、Y移动选择。)shiftG&#xff…

麦肯锡报告:传统车企正面临出行的数字化颠覆

来源&#xff1a;车云未来的个人出行情景将迎来一个巨大转变&#xff0c;更加倾向于颠覆性科技和其创新商业模式。毫无疑问&#xff0c;汽车产业正在面临颠覆。消费者行为上的巨大变化正在改变汽车行业的现状&#xff0c;尤其是因为人们更加注重了所有的车内体验&#xff0c;而…

win10触屏输入法_触摸屏笔记本Win10电脑的校准技巧

Microsoft的Surface系列设备旨在优化Windows 10触摸和笔输入功能。 但是&#xff0c;经过一段时间后&#xff0c;输入精度会下降。 此外&#xff0c;还有许多其他触摸式二合一笔记本电脑和来自其他厂商的混合设备。 并不是所有这些都在出厂时具有最佳的触摸输入精度校准。 这导…

大牛预测2018年深度学习走向:大批AI硬件初创将失败

来源&#xff1a;智东西导语&#xff1a;本文作者Carlos E. Perez是Intuition Machine公司的创始人&#xff0c;曾经编写《人工直觉与深度学习手册》&#xff08; Artificial Intuition and the Deep Learning Playbook&#xff09;&#xff0c;他将会在2018年3月1日至2日在阿姆…

QueryPage使用示例

1、通过关联的表的某字段查询和排序 表的关系 代码 /*** * <p>Description&#xff1a;查找作业记录</p>* <p>Paramenter&#xff1a;</p>* <p>Return&#xff1a;</p>* <p>Exception&#xff1a;</p>* <p>Modified Hi…

alientek 3.5寸tftlcd模块资料_电冰箱触摸屏提高设备档次,深圳3.5寸人机界面厂家...

随着互联网的发展加上触摸屏显示器的贴合在一块&#xff0c;现在我们家电越来越智能化&#xff0c;比如现在比较流行的家电冰箱触摸屏&#xff0c;可以在手机上通过触摸屏来对冰箱进行选项设置。电脑冰箱控制系统包括金玺触摸屏、显示控制板、电磁阀、温度传感器以及导线。主控…

推荐|5种商业AI产品的技术架构设计!

来源&#xff1a; 达观数据概要&#xff1a;今天我们就特别推荐达观数据的几个商业产品设计技术架构&#xff0c;希望对于广大技术有帮助。做任何一个商业产品设计&#xff0c;技术架构都是首先要考虑的&#xff0c;特别是面对海量数据的AI商业项目更是如此。今天我们就特别推荐…

多个iframe同时加载并动态调整大小

动态调整iframe高度的函数 function dyniframesize(ifm) {var pTar null; if (document.getElementById){ pTar document.getElementById(ifm); }else{ eval(pTar ifm ;); }$(pTar).parent().css("visibility", "hidden");if (pTar && pTar.…

linux 配置 mysql_linux下mysql配置文件my.cnf最详细解释

MySQL配置文件在Windows下叫my.ini&#xff0c;在MySQL的安装根目录下&#xff1b;在Linux下叫my.cnf&#xff0c;该文件位于/etc/my.cnf。 可以查找下&#xff1a;find / -name my.cnfmy.cnf的文件内容&#xff1a;[client]port 3306socket /usr/local/services/mysql/var/dat…

没有数据也能翻译?一文读懂「无监督」机器翻译

原文来源&#xff1a;buZZrobot作者&#xff1a;Harshvardhan Gupta「雷克世界」编译&#xff1a;KABUDA、嗯~阿童木呀深度学习正在被广泛地运用于各项日常任务当中&#xff0c;尤其是涉及到一定程度“ 人性化”的领域&#xff0c;例如&#xff0c;图像识别。与其他机器学习算法…

可输入过滤和直接选择的select控件

代码&#xff1a; <% page language"java" pageEncoding"UTF-8" contentType"text/html;charsetUTF-8"%> <% include file"/common/taglibs.jsp"%><script language"javascript" type"text/javascript&…

mysql 查新格式化_mysql 日期格式化查询

select date_format(create_time,%Y-%m-%d) from t_user_basic_info%S, %s 两位数字形式的秒( 00,01, . . ., 59)%i 两位数字形式的分( 00,01, . . ., 59)%H 两位数字形式的小时&#xff0c;24 小时(00,01, . . ., 23)%h, %I 两位数字形式的小时&#xff0c;12 小时(01,02, . .…

2017世界科技发展回顾(信息技术/先进制造)

来源&#xff1a;科技日报信息技术美国&#xff1a;量子计算机最耀眼&#xff0c;芯片研究成果再现2017年量子霸权的争夺趋热&#xff0c;谷歌和IBM展开“老大”地位之争。已推出9量子位计算机的谷歌4月宣布将在年底推出49量子位处理器&#xff1b;IBM则后发先至&#xff0c;继…

frame和iframe的区别

来源&#xff1a;http://blog.csdn.net/lyr1985/article/details/6067026 1、frame不能脱离frameSet单独使用&#xff0c;iframe可以&#xff1b; 2、frame不能放在body中&#xff1b;如下可以正常显示&#xff1a; <!--<body>--> <frameset rows"50%…

mysql ubuntu client_ubuntu 安装 mysqlclient

安装须知&#xff1a;我们使用Django、flask等来操作MySQL&#xff0c;实际上底层还是通过Python来操作的。因此我们想要用Django来操作MySQL&#xff0c;首先还是需要安装一个驱动程序。在Python3中&#xff0c;驱动程序有多种选择。比如有pymysql以及mysqlclient等。常见的My…