• forked:横浜市組織別連絡先
Import an externally hosted application
Check style

  • JavaScript
  • CSS
  • HTML
  • Images
  • Input Data
  • ReadMe
  • forked:横浜市組織別連絡先
  • jquery-1.7.1.min.js  
  •  
  • history

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
101
102
103
104
105
106
107
108
109
110
111
112
 
/*
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. 
*/
 
window.onload = function() {
    all_data = new Array();
    // データをLinkDataから取得 
    tmp_a_data = new Array();
 
    $.each(LinkData.getWorks(), function(workKey, workValue) {
        $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
            $.each(LinkData.getSubjects(workValue,fileValue),function(subjKey,subjValue) {
                var tmp_data = {}
                tmp_data["id"] = subjValue;
                    $.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
                        $.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
                            if(propValue == "http://www.w3.org/2000/01/rdf-schema#label"){
                                tmp_data["label"] = objValue;
                            } else if(propValue == "http://xmlns.com/foaf/0.1/homepage"){
                                tmp_data["homepage"] = objValue;
                            } else if(propValue == "http://purl.org/dc/terms/isPartOf"){
                                tmp_data["ispartof"] = objValue;
                            } else if(propValue == "http://linkdata.org/property/rdf1s574i#tel"){
                            tmp_data["tel"] = objValue;
                            } else if(propValue == "http://linkdata.org/property/rdf1s574i#fax"){
                            tmp_data["fax"] = objValue;
                            } else if(propValue == "http://linkdata.org/property/rdf1s574i#mail"){
                            tmp_data["mail"] = objValue;
                            } 
                    });
                });
                tmp_a_data.push(tmp_data);
            });
        });
    });
    //全データ
    all_data = tmp_a_data;
    //局のデータを表示
    $(".selectkyoku").append("<option value='-1' selected='selected'>部署を選択してください。</option>");
    for (var i in all_data){
        var parent_c = "http://dbpedia.org/resource/Yokohama";
        if (all_data[i].ispartof === parent_c){
            $(".selectkyoku").append("<option value='"+ all_data[i].id +"'>" + all_data[i].label + "</option>");
        }
    }
    //局が選択、変更された時の処理
    $(".selectkyoku").change(function() {
        //部、課、詳細データのリセット
        $(".selectbu").empty();
        $(".selectka").empty();
        $("#result").empty();
        //選択された局管轄の部を表示
        var sectionKyokuKey = $("option:selected", $(this)).val();
        if (sectionKyokuKey == -1) {
            //$("#result").html("");
            return;
        }
        $(".selectbu").append("<option value='-1' selected='selected'>部を選択してください。</option>");
        for (var i in all_data){
            var parent_c_c = sectionKyokuKey;
            if (all_data[i].ispartof === parent_c_c){
                $(".selectbu").append("<option value='"+ all_data[i].id +"'>" + all_data[i].label + "</option>");
            }
        }
    });
 
    //部が選択、変更された時の処理
    $(".selectbu").change(function() {
        //課、詳細データのリセット
        $(".selectka").empty();
        $("#result").empty();
        //選択された部管轄の課を表示
        var sectionBuKey = $("option:selected", $(this)).val();
        if (sectionBuKey == -1) {
            //$("#result").html("");
            return;
        }
        $(".selectka").append("<option value='-1' selected='selected'>課を選択してください。</option>");
        for (var i in all_data){
            var parent_c_c_c = sectionBuKey;
            if (all_data[i].ispartof === parent_c_c_c){
                $(".selectka").append("<option value='"+ all_data[i].id +"'>" + all_data[i].label + "</option>");
            }
        }
    });
    
    //課が選択、変更された時の処理
    $(".selectka").change(function() {
        //詳細データのリセット
        $("#result").empty();
        
        //選択された課の詳細データの表示
        var sectionKaKey = $("option:selected", $(this)).val();
        if (sectionKaKey == -1) {
            //$("#result").html("");
            return;
        }
        $("#result").append("<div style='padding-left:30px;'>詳細データ</div>");
        for (var i in all_data){
            var detail_c = sectionKaKey;
            if (all_data[i].id === detail_c){
                $("#result").append("<div style='padding-left:30px;'>TEL:" + all_data[i].tel + "</div>");
                $("#result").append("<div style='padding-left:30px;'>FAX:" + all_data[i].fax + "</div>");
                $("#result").append("<div style='padding-left:30px;'>Mail:" + all_data[i].mail + "</div>");
                $("#result").append("<div style='padding-left:30px;'>HP:" + all_data[i].homepage + "</div>");
            }
        }
    });
}
 
jquery-1.7.1.min.js
Playing...

jquery-1.7.1.min.js