チェンジセット 278 : SPARQLBuilderWWW

更新日時:

2016/03/17 10:11:34 (9 年 前)

更新者:

lenz

ログメッセージ:

CSSとイベントハンドルを微調整

パス:

SPARQLBuilderWWW/web

ファイル:

• eplesscs.css (変更) (1 diff)
• eplesscs.js (変更) (8 diff)

SPARQLBuilderWWW/web/eplesscs.css

@@ -105 +105 @@
 }
 
+span.selectedendpoint {
+        text-align: center;
+        -moz-border-radius: 5px;
+        -webkit-border-radius: 5px;
+        border-radius: 5px;
+        padding: 1px;
+
+        border: 2px hsl(200, 50%, 50%) solid;
+        background-color: hsl(200, 50%, 75%);
+}
+
 table {
         width: 100%;

SPARQLBuilderWWW/web/eplesscs.js

@@ -26 +26 @@
 // 繧ｯ繝ｩ繧ｹ驕ｸ謚樒畑div縺ｮ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ險ｭ螳�
 function scrolldiv(){
-
-        // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝�RI逕ｨ譁�ｭ怜�
-        var epuri = "";
-
-        // // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝郁｡後ｒ蜑企勁
-        // $('.endpointrow').remove();
-
-        // // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繧ｻ繝ｫ蛻�ｹｰ繧願ｿ斐＠
-        // $('.startclasscell').each(function(){
-        //      // 繝弱�繝偵ャ繝医け繝ｩ繧ｹ縺ｮ蟄舌〒縺ｪ縺代ｌ縺ｰ
-        //      if(!$(this).parent().hasClass('nohit')){
-        //              // 縺薙�繧ｯ繝ｩ繧ｹ縺ｮ繧ｨ繝ｳ繝峨�繧､繝ｳ繝医′蜑阪�陦後→驕輔▲縺溘ｉ
-        //              if(epuri != $(this).find('.endpointuri').attr('title')){
-        //                      // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝�RI繧呈峩譁ｰ
-        //                      epuri = $(this).find('.endpointuri').attr('title');
-        //                      // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝郁｡後ｒ霑ｽ蜉
-        //                      $(this).parent().before($('<tr class="endpointrow"><th>' + epuri + '</th></tr>'));
-        //              }
-        //      }
-        // });
-
-        // // 繧ｨ繝ｳ繝峨け繝ｩ繧ｹ繧ｻ繝ｫ縺ｫ縺､縺�※蜷梧ｧ倥�蜃ｦ逅�
-        // epuri = "";
-        // $('.endclasscell').each(function(){
-        //      if(!$(this).parent().hasClass('nohit')){
-        //              if(epuri != $(this).find('.endpointuri').attr('title')){
-        //                      epuri = $(this).find('.endpointuri').attr('title');
-        //                      $(this).parent().before($('<tr class="endpointrow"><th>' + epuri + '</th></tr>'));
-        //              }
-        //      }
-        // });
 
         // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ荳€隕ｧ縺ｮ繝��繝悶Ν縺ｨ繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺ｮ讀懃ｴ｢逕ｨ繝�く繧ｹ繝医�繝�け繧ｹ谺��鬮倥＆縺ｮ蜷郁ｨ医′謖�ｮ壽ｸ医∩縺ｮ蟾ｦ繧ｫ繝ｩ繝縺ｮ鬮倥＆繧医ｊ螟ｧ縺阪￠繧後�
@@ -97 +66 @@
                         // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺ｮ繝��繝悶Ν繧剃ｽ懈�
                         var startclasstable = $('<table>');
-            
+
             // 蜑阪�URI繧堤ｩｺ縺ｧ菴懈�
             var prevuri = "";
@@ -104 +73 @@
                         for(var i = 0; i < list.length; i++){
                 // 莉雁屓縺ｮURI縺悟燕縺ｮURI縺ｨ驕輔▲縺溘ｉ
-                if(prevuri != list[i][`uri`]){
+                if(prevuri != list[i]['uri']){
                     // 菫晏ｭ倥＠縺ｦ縺�ｋURI繧剃ｿ晏ｭ�
-                    prevuri = list[i][`uri`];
+                    prevuri = list[i]['uri'];
                     // 莉雁屓蛻��諠�ｱ繧貞�繧瑚｡後ｒ霑ｽ蜉
                                     startclasstable.append('<tr><td class="startclasscell"><span class="startclassuri" title="' + list[i]['uri'] + '">' + list[i]['label'] + '</span><span class="endpointuri" title="' + list[i]['ep'] + '"></span></td></tr>');
@@ -142 +111 @@
                         // 繧ｯ繝ｪ繝�け縺輔ｌ縺溯ｦ∫ｴ縺ｫ驕ｸ謚樊ｸ医∩繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繧定ｿｽ蜉
                         $(this).addClass('selectedstart');
-
+            
+            // 驕ｸ謚樊ｸ医∩繧ｨ繝ｳ繝峨�繧､繝ｳ繝医�繧ｯ繝ｩ繧ｹ縺後≠繧後�髯､蜴ｻ
+            $('.selectedendpoint').each(function(){
+                $(this).removeClass('selectedendpoint');
+            });
+            
+            // 縺薙�URI縺悟腰荳€縺ｮ繧ｨ繝ｳ繝峨�繧､繝ｳ繝医↓縺ゅｌ縺ｰ
             if($(this).parent().children('.endpointuri').length == 1){
                 // 繧ｨ繝ｳ繝峨け繝ｩ繧ｹ荳€隕ｧ驛ｨ蛻�ｒ遨ｺ縺ｫ
@@ -148 +123 @@
                 // AJAX繝ｭ繝ｼ繝�ぅ繝ｳ繧ｰ逕ｻ蜒上ｒ霑ｽ蜉
                 $('.endclass').append('<img src="images/ajax-loader.gif">');
-                
+
                 // 繧ｯ繝ｪ繝�け縺輔ｌ縺溘け繝ｩ繧ｹ縺ｮ繧ｨ繝ｳ繝峨�繧､繝ｳ繝医ｒ蜿門ｾ�
                 var ep = $(this).parent().children('.endpointuri').attr('title');
@@ -186 +161 @@
                     }
                 });
+            // 隍�焚繧ｨ繝ｳ繝峨�繧､繝ｳ繝医↓縺ｾ縺溘′縺｣縺ｦ縺�ｌ縺ｰ
             }else{
+                // 繧ｨ繝ｳ繝峨�繧､繝ｳ繝�RI繧定｡ｨ遉ｺ
                 $(this).parent().children('.endpointuri').each(function(){
                     $(this).text($(this).attr('title'));
                 });
+                // 繧ｯ繝ｩ繧ｹ驕ｸ謚樒畑div縺ｮ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ險ｭ螳�
+                scrolldiv();
             }
                 });
         });
