1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
var wName=[];
var fName = [];
var useWork;
var useWork1;
var useWork2;
var useFile;
var useFile1;
var useFile2;
//全てのRDF名とその中のファイル名を配列に格納
function loadFiles(){
var i=0;
var j=0;
$.each(LinkData.getWorks(),function(workKey,workValue){
wName[i]=workValue;
//$("#workspace").append("<h3>Work" + workKey + ":"+ workValue +"</h3>");
$.each(LinkData.getFiles(workValue), function(fileKey, fileValue){
fName[j]=fileValue;
//$("#workspace").append("<h4>File" + fileKey + ": "+ fileValue +"</h4>");
j++;
});
i++;
}
window.onload = function() {
// ***** workIDとfikeIDの取得 ********//
loadFiles();
//**** 使うWorkとFileの指定(変更可能) *****//
useWork=wName[0];
useFile=fName[3];
useWork1=wName[0];
useFile1=fName[1];
useWork2=wName[0]; //rdf1s563i
useFile2=fName[2];
/* Chrome対策イベントハンドラを呼ぶ added on 2013.2.28 */
Events();
//$("#workspace").append("<h4>useFile: " + useFile + ", useWork: "+useWork+ "</h4>");
//$("#workspace").append("<h4>useFile: " + useFile1 + ", useWork: "+useWork1+ "</h4>");
};
//styleから雑誌を呼び出し、検索結果を表示する
function getMagazine(style){
var work = useWork;
var file = useFile;
var styleProp = "http://linkdata.org/property/rdf1s575i#tableStyle";
var magazineNameProp = "http://linkdata.org/property/rdf1s575i#magazineName";
var magazineIdProp = "http://linkdata.org/property/rdf1s575i#magazineId";
var magName=[];
var magId=[];
var i;
var magazineResult="<div id='magazine_list' align='top'><h3>MATCH MAGAZINES</h3><h3>♡ "+style+" ♡</h3></div><div id='ResultMagazine'><br>";
var count1=0;
var count2=0;
//①プロパティがスタイルの時のtripleの取得
$.each(LinkData.getTriplesByProperty(work, file, styleProp), function(tripleKey, tripleValue) {
//②オブジェクトが取得したスタイル
if(tripleValue.object === style){
//③指定したスタイルのときのSubjectから,
// magazineNameとmagazineIdを取得
$.each(LinkData.getObjects(work, file, tripleValue.subject, magazineNameProp), function(magKey, magValue) {
magName[count1]=magValue;
count1++;
$.each(LinkData.getObjects(work, file, tripleValue.subject, magazineIdProp), function(magKey, magValue) {
magId[count2]=magValue;
count2++;
//HTMLへの書き込み
//class=magazine, id=magazineId, 中身(表示):magazineName
for(i=0;i<magName.length;i++){
/*****************掲載リストの存在によって分岐******************/
/**** 存在するとき ***/
if( ex_BrandList(magId[i])===true){
//alert(magId[i]);
magazineResult += "<div align='left' class='magazine'><center>"+ magName[i] + "</center><div align='center'><input type='button' value='掲載ブランド' class='brandlist' id='"+magId[i]+"' ><input type='button' value='ウェブサイト' class='webpage' id='"+ magId[i]+"' href=''></div></div><br>";
else {
/***** それ以外 *******/
magazineResult += "<div align='left' class='magazine'><center>"+ magName[i] + "</center><div align='center'><input type='button' value='ウェブサイト' class='webpage' id='"+ magId[i]+"' href=''></div></div><br>";
101
102
/******全体*******/
body{
font-size: 20px;
background-image: url("http://app.linkdata.org/asset/9f913395.jpg");
/*background-color: #dfdfdf;*/
color: #4a4a4a;
font-family: 'arial black', 'Tahoma', sans-serif
/******雑誌一覧のそれぞれについて*******/
div.magazine{
width: 200px;
padding: 5px;
border: solid 2px #d1adae;
div.brand{
padding:0px 0px 0px 30px;
/******写真について*******/
img.photo{
cursor: pointer;
#photoArea{
/*background-color: #e9e9e9;*/
background-color: white;
border-style: solid;
border-color: gray;
width: 650px;
height 900px;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
span{
font-size: 30px;
#Result{
font-size: 10px;
color: #990000;
#magazine_list{
background-color: #f8fff0;
width: 250px;
font-size: 15px;
border-color: #B22222;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
#ResultMagazine{
font: bold;
font-size: 17px;
font-family: 'New Gulim', 'Tahoma', sans-serif;
height: 500px;
overflow: scroll;
#BrandList{
/*background-color: white;*/
color: #191970;
#brand_list{
border-color: #191970;
background-color: #f0f0ff;
#brandlistArea{
#workspace{
width: 1200px;
font-size: 14px;
<div align="center">
<br>
<img src="http://app.linkdata.org/asset/151bfe1f.png" >
好きなファッションスタイルをClick!!
<center>
<table >
<tr align="center" valign="top">
<td><div id="photoArea" align="center">
<table class="photoTable">
<tr align="center">
<td> </td>
<td width="130"><br><b>FEMININE</b></td>
<td width="130"><br><b>MODE/COOL</b></td>
<td width="130"><br><b>大人系</b></td>
<td width="130"><br><b>STREET</b></td>
</tr>
<td><b>CASUAL</b></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/bd6caba5.jpg" width="120" height="180" id="CasualFeminine" class="photo" name="CasualFeminine"></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/391c2d87.jpg" width="120" height="180" id="CasualMode" class="photo" name="CasualMode" ></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/30dc3ae7.jpg" width="120" height="180" id="CasualAdult" class="photo" name="CasualAdult"></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/b571f54b.jpg" width="120" height="180" id="CasualStreet"class="photo" name="CasualStreet"></td>
<td><b>GAL</b></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/05ddff73.jpg" width="120" height="180" id="GalFeminine" class="photo" name="GalFeminine"></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/93c56814.jpg" width="120" height="180" id="GalMode" class="photo" name="GalMode"></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/ed5967a2.jpg" width="120" height="180" id="GalAdult" class="photo" name="GalAdult"></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/50049a8e.jpg" width="120" height="180" id="GalStreet" class="photo" name="GalStreet"></td>
<td><b>OFFICE</b></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/583c648f.jpg" width="120" height="180" id="GalStreet" class="photo" name="OfficeFeminine"></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/459dda8f.jpg" width="120" height="180" id="OfficeMode" class="photo" name="OfficeMode"></td>
<td width="130" height="190"><img src="http://app.linkdata.org/asset/f1f055ba.jpg" width="120" height="180" id="OfficeAdult" class="photo" name="OfficeAdult"></td>
<td width="130" height="190"><b>No Image</b></td>
</table>
</div></td>
<td>
<div id="Result" valign="top">
</div>
</td>
<td><div id="BrandList" valign="top">
<div align="right" id="workspace">Copyright © 2013 Ayami Dobuchi, Kyoko Nakao All Rights Reserved.</div>
</center>
Click the Browse button or drag and drop to choose files to upload
The Maximum upload size is 1MB.(bmp,gif,jpeg,jpg,png)
*Required field
Add name for another language
You can upload jpg, gif, png file formats
Add description for another language
Fork original application has been updated. >>see
Original application has been updated. >>see
Playing...
Please enter a valid URL