#15801 クイズ（ActionType=15）のJSON解析とビューア画面への表示

abvw/js/contentview_Exam.js

+
+//名前空間用のオブジェクトを用意する
+var CONTENTVIEW_EXAM = {};
+
+// show dialog anket content
+CONTENTVIEW_EXAM.showExam = function(url, fullscreen, objectId) {
+    var $container = $('#dialog');
+
+    //url = url + "?sid=" + CONTENTVIEW.getSessionId();
+    //url = "http://agentec.jp/";
+    $container.html('');
+    $container.addClass('anket-dialog');
+
+    var canvas = document.getElementById('main');
+
+    var width = fullscreen == true ? canvas.width : 340;
+
+    if (fullscreen == true) {
+        $container.attr('style', 'width:' + width + 'px; left:10px;right:auto;');
+    }
+    else {
+        $container.attr('style', 'width:' + width + 'px; right:10px;left:auto;'); // !important
+    }
+
+    $container.draggable({ handle: "h1" });
+    $container.html(
+      '<h1>'+I18N.i18nText('txtExamTitle')
+    + '<img src="img/viewer/x.png" style="margin:3px 3px 0px 21px" id="btnClose" class="align_right" ></img>'
+    + '</h1>'
+    + '<div class="anket-container" id="anket-container"><iframe width="' + width + '" height="100%" frameborder="0" scrolling="auto" src="' + url + '">'
+    + '</iframe></div>'
+    + '<div class="anket-commands" id="anket-commands"><input type="button" value="' + I18N.i18nText('txtTransparent') + '" id="btnFullOpacity"/> <input type="button" value="' + I18N.i18nText('txtSemiTransparent') + '" id="btnApartOpacity"/> <input type="button" value="' + I18N.i18nText('txtNoTransparent') + '" id="btnNoOpacity"/></div><div style="clear:both;"></div>'
+    );
+
+    $("#btnClose").on({
+    	'click touchend': function(ev){
+
+    		//時間記録
+    		var dateEnd = new Date();
+    		var actionTime = dateEnd.subtractBySeconds(dateStart);
+    		//alert("actionTime:" + actionTime);
+    		COMMON.SetObjectLogActionTime( CONTENTVIEW_GENERAL.contentID, objectId, actionTime );
+
+    		$container.removeAttr('style');
+    		CONTENTVIEW_GENERAL.hideDialog();
+
+    		return false;
+    	},
+    	'touchstart touchmove': function(){
+    		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
+    		return false;
+    	}
+    });
+
+	//時間記録
+    var dateStart = new Date();
+
+    var avwUserEnvObj = new UserEnvironment();
+
+    // set overflow for container iframe
+    if (avwUserEnvObj.isIos()) {
+        $('#dialog .anket-container').css('overflow', 'scroll');
+        //$('#dialog .anket-container').css('-webkit-overflow-scrolling', 'touch');
+        //$('#dialog .anket-container').css('position', 'relative');
+
+        if (fullscreen == true) {
+            $container.attr('style', 'width:' + width + 'px; left:10px;right:auto;'); // !important on ipad can't move dialog
+        }
+        else {
+            if (avwUserEnvObj.isIpad()) {
+            	$container.attr('style', 'width:' + width + 'px; right:20px;left:auto;');
+            } else {
+            	$container.attr('style', 'width:' + width + 'px; right:3px;left:auto;');
+            }
+        }
+    }
+
+    // click on button change transparent
+    $('#dialog .anket-commands input').click(
+        function () {
+            //START TRB00092 - EDITOR: Long - Date: 09/26/2013 - Summary : Fix opacity
+
+            if ($(this).index() == 0) {
+                //set transparent
+                $('#dialog,#dialog iframe,#anket-commands,#anket-commands input').removeClass('anket-opacity anket-transparent anket-translucent anket-transparent-content').addClass('anket-transparent');
+                $('#anket-container').removeClass('anket-opacity anket-transparent anket-translucent anket-transparent-content').addClass('anket-transparent-content');
+            }
+            else if ($(this).index() == 1) {
+
+                // set translucent
+                //END TRB00092 - EDITOR: Long - Date: 09/26/2013 - Summary : Fix opacity
+                $('#dialog,#dialog iframe,#anket-commands,#anket-commands input,#anket-container').removeClass('anket-opacity anket-transparent anket-translucent anket-transparent-content').addClass('anket-translucent');
+            }
+            else {
+                //set opacity
+                $('#dialog,#dialog iframe,#anket-commands,#anket-commands input,#anket-container').removeClass('anket-opacity anket-transparent anket-translucent anket-transparent-content').addClass('anket-opacity');
+            }
+        }
+    );
+        // resize anket
+    CONTENTVIEW_EXAM.resizeAnket();
+
+};
+
+// resize dialog anket
+CONTENTVIEW_EXAM.resizeAnket = function() {
+
+    // get canvas main
+    var canvas = document.getElementById('main');
+    var height = canvas.height;
+
+    var top = (CONTENTVIEW_GENERAL.isFullScreen?0:$('#header_toolbar').height()) + 4; // get top position for dialog 4 for space
+
+    // set top dialog
+    $('#dialog').height(height).css('top', top);
+
+    var iframeHeight = height - $('#dialog h1').height() - $('#dialog .anket-commands').height() - 8;  // 8 for 2xspace
+
+    // set height for iframe
+    $('#dialog iframe').attr('height', iframeHeight);
+
+    // set height for anket container
+    $('#dialog .anket-container').css('height', iframeHeight);
+
+};
+
+CONTENTVIEW_EXAM.ready = function(){
+};
+

