チェンジセット 198 : SPARQLBuilderWWW/web/jsgui.html

更新日時:

2014/10/28 15:52:29 (10 年 前)

更新者:

lenz

ログメッセージ:

セレクトボックスのイベントハンドラを変更
内容変更時に自動で読み込みを開始

ファイル:

• SPARQLBuilderWWW/web/jsgui.html (変更) (4 diff)

SPARQLBuilderWWW/web/jsgui.html

@@ -130 +130 @@
                 $("*[name=selectendpoint]").append('<option value="' + ep[i] + '">' + ep[i]);
         }
+        $("*[name=selectendpoint]").change(setEndpoint());
 }
 
@@ -153 +154 @@
                         $("*[name=startclass] option").remove();
                         $("*[name=endclass] option").remove();
+
+                        $("*[name=startclass]").append('<option value="startclass">StartClass (Instance num)');
+                        $("*[name=endclass]").append('<option value="endclass">EndClass (Path num)');
+
                         for (var i = 0; i < epclass.length; i++){
                                 $("*[name=startclass]").append('<option value="' + epclass[i]["uri"] + '">' + epclass[i]["display"]);
@@ -173 +178 @@
         MAXDEPTH = 0;
 
-        document.getElementById("selectpath").innerHTML = "";
-        document.getElementById("showpath").style.display = "none";
-
         var selstart = $("*[name=startclass]").val();
         var selend = $("*[name=endclass]").val();
 
-        ajaxload("view");
-        $.ajax({
-                type: "GET",
-                url : getPathListURL,
-                data: {
-                    ep: sel,
-                    startclass: selstart,
-                    endclass: selend
-                },
-                dataType: 'text',
-                success : function(nodes) {
-                        jsontext = nodes;
-                        pathlimit = 10;
-                        view_map();
-                        ajaxload("hide");
-                        document.getElementById("graph").style.top = document.getElementById("menu").offsetHeight + "px";
-                        document.getElementById("ajaxload").style.height = document.getElementById("menu").offsetHeight + "px";
-                },
-                error : function(XMLHttpRequest, textStatus, errorThrown) {
-                        alert("繝ｪ繧ｯ繧ｨ繧ｹ繝域凾縺ｫ縺ｪ繧薙ｉ縺九�繧ｨ繝ｩ繝ｼ縺檎匱逕溘＠縺ｾ縺励◆�� + textStatus +":\n" + errorThrown);
-                        ajaxload("hide");
-                }
-        });
+        if(selstart != "startclass" && selend != "endclass"){
+
+                document.getElementById("selectpath").innerHTML = "";
+                document.getElementById("showpath").style.display = "none";
+
+                ajaxload("view");
+                $.ajax({
+                        type: "GET",
+                        url : getPathListURL,
+                        data: {
+                            ep: sel,
+                            startclass: selstart,
+                            endclass: selend
+                        },
+                        dataType: 'text',
+                        success : function(nodes) {
+                                jsontext = nodes;
+                                pathlimit = 10;
+                                view_map();
+                                ajaxload("hide");
+                                document.getElementById("graph").style.top = document.getElementById("menu").offsetHeight + "px";
+                                document.getElementById("ajaxload").style.height = document.getElementById("menu").offsetHeight + "px";
+                        },
+                        error : function(XMLHttpRequest, textStatus, errorThrown) {
+                                alert("繝ｪ繧ｯ繧ｨ繧ｹ繝域凾縺ｫ縺ｪ繧薙ｉ縺九�繧ｨ繝ｩ繝ｼ縺檎匱逕溘＠縺ｾ縺励◆�� + textStatus +":\n" + errorThrown);
+                                ajaxload("hide");
+                        }
+                });
+        }
 }
 
@@ -279 +287 @@
                         <form name="seclass">
                                 StartClass<br>
-                                <select size=1 name="startclass" style="width: 200px;">
+                                <select size=1 name="startclass" style="width: 200px;" onChange="setSEClass()">
                                 </select><br>
                                 EndClass<br>
-                                <select size=1 name="endclass" style="width: 200px;">
+                                <select size=1 name="endclass" style="width: 200px;" onChange="setSEClass()>
                                 </select><br>
                                 <input type="button" name="setclass" value="SetClass" onClick="setSEClass()">