チェンジセット 236 : SPARQLBuilderWWW/web

更新日時:

2015/02/12 16:10:13 (10 年 前)

更新者:

lenz

ログメッセージ:

クラスのセレクトボックスが二段になってしまう問題の解決

パス:

SPARQLBuilderWWW/web

ファイル:

• images/pathline.png (変更) (前のリビジョン)
• newsparqlbuilder.css (変更) (3 diff)
• newsparqlbuilder.js (変更) (6 diff)

SPARQLBuilderWWW/web/newsparqlbuilder.css

@@ -56 +56 @@
 }
 
-.SBModalContents .SBSelects select{
+.SBModalContents .SBSelects .SBEndPointSelect{
+        width: 100%;
+        height: 2em;
+}
+
+.SBModalContents .SBSelects .SBStartClassSelect{
         width: 50%;
         height: 2em;
 }
 
-.SBModalContents .SBSelects .SBEndPointSelect{
-        width: 100%;
+.SBModalContents .SBSelects .SBEndClassSelect{
+        width: 50%;
         height: 2em;
 }
@@ -89 +94 @@
 }
 
+.SBModalContents .SBPermaLinkButton:hover{
+        background: hsl(0, 50%, 85%);
+}
+
 .SBModalContents .SBMessage{
         float: left;
@@ -112 +121 @@
         padding: 3px 5px 3px 5px;
         cursor: pointer;
+}
+
+.SBModalContents .SBViewAll:hover{
+        background: hsl(0, 50%, 85%);
 }
 

SPARQLBuilderWWW/web/newsparqlbuilder.js

@@ -66 +66 @@
                 endClass = $(".SBEndClassSelect").val();
                 loadPathList();
+        });
+
+        d3.select('.SBModalView').on("mousewheel", function(){
+                event.preventDefault();
         });
 
@@ -135 +139 @@
                 }
         }
-
-        d3.select('.SBModalView').on("mousewheel", function(){
-                event.preventDefault();
-        });
 }
 
@@ -152 +152 @@
                 $('.SBModalContents .SBModalButtons').css('width', 200 + 'px').css('height', '26px');
 
-                var selw = $('.SBModalContents .SBSelects').width();
+                var selw = Math.floor($('.SBModalContents .SBSelects').width());
+
                 if(selw % 2 == 1){
-                        $('.SBModalContents .SBSelects').css('width', (selw - 1));
+                        selw--;
                 }
+                $('.SBModalContents .SBSelects').css('width', selw);
         }
 }
@@ -195 +197 @@
                         var list = eval(data);
                         $(".SBEndPointSelect").empty();
-                        $(".SBEndPointSelect").append('<option value="SBDefault">SELECT ENDPOINT</option>');
+                        $(".SBEndPointSelect").append('<option value="SBDefault">SELECT EndPoint</option>');
                         for (var i = 0; i < list.length; ++i) {
                                 $(".SBEndPointSelect").append('<option value="' + list[i] + '">' + list[i] + '</option>');
@@ -228 +230 @@
                         $(".SBStartClassSelect").empty();
                         $(".SBEndClassSelect").empty();
-                        $(".SBStartClassSelect").append('<option value="SBDefault">SELECT STARTCLASS</option>');
-                        $(".SBEndClassSelect").append('<option value="SBDefault">SELECT ENDCLASS</option>');
+                        $(".SBStartClassSelect").append('<option value="SBDefault">SELECT StartClass</option>');
+                        $(".SBEndClassSelect").append('<option value="SBDefault">SELECT EndClass</option>');
                         for (var i = 0; i < list.length; ++i) {
                                 $(".SBStartClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
@@ -260 +262 @@
         $('.SBResult').hide();
         $('.SBViewAll').hide();
-        $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and <span style=\"color: hsl(200, 50%, 75%);\">push button</span> to generate a SPARQL</h1>');
+        $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and <span style=\"color: hsl(200, 50%, 75%);\">push button</span> to generate a SPARQL</h1><img src=\"images/pathline.png\" style="display:none;">');
 
         var url = "http://www.sparqlbuilder.org/api/plist?ep=" + encodeURIComponent(endpoint)