リンクを知っている人にのみ公開

千駄ヶ谷寺院クイズ

fullscreen

T.Waka

千駄ヶ谷にある寺院に関するクイズです。

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

/*
This is a Example program to retrieve and display the data. 
Press the Run button on the right of the screen (described the behavior of the Example program below). 
Please create a new application rewrite this program work. 
*/
var max = 11;
var category_q_num = 11;
var count = 0;
var correct_num = 0;
var all_q_data;
var q_data;

Array.prototype.shuffle = function() {
    var i = this.length;
    while(i){
        var j = Math.floor(Math.random()*i);
        var t = this[--i];
        this[i] = this[j];
        this[j] = t;
    }
    return this;
}

function next(){
                $("#contents").empty();
                if(count < max){
                    count++;
                    var tmp_q = q_data[count-1];                    
                    var q = $("<div id='question'>"); 
                    var c = $("<h1>第<span id='count'>"+count+"</span>問</h1>");
                    var h3 = $("<h3>"+tmp_q.q+"</h3>");
                    var choices = $("<div id='choices'/>"); 
                    var choice = [$("<div><input type='radio' name='answer' value='1'>"+tmp_q.c1+"</div>"),$("<div><input type='radio' name='answer' value='2'>"+tmp_q.c2+"</div>"),$("<div><input type='radio' name='answer' value='3'>"+tmp_q.c3+"</div>"),$("<div><input type='radio' name='answer' value='4'>"+tmp_q.c4+"</div>")];
                    choice.forEach(function(e, i, a){
                        choices.append(e);        
                    });
                    var checkbtn = $("<div class='button'><input type='submit' value='解答' onclick='check()'></div>");

q.append(c);
                    q.append(h3);
                    q.append(choices);
                    q.append(checkbtn);
					$("#contents").append(q);
                }else{
                    finish();
                }  
}
            function check(){
				// 解答が選択されているかチェック
				if ($("input:radio[name='answer']:checked").val()){
	                // 正解をチェック
                	var flg = false;
					var user_a = $("input:radio[name='answer']:checked").val();
                	var a_idx = q_data[count-1].a;
					var a_str = q_data[count-1]["c"+a_idx]
					if (user_a == a_idx){
						flg = true
					}
                	var detail_url = q_data[count-1].detail;
					
					$("#contents").empty(); 
                	var a = $("<div id='answer'/>"); 
                	a.append("正解は，「<span id='correct_answer'>"+a_str+"</span>」です！");
                
                	if(flg){
                    	a.append("<div id='correct'>○</div>");
                    	correct_num++; 
                	}else{
                   		a.append("<div id='wrong'>×</div>");
                	}
                    if(detail_url.match(/(http|ftp):\/\/[!#-9A-~]+\.+[a-z0-9]+/i)){
                	a.append("<div id='detail'>詳しい解説は下のリンクからどうぞ．<br/><a href='"+detail_url+"' target='_blank'>"+detail_url+"</a></div>");
					}else{
                	a.append("<div id='detail'>＜解説＞<br/>"+detail_url+"</div>");
					}
                
                	if (count < max){
                	    a.append("<div class='button'><input type='button' value='次の問題へ' onclick='next()'></div>");
            	    }else{
        	            a.append("<div class='button'><input type='button' value='最終結果' onclick='finish()'></div>");
    	            }
	                $("#contents").append(a);

}else{
					alert("解答を選択してください");
				}
            }

window.onload = function() {
    $(function(){
    	initialize();        
    });	
};

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<title>forked:千駄ヶ谷寺院クイズ</title>
		
				
		
		<link rel="stylesheet" type="text/css" media="screen,print" href="user.css" />
		
		<script type="text/javascript">
			(function(){
				try {
					var e = function(){return ""};
				 	var f = function(){return false};
				 	Object.defineProperty(document, "cookie", { get: e, set: e, configurable:false });
				 	Object.defineProperty(navigator, "cookieEnabled", { get: f, set: f, configurable:false });
				} catch(e) { 
					/* not supported */
				}
			})();		
		</script>
	</head>
	<body>
		
		
		
		
		<div id="applicationWorkFileListContainer">
											<div class="applicationWorkFile">
					<input type="hidden" class="applicationWorkFileWorkId" value="rdf1s7645i"/>
					<input type="hidden" class="applicationWorkFileName" value="Senda_temple"/>
					<input type="hidden" class="applicationWorkFileWorkName" value="千駄ヶ谷寺院クイズデータ"/>
					<input type="hidden" class="applicationWorkTag" value="${workFile.tag}"/>
				</div>
									</div>
		
		
		<div id="contents"></div>
		
									<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
							
		
				
			<script type="text/javascript" src="http://app.linkdata.org/js/script.js"></script>
			<script type="text/javascript">
				var workFileObj = new Object();
									workFileObj['rdf1s7645i|Senda_temple'] = 'Senda_temple';
								LinkData.databases = workFileObj;
				LinkData.userdata = new Array(1);
				
													LinkData.userdata['rdf1s7645i'] = new Array(1);
											LinkData.__fnrdf1s7645i = function(data) {
							LinkData.userdata['rdf1s7645i']['Senda_temple'] = data;
						}
																			
			</script>
			
							<script src='http://linkdata.org/api/1/rdf1s7645i/Senda_temple_rdf.json?callback=LinkData.__fnrdf1s7645i' type='text/javascript'></script>
						
				
		
		<script type="text/javascript" src="user.js"></script>
	</body>
</html>

Initial content

download

Contributor Send Message	T.Waka
Forked from (Parent App)	Sayoko Shimoyama 's 青森りんごクイズ
Run count	30
Website
License
Fork count	0
Created date	Feb 18, 2019
Last update date	Feb 18, 2019