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,一经查实,立即删除!

相关文章

句子录音打分代码参考

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.…

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

原文来源&#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&…

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

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

产生和防御对抗样本的新方法 | 分享总结

来源&#xff1a;AI研习社作者&#xff1a;杨文在线上公开课上&#xff0c;来自清华大学的在读博士生廖方舟分享了他们团队在 NIPS 2017 上一个对抗样本攻防大赛中提到的两个新方法&#xff0c;这两个方法在大赛中分别获得了攻击方和防守方的第一名。在此可看视频回放&#xff…

36小时,造一个亚马逊无人商店 | 实战教程+代码

夏乙 问耕 编译整理量子位 出品 | 公众号 QbitAIclass"video_iframe" data-vidtype"2" allowfullscreen"" frameborder"0" data-ratio"1.7666666666666666" data-w"848" scrolling"no" data-src"h…

穷查理宝典--人类误判心理学思维导图

穷查理宝典--人类误判心理学思维导图 分享地址&#xff1a;https://www.processon.com/view/link/5d6e0976e4b09176f3092aa6

深度学习将眼睛变成健康“指示器”

来源&#xff1a;科学网概要&#xff1a;科学家正利用该方法寻找基因组中的突变&#xff0c;并且预测单个细胞布局的变化。眼膜图象可使计算机预测一个人是否会马上心脏病发作。人们常说&#xff0c;眼睛是心灵的窗户。但谷歌公司的研究人员将其视为个人健康的“指示器”。这个…

AI智能手机会是什么样?至少有这十个功能

来源&#xff1a;腾讯科技&#xff0c;编译&#xff1a;云开概要&#xff1a;AI功能将成为智能手机厂商提升产品差异度&#xff0c;获得新客户&#xff0c;留住现有用户的一种手段。业界媒体digit近日发表文章称&#xff0c;据调研公司Gartner预测&#xff0c;到2022年&#xf…