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>

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

easyui js解析字符串_EasyUI Dialog弹出框+JS执行字符串
虽然写得不是很全面,但这是项目中经常用到的 Dialog弹出框 Div标签 Dialog内容 iconCls:图标 closed:默认关闭 modal:模态框 JS代码 function openDi ...
使用easeui dialog弹出框中使用CKeditor多次加载后无法编辑问题
问题呈现:弹出框页面 <tr class="addtr"><th>内容</th><td><!-- <textarea r ...
bootstrap弹出框如何实现点击出弹出框后，再点击任意地方隐藏弹出框
最近做个项目是用bootstrap搭建的网站,因为其自带弹出框很好使,便直接拿过来用了. 不废话直接进入正题共分两步 1. 首先设弹出框方式为自动 popover(function(){trigge ...
dialog 弹出框，遮罩层覆盖内容
写完项目没太注意,并且情况是偶尔发生,点击dialog 的弹出框的时候,灰色遮罩层会覆盖内容上面, 这样的话可能是由于我们会发现浏览器遮罩层高于盒子遮罩层,会照成这样的问题,也有可能是我们给父元素加了 ...
android制作弹出框样式,Android Dialog 弹出框自定义样式
可以去除系统的Dialog的黑边,而且Dialog的样式和布局完全一样可以是不规则图形这个功能不是太难 ,不多说直接上代码先是根据系统的Theme创建一个自己的Theme 在R.styles.x ...
easyUI中dialog弹出框中数据加载不出来
在前端使用easyUI开发的过程中遇到一个奇怪的问题,easyUI中的dialog中的combobox数据有时加载不出来,或者是一些文字也有时加载不出来,后来发现,dialog每次关闭并不会销毁原di ...
Android开发：利用Activity的Dialog风格完成弹出框设计
转:http://www.linuxidc.com/Linux/2011-08/41933.htm 在我们使用Dialog时,如果需要用到很多自己设计的控件,虽然可以让弹出框显示出我们需要的界面,但却 ...
qt自定义按钮类，每个按钮自带一个右键弹出框，如何使同一时刻只显示一个弹出框
提要继承于QPushButton的自定义按钮类,其右键弹出一个弹框,创建多个这样的自定义按钮在窗口中,每一时刻只显示一个右键弹出框,避免同一时刻,多个按钮右键弹出弹出框后,未及时关闭弹出框导致的同一 ...
微信小程序vantweapp-Dialog弹出框提交表单，并还原确定按钮样式
vantweapp中Dialog弹出框使用组件调用,怎么将form表单的提交按钮与Dialog弹出框相结合呢解决方案: wxml代码 <van-dialoguse-slottitle=&quo ...

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

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

最新文章

热门文章