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>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值