forked:fashion2｜Mash up the Linked Open Data

about this App

forked:fashion2

//4列目の中分類の抽出
						if(count==4){
							//⑤述語の取得
							$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
								small1Array[i]=objValue;
							});//5		
						}//if文count4終了
						//5列目の小分類の抽出
						if(count==5){
							//⑤述語の取得
							$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
								small2Array[i]=objValue;
							});//5		
						}//if文count5終了
					
						//6列目の世代の抽出
						if(count==6){
							//⑤述語の取得
							$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
								geneMinArray[i]=objValue;
							});//5		
						}//if文count6終了
						//7列目の世代の抽出
						if(count==7){
							//⑤述語の取得
							$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
								geneMaxArray[i]=objValue;
							});//5		
						}//if文count7終了
					});//4
					i++;
				});//3
			//});//2
	//	});//1
		//配列数をカウントしたiをsizeに格納	
		size = i;
}
		$('#select').bind('change', function() {
	selected = $('#select').val(); 
	//alert(selected);
		clickSelect(selected);
});
function clickSelect(s){
	if(s=='magazine'){
		//if($("#checkboxAreaMagazine").size>0){
			//alert("そんざい！！");
		//}else{
		$("#checkboxArea").append("<div id='checkboxAreaMagazine'></div>");
		$("#checkboxAreaMagazine").append("?購読している雑誌を選び、下のSearchボタンをクリックしてください（複数可）<br><table><tr><td><div id='checkboxArea20'></div></td><td><div id='checkboxArea22'></div></td><td><div id='checkboxArea25'></div></td><td><div id='checkboxArea29'></div></td><td><div id='checkboxArea35'></div></td></tr></table><br>");
		//年代別divにそれぞれ格納された雑誌名をcheckboxとして表示	
		for(var j=0; j<size; j++){
			if(geneMaxArray[j]<21){
			//20歳まで可
			$("#checkboxArea20").append("<div class='magazine'><input type='checkbox' name='magazine' value='" + subjectArray[j] + "' " + checked[j] +"/><span> "+ nameArray[j]+"</span></div>");
			}else if(geneMaxArray[j]<23){
				//22歳まで可
					$("#checkboxArea22").append("<div class='magazine'><input type='checkbox' name='magazine' value='" + subjectArray[j] + "' " + checked[j] +"/><span> "+ nameArray[j]+"</span></div>");
			}else if(geneMaxArray[j]<26){
								//25歳まで可
					$("#checkboxArea25").append("<div class='magazine'><input type='checkbox' name='magazine' value='" + subjectArray[j] + "' " + checked[j] +"/><span> "+ nameArray[j]+"</span></div>");
					}else if(geneMaxArray[j]<30){
				//29歳まで可
					$("#checkboxArea29").append("<div class='magazine'><input type='checkbox' name='magazine' value='" + subjectArray[j] + "' " + checked[j] +"/><span> "+ nameArray[j]+"</span></div>");
			}else{//30歳以上も可
					$("#checkboxArea35").append("<div class='magazine'><input type='checkbox' name='magazine' value='" + subjectArray[j] + "' " + checked[j] +"/><span> "+ nameArray[j]+"</span></div>");
			}
		}//for
		$("#buttonArea").append("<br><form id='button-form'><input type='button' value='ALL Clear' style='font-size:16px; color:#FF6347; background-color: #FFFFCC;' id='clear'/><br><br><input type='button' value='Search!!' style='font-size:22px; background-color: #FFFFCC; width:150px;' id='search'/></form>");
		//id="clear"タグのcheckedをすべて削除
		$(function(){$('#clear').click(function(){$('#checkboxAreaMagazine input').removeAttr('checked');});});
		Search(); 
			}
	//}
	if(s=='fashion-type'){
		//$("#checkBoxArea").removeAttr("#checkboxMagazine");
		alert(s);
	}
	if(s=='unchosen'){
		//$("#checkBoxAreaMagazine").remove();
		alert("どちらか選んでください。");
	}
}
function Search(){
//id=searchのタグをクリックすると、チェックされた項目のvalueをアラート
 $(function(){//1
	$('#search').click(//2
		function(){//3
			//複数チェックされるから、配列に格納
			var checks=[];
			$("input[name='magazine']:checked").each(function(){
				checks.push(this.value);
			});
	
	for(var i=0;i<checks.length; i++){
		for(var j=0; j<size;j++){
			if(checks[i]==subjectArray[j]){
				//undefinedを空白に置き換えたい
				//if(small2Array[j] == 'undefined'){small2Array[j]="A";}
				String=String.concat( "\n? " +nameArray[j]+" ?\n"+largeArray[j]+" >> "+small1Array[j]+" >> "+small2Array[j]+"\n\n");
			}
		}
			 }
	alert (String);
	//もし1つのとき(ラジオボタンのとき)
	//check = $('input[name="magazine"]:checked').val();				//alert(check);
	//Stringを初期化
	String="";
		}
		);
 });
}

h2{
font-family: 'Arial Black';
}
body{background-color: #FF6347;
color: white;
}
#choose{
font-size:18px;
}
#buttonArea {
height: 100px;
width: 140px;
}
#checkboxArea{
width:740;
}
#checkboxAreaMagazine{
background-color:#FFFFCC;
color: #FF6347;	
height: 380px;
width: 740px;
border-style:double;
border-width:10px;
border-color:white;
}
#checkboxArea20{
	background-color:#FFFACD;
	color: #FF6347;
	height:345px;
	width:140px;
	border-style: solid;
	border-color:white;
	border-width:3px;
}
#checkboxArea22{
	background-color:#FFFACD;
	color: #FF6347;
	height:345px;
	width:140px;
	border-style: solid;
	border-color:white;
	border-width:3px;
}
#checkboxArea25{
	background-color:#FFFACD;
	color: #FF6347;
	height:345px;
	width:140px;
	border-style: solid;
	border-color:white;
	border-width:3px;
}
#checkboxArea29{
	background-color:#FFFACD;
	color: #FF6347;
	height:345px;
	width:140px;
	border-style: solid;
	border-color:white;
	border-width:3px;
}
#checkboxArea35{
	background-color:#FFFACD;
	color: #FF6347;
	height:345px;
	width:140px;
	border-style: solid;
	border-color:white;
	border-width:3px;
}
span{
font-size: 10pt;
}

Preview
Input Data
ReadMe
Snapshots

Applications using the same data

Contributor:
Update:
Rating

This application does not using any data or contains private/limited data.

Link http://app.linkdata.org/run/app1s198i?tab=readme