-    
-        // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ逕ｨ縺ｮ蜷ФRI縺ｫ縺､縺�※
+
+        // 繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ逕ｨURI縺ｮ蜷�お繝ｳ繝峨�繧､繝ｳ繝磯∈謚槭↓縺､縺�※
         $('.endpointuri').each(function(){
-        
+
                 // 迴ｾ蝨ｨ縺ｮ繧ｯ繝ｪ繝�け繧､繝吶Φ繝医ｒ蜑企勁�亥､夐㍾蛹門ｯｾ遲厄ｼ�
                 $(this).unbind('click');
@@ -202 +181 @@
                 $(this).click(function(){
 
-            // 驕ｸ謚樊ｸ医∩繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺ｮ繧ｯ繝ｩ繧ｹ縺後≠繧後�髯､蜴ｻ
-            $('.selectedstart').each(function(){
-                $(this).removeClass('selectedstart');
+                        // 驕ｸ謚樊ｸ医∩繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ縺ｮ繧ｯ繝ｩ繧ｹ縺後≠繧後�髯､蜴ｻ
+                        $('.selectedstart').each(function(){
+                                $(this).removeClass('selectedstart');
+                        });
+                        // 繧ｯ繝ｪ繝�け縺輔ｌ縺溯ｦ∫ｴ縺ｫ驕ｸ謚樊ｸ医∩繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繧定ｿｽ蜉
+                        $(this).parent().children('.startclassuri').addClass('selectedstart');
+            
+            // 驕ｸ謚樊ｸ医∩繧ｨ繝ｳ繝峨�繧､繝ｳ繝医�繧ｯ繝ｩ繧ｹ縺後≠繧後�髯､蜴ｻ
+            $('.selectedendpoint').each(function(){
+                $(this).removeClass('selectedendpoint');
             });
-            // 繧ｯ繝ｪ繝�け縺輔ｌ縺溯ｦ∫ｴ縺ｫ驕ｸ謚樊ｸ医∩繧ｹ繧ｿ繝ｼ繝医け繝ｩ繧ｹ繧定ｿｽ蜉
-            $(this).parent().children('.startclassuri').addClass('selectedstart');
+            // 繧ｯ繝ｪ繝�け縺輔ｌ縺溯ｦ∫ｴ縺ｫ驕ｸ謚樊ｸ医∩繧ｨ繝ｳ繝峨�繧､繝ｳ繝医け繝ｩ繧ｹ繧定ｿｽ蜉
+            $(this).addClass('selectedendpoint');
 
             // 繧ｨ繝ｳ繝峨け繝ｩ繧ｹ荳€隕ｧ驛ｨ蛻�ｒ遨ｺ縺ｫ
@@ -213 +199 @@
             // AJAX繝ｭ繝ｼ繝�ぅ繝ｳ繧ｰ逕ｻ蜒上ｒ霑ｽ蜉
             $('.endclass').append('<img src="images/ajax-loader.gif">');
-            
+
             // 繧ｯ繝ｪ繝�け縺輔ｌ縺溘け繝ｩ繧ｹ縺ｮ繧ｨ繝ｳ繝峨�繧､繝ｳ繝医ｒ蜿門ｾ�
             var ep = $(this).attr('title');