abvw/js/contentview_Quiz.js

+
+//名前空間用のオブジェクトを用意する
+var CONTENTVIEW_QUIZ = {};
+
+// show dialog anket content
+CONTENTVIEW_QUIZ.showQuiz = function(url, fullscreen, objectId) {
+    var $container = $('#dialog');
+
+    //url = url + "?sid=" + CONTENTVIEW.getSessionId();
+
+    $container.html('');
+    $container.addClass('anket-dialog');
+
+    var canvas = document.getElementById('main');
+
+    var width = fullscreen == true ? canvas.width : 340;
+
+    if (fullscreen == true) {
+        $container.attr('style', 'width:' + width + 'px; left:10px;right:auto;');
+    }
+    else {
+        $container.attr('style', 'width:' + width + 'px; right:10px;left:auto;'); // !important
+    }
+
+    $container.draggable({ handle: "h1" });
+    $container.html(
+      '<h1>'+I18N.i18nText('txtQuizTitle')
+    + '<img src="img/viewer/x.png" style="margin:3px 3px 0px 21px" id="btnClose" class="align_right" ></img>'
+    + '</h1>'
+    + '<div class="anket-container" id="anket-container"><iframe width="' + width + '" height="100%" frameborder="0" scrolling="auto" src="' + url + '">'
+    + '</iframe></div>'
+    + '<div class="anket-commands" id="anket-commands"><input type="button" value="' + I18N.i18nText('txtTransparent') + '" id="btnFullOpacity"/> <input type="button" value="' + I18N.i18nText('txtSemiTransparent') + '" id="btnApartOpacity"/> <input type="button" value="' + I18N.i18nText('txtNoTransparent') + '" id="btnNoOpacity"/></div><div style="clear:both;"></div>'
+    );
+
+    $("#btnClose").on({
+    	'click touchend': function(ev){
+
+    		//時間記録
+    		var dateEnd = new Date();
+    		var actionTime = dateEnd.subtractBySeconds(dateStart);
+    		//alert("actionTime:" + actionTime);
+    		COMMON.SetObjectLogActionTime( CONTENTVIEW_GENERAL.contentID, objectId, actionTime );
+
+    		$container.removeAttr('style');
+    		CONTENTVIEW_GENERAL.hideDialog();
+
+    		return false;
+    	},
+    	'touchstart touchmove': function(){
+    		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
+    		return false;
+    	}
+    });
+
+	//時間記録
+    var dateStart = new Date();
+
+    var avwUserEnvObj = new UserEnvironment();
+
+    // set overflow for container iframe
+    if (avwUserEnvObj.isIos()) {
+        $('#dialog .anket-container').css('overflow', 'scroll');
+        //$('#dialog .anket-container').css('-webkit-overflow-scrolling', 'touch');
+        //$('#dialog .anket-container').css('position', 'relative');
+
+        if (fullscreen == true) {
+            $container.attr('style', 'width:' + width + 'px; left:10px;right:auto;'); // !important on ipad can't move dialog
+        }
+        else {
+            if (avwUserEnvObj.isIpad()) {
+            	$container.attr('style', 'width:' + width + 'px; right:20px;left:auto;');
+            } else {
+            	$container.attr('style', 'width:' + width + 'px; right:3px;left:auto;');
+            }
+        }
+    }
+
+    // click on button change transparent
+    $('#dialog .anket-commands input').click(
+        function () {
+            //START TRB00092 - EDITOR: Long - Date: 09/26/2013 - Summary : Fix opacity
+
+            if ($(this).index() == 0) {
+                //set transparent
+                $('#dialog,#dialog iframe,#anket-commands,#anket-commands input').removeClass('anket-opacity anket-transparent anket-translucent anket-transparent-content').addClass('anket-transparent');
+                $('#anket-container').removeClass('anket-opacity anket-transparent anket-translucent anket-transparent-content').addClass('anket-transparent-content');
+            }
+            else if ($(this).index() == 1) {
+
+                // set translucent
+                //END TRB00092 - EDITOR: Long - Date: 09/26/2013 - Summary : Fix opacity
+                $('#dialog,#dialog iframe,#anket-commands,#anket-commands input,#anket-container').removeClass('anket-opacity anket-transparent anket-translucent anket-transparent-content').addClass('anket-translucent');
+            }
+            else {
+                //set opacity
+                $('#dialog,#dialog iframe,#anket-commands,#anket-commands input,#anket-container').removeClass('anket-opacity anket-transparent anket-translucent anket-transparent-content').addClass('anket-opacity');
+            }
+        }
+    );
+        // resize anket
+    CONTENTVIEW_QUIZ.resizeAnket();
+
+};
+
+// resize dialog anket
+CONTENTVIEW_QUIZ.resizeAnket = function() {
+
+    // get canvas main
+    var canvas = document.getElementById('main');
+    var height = canvas.height;
+
+    var top = (CONTENTVIEW_GENERAL.isFullScreen?0:$('#header_toolbar').height()) + 4; // get top position for dialog 4 for space
+
+    // set top dialog
+    $('#dialog').height(height).css('top', top);
+
+    var iframeHeight = height - $('#dialog h1').height() - $('#dialog .anket-commands').height() - 8;  // 8 for 2xspace
+
+    // set height for iframe
+    $('#dialog iframe').attr('height', iframeHeight);
+
+    // set height for anket container
+    $('#dialog .anket-container').css('height', iframeHeight);
+
+};
+
+CONTENTVIEW_QUIZ.ready = function(){
+};
+