GFL App (仮)

fullscreen

kyoko.nakao

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

var wId=[];
var fileName = [];
//全てのRDF名とその中のファイル名を配列に格納
function loadFiles(wValue){
	
	var i=0;
	var fName=[];
	
	$.each(LinkData.getFiles(wValue), function(fileKey, fileValue){
		fName[i]=fileValue;
		//$("#result").append("<h4>File" + parseInt(i+1) + ":"+ fileValue +"</h4>");
		i++;
	});

$("#result").append("<h4>File数:" + fName.length +"</h4>");

return fName;
}

window.onload = function() {
	var wId=[];
	var fileName = [];
	var i=0;
	
};

//styleから雑誌を呼び出し、検索結果を表示する
function getMagazine(style){
	var MagazineResult="";
	var MagazineName=[];
	var MagazineId=[];
	//var MagazineURL=[];
	var size=0;
	var count1 = 0;
	var count2 = 0;
	//var count3 = 0;
	wId = LinkData.getWorks();	
	fileName = loadFiles(wId[0]);
	
	//①propertyの取得
	$.each(LinkData.getProperties(wId[0], fileName[3]), function(propKey, propValue) {
		//②指定したプロパティの時のトリプルの取得
		$.each(LinkData.getTriplesByProperty(wId[0],fileName[3],propValue),function(tripleKey, tripleValue) {
			//③プロパティがtable_styleのとき
			if(propValue==="http://linkdata.org/property/rdf1s465i#table_style"){
				//④そのオブジェクトがstyleのとき
				if(tripleValue.object === style){
					//⑤そのサブジェクトで，雑誌名を検索する
					$.each(LinkData.getObjects( wId[0], fileName[3], tripleValue.subject, "http://linkdata.org/property/rdf1s465i#magazine_name") ,function(objKey,objValue){
						MagazineName[count1]=objValue;
						count1++;
						//alert(objValue);
						
					});//⑤
						   
						 $.each(LinkData.getObjects( wId[0], fileName[3], tripleValue.subject, "http://linkdata.org/property/rdf1s465i#magazine_id") ,function(objectKey,objectValue){ 
						MagazineId[count2] = objectValue;
						count2++;
							 
					});//⑤ 
				
						   }//④
						   }//③
		});//②
		
	});//①
	size=count1;
	
	for(i=0; i<size;i++){		
		MagazineResult += "<div class='"+MagazineId[i]+"' onClick='alert('aaa')' style ='padding:2px;' >"+MagazineName[i]+ "</div><br>";	
	}
	 var searchResult = document.getElementById("ResultMagazine");
  searchResult.innerHTML = MagazineResult; // 検索結果を表示する
}
function getBrandList(magazineId){
	alert(magazineId);
}

/* id="CasualFeiminine"の要素がクリックされたときに呼ばれるメソッド
$("#CasualFeminine").click(function () {
		 alert("CasualFeminine");
	getMagazine("CasualFeminine");
  });
*/

<div align="center">
	<br>
	<br>
	<img src="http://app.linkdata.org/asset/151bfe1f.png" >
	<br>
	好きなファッションスタイルをClick!!
	<br>
	<br>
	<center>
		<table><tr align="center" valign="top"><td><div id="photoArea" align="center">
		<table>
		<tr align="center">
			<td> </td>
			<td><br><b>FEMININE</b></td>
			<td><br><b>MODE/COOL</b></td>
			<td><br><b>大人系</b></td>
			<td><br><b>STREET</b></td>
			</tr>
		<tr align="center">
			<td><b>CASUAL</b></td>
			<td><img src="http://app.linkdata.org/asset/4b12a7f5.jpg" width="120" height="210" id="CasualFeminine" onClick="getMagazine('CasualFeminine')"></td>
			<td><img src="http://app.linkdata.org/asset/1b2fe62d.jpg" width="120" height="210" id="CasualMode" onClick="getMagazine('CasualMode')"></td>
			<td><img src="http://app.linkdata.org/asset/6b1b2546.jpg" width="120" height="210" id="CasualAdult" onClick="getMagazine('CasualAdult')"></td>
			<td><img src="http://app.linkdata.org/asset/43dddb2c.jpg" width="120" height="210" id="CasualStreet" onClick="getMagazine('CasualStreet')"></td>
		</tr>
		<tr align="center">
			<td><b>GAL</b></td>
			<td><img src="http://app.linkdata.org/asset/1e091007.jpg" width="120" height="210" id="GalFeminine" onClick="getMagazine('GalFeminine')"></td>
			<td><img src="http://app.linkdata.org/asset/6236389b.jpg" width="120" height="210" id="GalMode" onClick="getMagazine('GalMode')"></td>
			<td><img src="http://app.linkdata.org/asset/092392e6.jpg" width="120" height="210" id="GalAdult" onClick="getMagazine('GalAdult')"></td>
			<td><img src="http://app.linkdata.org/asset/374f7eca.jpg" width="120" height="210" id="GalStreet" onClick="getMagazine('GalStreet')"></td>
		</tr>
		<tr align="center">
			<td><b>OFFICE</b></td>
			<td><img src="http://app.linkdata.org/asset/ec79eb38.jpg" width="120" height="210" id="OfficeFeminine" onClick="getMagazine('OfficeFeminine')"></td>
			<td><img src="http://app.linkdata.org/asset/88076be0.jpg" width="120" height="210" id="	OfficeMode" onClick="getMagazine('OfficeMode')"></td>
			<td><img src="http://app.linkdata.org/asset/4f06da89.jpg" width="120" height="210" id="OfficeAdult" onClick="getMagazine('OfficeAdult')"></td>
			<td><b>No Image</b></td>
		</tr>
	</table>
	</div></td>
	<td>
		<div id="Result" valign="top">
		<center><h2>MATCH MAGAZINES!!</h2></center>
			<div id="ResultMagazine"></div>
		<br>
		</div>
	</td>
	</tr>
	</table>
	</center>
</div>

Initial content