<s:behavior b:name="mouseevents"> <s:event b:on="mouseenter"> <s:setstyle b:background-color="#D4EAF9" /> </s:event> <s:event b:on="mouseleave"> <s:setstyle b:background-color="#FFFFFF" /> </s:event> <s:event b:on="filter-in"> <s:task b:action="show" /> <s:fxstyle b:height="auto" b:time="500" /> </s:event> <s:event b:on="filter-out"> <s:fxstyle b:height="0px" b:time="500" /> <s:task b:action="hide" /> </s:event> </s:behavior> <s:behavior b:name="filter-slider"> <s:event b:on="construct" b:action="js" b:value="{concat(string(@w:section), '.AddFilter(''', @w:prop, ''',''NUMBER'')')}" /> <s:event b:on="change"> <s:choose> <s:when b:test="@w:filtertype = 'upper'"> <s:task b:action="js" b:value="{concat(string(@w:section),'.aFilters[''' ,@w:prop,'''].SetUpper(',@b:value,');')}" /> </s:when> <s:when b:test="@w:filtertype = 'lower'"> <s:task b:action="js" b:value="{concat(string(@w:section),'.aFilters[''' ,@w:prop,'''].SetLower(',@b:value,');')}" /> </s:when> </s:choose> <s:task b:action="js" b:value="{concat(string(@w:section), '.ApplyFilters(''', @w:prop,''');')}" /> </s:event> </s:behavior> <s:behavior b:name="filter-match"> <s:event b:on="construct"> <s:task b:action="js" b:value="{concat(string(@w:section), '.AddFilter(''', @w:prop, ''',''MATCH'');')}" /> <s:task b:test="@b:state='selected'" b:action="trigger" b:event="change" /> </s:event> <s:event b:on="change"> <s:choose> <s:when b:test="@b:state = 'selected'"> <s:task b:action="js" b:value="{concat(string(@w:section),'.aFilters[''' ,@w:prop,'''].AddMatch(''',@b:value,''');')}" /> </s:when> <s:otherwise> <s:task b:action="js" b:value="{concat(string(@w:section),'.aFilters[''' ,@w:prop,'''].RemoveMatch(''',@b:value,''');')}" /> </s:otherwise> </s:choose> <s:task b:action="js" b:value="{concat(string(@w:section), '.ApplyFilters(''', @w:prop,''');')}" /> </s:event> </s:behavior> <s:tasklist b:name="itemsort"> <s:fxstyle b:motion="log" /> <s:task b:action="sort" b:source="id('planitems')/div" b:target="id('planitems')"/> </s:tasklist> <s:gfxset b:directory="controls/b-slider" b:tag="b:slider" b:name="TK"> <s:gfx b:type="grippy" b:normal="horizontal_grippy.gif" /> </s:gfxset> <b:panelset b:rows="68px 10px * 10px"> <b:panel style="overflow:hidden;"><img src="./head_img.jpg" width="760" height="67" alt="CMPUNCH Ajax Travel Demo" /></b:panel> <b:panel style="clear:both; overflow:hidden;" /> <b:panel> <b:panelset b:cols="10px 230px 10px 510px" style="width:760px;"> <b:panel /> <b:panel> <div class="div-border"> <div class="div-title">検索条件設定</div> <div class="div-matter"> <b:box> <div class="matter">料金で絞り込み</div> <b:slider id="slide_price" class="sliderClass" b:gfxset="TK" b:behavior="filter-slider" w:section="planitem" w:prop="price" w:filtertype="upper" b:value="15000" b:ori="hor" b:start="5000" b:end="15000" b:snap="true" b:step="1000" b:focusindicator="false" /> お一人様 <input type="text" b:connect="id('slide_price')" size="7" value="" /> 円以内 </b:box> <b:box> <div class="matter">コース時間で絞り込み</div> <b:slider id="slide_time" class="sliderClass" b:gfxset="TK" b:behavior="filter-slider" w:section="planitem" w:prop="time" w:filtertype="upper" b:value="8" b:ori="hor" b:start="1" b:end="8" b:snap="true" b:step="1" b:focusindicator="false" /> <input type="text" b:connect="id('slide_time')" size="7" value="" /> 時間以内 </b:box> <b:box> <div class="matter">目的で絞り込み</div> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="0" /> マニアックな<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="1" /> 夜景を見る<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="2" /> 東京下町観光<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="3" /> 四季の名所<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="4" /> 人気のスポット<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="5" /> お台場<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="6" /> 横浜<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="7" /> 買い物優先<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="8" /> 名所・旧跡<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="9" /> 歴史を感じる<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="10" /> 美術・芸術<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="11" /> 公園・名所<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="12" /> 神社仏閣<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="13" /> テレビ・雑誌で話題の場所<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="14" /> アウトレット・ショップ<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="15" /> 芸能人に会えるかも<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="16" /> 学校 </b:box> <b:box> <div class="matter">一緒に行く人で絞り込み</div> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="0" /> 夫婦<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="1" /> 家族(子供あり)<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="2" /> 家族(大人のみ)<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="3" /> 友人同士(シニア)<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="4" /> 友人同士(若者)<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="5" /> 女性同士(シニア/友人)<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="6" /> 女性同士(若者/友人)<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="7" /> 女性同士(母娘)<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="8" /> お年寄り<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="9" /> お体の不自由な方<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="10" /> 受験生<br /> <input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="11" /> その他<br /> </b:box> </div> </div> </b:panel> <b:panel /> <b:panel id="resultPanel"> <div class="div-border"> <div class="div-title">検索結果</div> <div class="div-content"> <div id="sortcondition"> <div class="HCourseNo"><a href="javascript:void(0);" b:onclick="itemsort" b:attribute="b:no">コースNo.</a></div> <div class="HCourseName"><a href="javascript:void(0);" b:onclick="itemsort" b:attribute="b:plan">コース名</a></div> <div class="HCourseTime"><a href="javascript:void(0);" b:onclick="itemsort" b:attribute="b:time">所要時間</a></div> <div class="HCoursePrice"><a href="javascript:void(0);" b:onclick="itemsort" b:attribute="b:price">お一人様料金</a></div> </div> <div id="planitems"> <div id="planitem-0" b:behavior="mouseevents" class="planitem" b:no="cmp001" b:plan="一風変わった東京巡り" b:price="8500" b:time="300"> <s:event b:on="construct"> <s:lock b:target="id('planitems')"> <s:task b:action="js" b:value="planitem.aResults[0] = new Item(0); planitem.aResults[0]['price']=8500; planitem.aResults[0]['time']=5; planitem.aResults[0]['purpose']='0'; planitem.aResults[0]['with']='0';" /> </s:lock> </s:event> <table> <tbody> <tr> <td class="CourseNo">cmp001</td> <td class="CourseName"><a b:action="show-hide" b:target="id('cmp001d')">一風変わった東京巡り</a></td> <td class="CourseTime">5時間</td> <td class="CoursePrice">8,500円</td> <td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td> </tr> </tbody> </table> <div class="plandetail" id="cmp001d"> <table> <tr> <td><img src="images/cmp001.jpg" width="170" height="113" alt="イメージ" /></td> <td>概要テキスト表示エリア</td> </tr> </table> </div> </div> <div id="planitem-1" b:behavior="mouseevents" class="planitem" b:no="cmp002" b:plan="夜景を見ながら東京巡り" b:price="5100" b:time="180"> <s:event b:on="construct"> <s:lock b:target="id('planitems')"> <s:task b:action="js" b:value="planitem.aResults[1] = new Item(1); planitem.aResults[1]['price']=5100; planitem.aResults[1]['time']=3; planitem.aResults[1]['purpose']='1'; planitem.aResults[1]['with']='1';" /> </s:lock> </s:event> <table> <tbody> <tr> <td class="CourseNo">cmp002</td> <td class="CourseName"><a b:action="show-hide" b:target="id('cmp002d')">夜景を見ながら東京巡り</a></td> <td class="CourseTime">3時間</td> <td class="CoursePrice">5,100円</td> <td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td> </tr> </tbody> </table> <div class="plandetail" id="cmp002d"> <table> <tr> <td><img src="images/cmp002.jpg" width="170" height="113" alt="イメージ" /></td> <td>概要テキスト表示エリア</td> </tr> </table> </div> </div> <div id="planitem-2" b:behavior="mouseevents" class="planitem" b:no="cmp003" b:plan="東京下町巡り" b:price="6800" b:time="240"> <s:event b:on="construct"> <s:lock b:target="id('planitems')"> <s:task b:action="js" b:value="planitem.aResults[2] = new Item(2); planitem.aResults[2]['price']=6800; planitem.aResults[2]['time']=4; planitem.aResults[2]['purpose']='2'; planitem.aResults[2]['with']='2';" /> </s:lock> </s:event> <table> <tbody> <tr> <td class="CourseNo">cmp003</td> <td class="CourseName"><a b:action="show-hide" b:target="id('cmp003d')">東京下町巡り</a></td> <td class="CourseTime">4時間</td> <td class="CoursePrice">6,800円</td> <td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td> </tr> </tbody> </table> <div class="plandetail" id="cmp003d"> <table> <tr> <td><img src="images/cmp003.jpg" width="170" height="113" alt="イメージ" /></td> <td>概要テキスト表示エリア</td> </tr> </table> </div> </div> <div id="planitem-3" b:behavior="mouseevents" class="planitem" b:no="cmp004" b:plan="東京の有名神社巡り" b:price="6800" b:time="240"> <s:event b:on="construct"> <s:lock b:target="id('planitems')"> <s:task b:action="js" b:value="planitem.aResults[3] = new Item(3); planitem.aResults[3]['price']=7800; planitem.aResults[3]['time']=4.5; planitem.aResults[3]['purpose']='3'; planitem.aResults[3]['with']='3';" /> </s:lock> </s:event> <table> <tbody> <tr> <td class="CourseNo">cmp004</td> <td class="CourseName"><a b:action="show-hide" b:target="id('cmp004d')">東京の有名神社巡り</a></td> <td class="CourseTime">4.5時間</td> <td class="CoursePrice">7,800円</td> <td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td> </tr> </tbody> </table> <div class="plandetail" id="cmp004d"> <table> <tr> <td><img src="images/cmp004.jpg" width="170" height="113" alt="イメージ" /></td> <td>概要テキスト表示エリア</td> </tr> </table> </div> </div> <div id="planitem-4" b:behavior="mouseevents" class="planitem" b:no="cmp005" b:plan="東京定番・皇居を訪問" b:price="6000" b:time="210"> <s:event b:on="construct"> <s:lock b:target="id('planitems')"> <s:task b:action="js" b:value="planitem.aResults[4] = new Item(4); planitem.aResults[4]['price']=6000; planitem.aResults[4]['time']=3.5; planitem.aResults[4]['purpose']='4'; planitem.aResults[4]['with']='4';" /> </s:lock> </s:event> <table> <tbody> <tr> <td class="CourseNo">cmp005</td> <td class="CourseName"><a b:action="show-hide" b:target="id('cmp005d')">東京定番・皇居を訪問</a></td> <td class="CourseTime">3.5時間</td> <td class="CoursePrice">6,000円</td> <td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td> </tr> </tbody> </table> <div class="plandetail" id="cmp005d"> <table> <tr> <td><img src="images/cmp005.jpg" width="170" height="113" alt="イメージ" /></td> <td>概要テキスト表示エリア</td> </tr> </table> </div> </div> <div id="planitem-5" b:behavior="mouseevents" class="planitem" b:no="cmp006" b:plan="銀座・築地・お台場" b:price="12200" b:time="360"> <s:event b:on="construct"> <s:lock b:target="id('planitems')"> <s:task b:action="js" b:value="planitem.aResults[5] = new Item(5); planitem.aResults[5]['price']=12200; planitem.aResults[5]['time']=6; planitem.aResults[5]['purpose']='5'; planitem.aResults[5]['with']='5';" /> </s:lock> </s:event> <table> <tbody> <tr> <td class="CourseNo">cmp006</td> <td class="CourseName"><a b:action="show-hide" b:target="id('cmp006d')">銀座・築地・お台場</a></td> <td class="CourseTime">6時間</td> <td class="CoursePrice">12,200円</td> <td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td> </tr> </tbody> </table> <div class="plandetail" id="cmp006d"> <table> <tr> <td><img src="images/cmp006.jpg" width="170" height="113" alt="イメージ" /></td> <td>概要テキスト表示エリア</td> </tr> </table> </div> </div> </div> </div> </div> </b:panel> </b:panelset> </b:panel> <b:panel style="clear:both; overflow:hidden;" /> </b:panelset>