79 var ul = $(this).parents('ul'), |
79 var ul = $(this).parents('ul'), |
80 li = $(this).parents('li'), |
80 li = $(this).parents('li'), |
81 iconAction = li.find('.icon-action'), |
81 iconAction = li.find('.icon-action'), |
82 index = li.index(), |
82 index = li.index(), |
83 keyword = $(this).attr('data-keyword'); |
83 keyword = $(this).attr('data-keyword'); |
84 enabledDisplayKeyword(li, keyword, iconAction); |
84 |
85 |
85 |
86 ul.find('li').each(function(k, v){ |
86 ul.find('li').each(function(k, v){ |
87 if(index != k){ |
87 if(index != k){ |
88 var displayKeyword = $(v).find('.display-keyword'), |
88 var displayKeyword = $(v).find('.display-keyword'), |
89 iconAction = $(v).find('.icon-action'), |
89 iconAction = $(v).find('.icon-action'), |
90 keyword = displayKeyword.attr('data-keyword'); |
90 keyword = displayKeyword.attr('data-keyword'); |
91 disabledDisplayKeyword($(v), keyword, iconAction); |
91 disabledDisplayKeyword($(v), keyword, iconAction); |
92 } |
92 } |
93 }); |
93 }); |
|
94 |
|
95 enabledDisplayKeyword(li, keyword, iconAction); |
94 }); |
96 }); |
95 $('.icon-action').bind('click', function(e){ |
97 $('.icon-action').bind('click', function(e){ |
96 e.preventDefault(); |
98 e.preventDefault(); |
97 var li = $(this).parents('li'); |
99 var li = $(this).parents('li'); |
98 toggleDisplayKeyword(li); |
100 toggleDisplayKeyword(li); |
99 }); |
101 }); |
|
102 /* |
100 function toggleDisplayKeyword(li){ |
103 function toggleDisplayKeyword(li){ |
101 var displayKeyword = li.find('.display-keyword'), |
104 var displayKeyword = li.find('.display-keyword'), |
102 iconAction = li.find('.icon-action'), |
105 iconAction = li.find('.icon-action'), |
103 keyword = displayKeyword.attr('data-keyword'); |
106 keyword = displayKeyword.attr('data-keyword'); |
104 if(li.hasClass('disabled')){ |
107 if(li.hasClass('disabled')){ |
115 } |
118 } |
116 function disabledDisplayKeyword(li, keyword, iconAction){ |
119 function disabledDisplayKeyword(li, keyword, iconAction){ |
117 iconAction.removeClass('cross').removeClass('circle'); |
120 iconAction.removeClass('cross').removeClass('circle'); |
118 li.addClass('disabled'); |
121 li.addClass('disabled'); |
119 $('li.keyword-'+keyword).find('.curtain').show(); |
122 $('li.keyword-'+keyword).find('.curtain').show(); |
|
123 iconAction.addClass('circle'); |
|
124 } |
|
125 */ |
|
126 function toggleDisplayKeyword(li){ |
|
127 var displayKeyword = li.find('.display-keyword'), |
|
128 iconAction = li.find('.icon-action'), |
|
129 keyword = displayKeyword.attr('data-keyword'); |
|
130 if(li.hasClass('disabled')){ |
|
131 enabledDisplayKeyword(li, keyword, iconAction); |
|
132 }else{ |
|
133 disabledDisplayKeyword(li, keyword, iconAction); |
|
134 } |
|
135 } |
|
136 function enabledDisplayKeyword(li, keyword, iconAction){ |
|
137 iconAction.removeClass('cross').removeClass('circle'); |
|
138 li.removeClass('disabled'); |
|
139 $('ul.mosaic > li').each(function(k, v){ |
|
140 |
|
141 var keywords = $(v).attr('data-keywords'), |
|
142 item = $(v); |
|
143 keywords = keywords.split(','); |
|
144 for(var i=0; i<= keywords.length; i++){ |
|
145 if($.trim(keywords[i]) == keyword){ |
|
146 item.find('.curtain').hide(); |
|
147 } |
|
148 } |
|
149 }); |
|
150 $('li.keyword-'+keyword).find('.curtain').hide(); |
|
151 iconAction.addClass('cross'); |
|
152 } |
|
153 function disabledDisplayKeyword(li, keyword, iconAction){ |
|
154 iconAction.removeClass('cross').removeClass('circle'); |
|
155 li.addClass('disabled'); |
|
156 $('ul.mosaic > li').each(function(k, v){ |
|
157 |
|
158 var keywords = $(v).attr('data-keywords'), |
|
159 item = $(v); |
|
160 keywords = keywords.split(','); |
|
161 for(var i=0; i<= keywords.length; i++){ |
|
162 if($.trim(keywords[i]) == keyword){ |
|
163 item.find('.curtain').show(); |
|
164 } |
|
165 } |
|
166 }); |
120 iconAction.addClass('circle'); |
167 iconAction.addClass('circle'); |
121 } |
168 } |
122 //map |
169 //map |
123 if($('#map').length){ |
170 if($('#map').length){ |
124 initmap() |
171 initmap() |