探索與發(fā)現(xiàn)

          研究java技術(shù)

            BlogJava :: 首頁(yè) :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            83 隨筆 :: 0 文章 :: 109 評(píng)論 :: 0 Trackbacks

          2009年9月10日 #


          css 樣式
          .productshow{width:100%}
          .productshow .text{list-style-type:none; margin:0; padding:0}
          .productshow .text li{line-height:25px; background:url(../t_line.gif) repeat-x bottom}
          .productshow .text li A {background:url(../icons/dot1.gif) no-repeat; background-position:0 3px; padding-left:13px}
          .productshow .text A:link {color: #000; text-decoration: none}
          .productshow .text A:visited {color:#000; text-decoration: none}
          .productshow .text A:active {color: #000; text-decoration: none}
          .productshow .text A:hover {color: #B00000; text-decoration: underline}
          .productshow .pic{list-style-type:none; margin:0; padding:0}
          .productshow .pic li{float:left; width:120px}
          .productshow .pic li p{text-align:center; line-height:160%; word-break:break-all; width:120px; overflow:auto; }
          .productshow .pic li .picture{margin:0 auto; text-align:Center; width:110px; height:110px}
          .productshow .pic li .picture IMG{MARGIN-TOP: expression(( 110 - this.height ) / 2); width: expression(this.width > 110 ? 110 : true); height: expression(this.height > 110 ? 110 : true); max-width: 110px; max-height: 110px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center}
          .productshow .pic li .sprice{text-align:center;color:#999;text-decoration:line-through}
          .productshow .pic li .proname{margin:0 auto; text-align:center; line-height:160%; height:40px; word-break:break-all; width:120px; overflow:hidden}
          .productshow .pic li .price{text-align:center;color:#ff0000}
          .productshow .pic li .buylist{line-height:25px; text-align:center;color:#6DAADA; display:none}
          .productshow .pic .list-line{width:157px}
          .productshow .pic .list-line .picture-s{float:left; margin:0 auto; text-align:Center; width:50px; height:50px}
          .productshow .pic .list-line .picture-s IMG{MARGIN-TOP: expression(( 45 - this.height ) / 2); width: expression(this.width > 45 ? 45 : true); height: expression(this.height > 45 ? 45 : true); max-width: 45px; max-height: 45px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center}
          .productshow .pic .list-line .picinfo{float:left; padding-left:12px; width:95px}
          .productshow .pic li A:link {color: #000; text-decoration: none}
          .productshow .pic li A:visited {color:#000; text-decoration: none}
          .productshow .pic li A:active {color: #000; text-decoration: none}
          .productshow .pic li A:hover {color: #B00000; text-decoration: underline}



          主體代碼

          <table width="609" style="border:1px solid #FF8119" cellspacing="0" cellpadding="0">
                        <tbody><tr>
                          <td background="shop/skins/56770_com_b_002/center_bg.gif"><div class="productshow">
          <ul class="pic">
          <form action="#" method="post" name="LEBI_FORMBUY_0001" id="LEBI_FORMBUY_0001"><li>
           <div class="picture"><a href="shop/product/default.asp?id=16" class="picborder" target="_self"><img border="0" src="shop/Pic/201009/1211144612000.jpg" {@onmouse}="" alt="2010男裝 秋裝商"></a></div>
           <div class="proname"><a href="shop/product/default.asp?id=16" title="2010男裝 秋裝商" target="_self">2010男裝 秋裝商</a></div>
                   <p><span class="sprice">市場(chǎng)價(jià):¥100.00</span></p>
           <p><span class="price">購(gòu)買價(jià):¥90.00</span></p>
           <p class="buylist">購(gòu)買數(shù)量 <input type="text" name="pro_num_0001_16" id="pro_num_0001_16" value="1" size="3" style="width:30px;" class="form"><input type="hidden" name="pro_size_0001_16" id="pro_size_0001_16" value="-"><input type="hidden" name="pro_color_0001_16" id="pro_color_0001_16" value="-"><br><input type="button" name="button_0001_16" value="購(gòu)買" onclick="javascript:addtobasket('16','0001','','1')" class="button">&nbsp;<input type="button" name="fav" value="收藏" onclick="location.href='shop/user/?action=shoucang_add&amp;id=16&amp;product_name=2010%E7%94%B7%E8%A3%85+%E7%A7%8B%E8%A3%85%E5%95%86&amp;backurl=http%3A%2F%2Flocalhost%3A80%2Fshop%2Fdefault%2Easp&amp;product_type='" class="button">
          </p>
          </li><li>
           <div class="picture"><a href="shop/product/default.asp?id=15" class="picborder" target="_self"><img border="0" src="shop/Pic/201009/1211103327386.jpg" {@onmouse}="" alt="2010男裝 秋裝商"></a></div>
           <div class="proname"><a href="shop/product/default.asp?id=15" title="2010男裝 秋裝商" target="_self">2010男裝 秋裝商</a></div>
                   <p><span class="sprice">市場(chǎng)價(jià):¥120.00</span></p>
           <p><span class="price">購(gòu)買價(jià):¥120.00</span></p>
           <p class="buylist">購(gòu)買數(shù)量 <input type="text" name="pro_num_0001_15" id="pro_num_0001_15" value="1" size="3" style="width:30px;" class="form"><input type="hidden" name="pro_size_0001_15" id="pro_size_0001_15" value="-"><input type="hidden" name="pro_color_0001_15" id="pro_color_0001_15" value="-"><br><input type="button" name="button_0001_15" value="購(gòu)買" onclick="javascript:addtobasket('15','0001','','1')" class="button">&nbsp;<input type="button" name="fav" value="收藏" onclick="location.href='shop/user/?action=shoucang_add&amp;id=15&amp;product_name=2010%E7%94%B7%E8%A3%85+%E7%A7%8B%E8%A3%85%E5%95%86&amp;backurl=http%3A%2F%2Flocalhost%3A80%2Fshop%2Fdefault%2Easp&amp;product_type='" class="button">
          </p>
          </li><li>
           <div class="picture"><a href="shop/product/default.asp?id=14" class="picborder" target="_self"><img border="0" src="shop/Pic/201009/121181193516.jpg" {@onmouse}="" alt="2010男裝 秋裝商"></a></div>
           <div class="proname"><a href="shop/product/default.asp?id=14" title="2010男裝 秋裝商" target="_self">2010男裝 秋裝商</a></div>
                   <p><span class="sprice">市場(chǎng)價(jià):¥100.00</span></p>
           <p><span class="price">購(gòu)買價(jià):¥100.00</span></p>
           <p class="buylist">購(gòu)買數(shù)量 <input type="text" name="pro_num_0001_14" id="pro_num_0001_14" value="1" size="3" style="width:30px;" class="form"><input type="hidden" name="pro_size_0001_14" id="pro_size_0001_14" value="-"><input type="hidden" name="pro_color_0001_14" id="pro_color_0001_14" value="-"><br><input type="button" name="button_0001_14" value="購(gòu)買" onclick="javascript:addtobasket('14','0001','','1')" class="button">&nbsp;<input type="button" name="fav" value="收藏" onclick="location.href='shop/user/?action=shoucang_add&amp;id=14&amp;product_name=2010%E7%94%B7%E8%A3%85+%E7%A7%8B%E8%A3%85%E5%95%86&amp;backurl=http%3A%2F%2Flocalhost%3A80%2Fshop%2Fdefault%2Easp&amp;product_type='" class="button">
          </p>
          </li><li>
           <div class="picture"><a href="shop/product/default.asp?id=11" class="picborder" target="_self"><img border="0" src="shop/Pic/201009/121101451977.jpg" {@onmouse}="" alt="2010品牌男襯衣"></a></div>
           <div class="proname"><a href="shop/product/default.asp?id=11" title="2010品牌男襯衣" target="_self">2010品牌男襯衣</a></div>
                   <p><span class="sprice">市場(chǎng)價(jià):¥100.00</span></p>
           <p><span class="price">購(gòu)買價(jià):¥100.00</span></p>
           <p class="buylist">購(gòu)買數(shù)量 <input type="text" name="pro_num_0001_11" id="pro_num_0001_11" value="1" size="3" style="width:30px;" class="form"><input type="hidden" name="pro_size_0001_11" id="pro_size_0001_11" value="-"><input type="hidden" name="pro_color_0001_11" id="pro_color_0001_11" value="-"><br><input type="button" name="button_0001_11" value="購(gòu)買" onclick="javascript:addtobasket('11','0001','','1')" class="button">&nbsp;<input type="button" name="fav" value="收藏" onclick="location.href='shop/user/?action=shoucang_add&amp;id=11&amp;product_name=2010%E5%93%81%E7%89%8C%E7%94%B7%E8%A1%AC%E8%A1%A3&amp;backurl=http%3A%2F%2Flocalhost%3A80%2Fshop%2Fdefault%2Easp&amp;product_type='" class="button">
          </p>
          </li><li>
           <div class="picture"><a href="shop/product/default.asp?id=9" class="picborder" target="_self"><img border="0" src="shop/Pic/201009/121053257865.jpg" {@onmouse}="" alt="2010年秋冬新款特"></a></div>
           <div class="proname"><a href="shop/product/default.asp?id=9" title="2010年秋冬新款特" target="_self">2010年秋冬新款特</a></div>
                   <p><span class="sprice">市場(chǎng)價(jià):¥100.00</span></p>
           <p><span class="price">購(gòu)買價(jià):¥100.00</span></p>
           <p class="buylist">購(gòu)買數(shù)量 <input type="text" name="pro_num_0001_9" id="pro_num_0001_9" value="1" size="3" style="width:30px;" class="form"><input type="hidden" name="pro_size_0001_9" id="pro_size_0001_9" value="-"><input type="hidden" name="pro_color_0001_9" id="pro_color_0001_9" value="-"><br><input type="button" name="button_0001_9" value="購(gòu)買" onclick="javascript:addtobasket('9','0001','','1')" class="button">&nbsp;<input type="button" name="fav" value="收藏" onclick="location.href='shop/user/?action=shoucang_add&amp;id=9&amp;product_name=2010%E5%B9%B4%E7%A7%8B%E5%86%AC%E6%96%B0%E6%AC%BE%E7%89%B9&amp;backurl=http%3A%2F%2Flocalhost%3A80%2Fshop%2Fdefault%2Easp&amp;product_type='" class="button">
          </p>
          </li></form></ul>

          <div class="both"></div></div></td>
                        </tr>
                        <tr>
                          <td><img src="shop/skins/56770_com_b_002/center_bottom.gif" width="609" height="10"></td>
                        </tr>
                      </tbody></table> 
                     

          posted @ 2010-09-15 22:55 蜘蛛 閱讀(312) | 評(píng)論 (0)編輯 收藏

          為測(cè)試 Flex 應(yīng)用程序設(shè)置測(cè)試環(huán)境

          正確的用于測(cè)試 Flex 應(yīng)用程序的環(huán)境設(shè)置將有助于確保可靠的功能測(cè)試結(jié)果。測(cè)試環(huán)境一般由測(cè)試人員在測(cè)試計(jì)算機(jī)上進(jìn)行設(shè)置。

          關(guān)于此任務(wù)

          要設(shè)置測(cè)試環(huán)境:

          過(guò)程

          1. 檢查瀏覽器的設(shè)置:
            1. Internet Explorer:
              1. 打開 Internet Explorer。
              2. 單擊工具 > 互聯(lián)網(wǎng)選項(xiàng)
              3. 單擊安全性選項(xiàng)卡。
              4. 選擇適當(dāng)?shù)?Web 內(nèi)容區(qū)域。執(zhí)行下列某個(gè)步驟:
                • 如果在遠(yuǎn)程機(jī)器上配置了 Web 服務(wù)器,那么請(qǐng)完成下列步驟:
                  1. 選擇本地內(nèi)部網(wǎng)
                  2. 單擊站點(diǎn) > 高級(jí)
                  3. 將此 Web 站點(diǎn)添加到區(qū)域字段中,輸入要添加到 Web 站點(diǎn)的 URL。
                  4. 單擊添加,然后單擊確定
                • 如果在本地主機(jī)上配置了 Web 服務(wù)器,那么請(qǐng)完成下列步驟:
                  1. 選擇本地內(nèi)部網(wǎng)
                  2. 單擊定制級(jí)別
                  3. 復(fù)位至列表中,選擇中低
                  4. 在“設(shè)置”窗格中,針對(duì)初始化且腳本 ActiveX 控件不標(biāo)記為安全一項(xiàng)單擊啟用
                  5. 單擊確定
            2. Firefox:
              1. 單擊工具 > 選項(xiàng) > 內(nèi)容
              2. 清除阻止彈出窗口復(fù)選框。
              3. 單擊工具 > 選項(xiàng) > 安全
              4. 清除當(dāng)有站點(diǎn)試圖安裝插件時(shí)發(fā)出警告復(fù)選框。
          2. 打開 IBM Rational Functional Tester,然后單擊配置 > 啟用測(cè)試環(huán)境。必須啟用所需要的 JRE 并將 Internet Explorer 設(shè)置為缺省 Web 瀏覽器。
          3. 在“Web 瀏覽器”頁(yè)面中啟用所需要的瀏覽器。
          4. 將測(cè)試下應(yīng)用程序設(shè)置為可信以在本地運(yùn)行應(yīng)用程序。指向單個(gè)文件或目錄的路徑處于可信狀態(tài),同時(shí)所有的文件將會(huì)分配到每個(gè)選定的目錄及其可信的子目錄中。按照下列步驟來(lái)分配信任目標(biāo):
            1. 在 C:\WINDOWS\system32\Macromed\Flash 中創(chuàng)建文件夾 FlashPlayerTrust。
            2. 在 FlashPlayerTrust 文件夾中創(chuàng)建一個(gè)名為 Flex 且不帶擴(kuò)展名的文件。
            3. 在 Flex 文件中輸入 Flex 應(yīng)用程序的目錄路徑。例如,如果 Flex 應(yīng)用程序位于 C:\Test 目錄中,請(qǐng)?jiān)?Flex 文件中輸入路徑 C:\Test
            4. 保存文件。
          posted @ 2010-07-27 06:00 蜘蛛 閱讀(258) | 評(píng)論 (0)編輯 收藏

          http://unitedmindset.com/jonbcampos/2009/08/12/flex-best-practices-events/
          posted @ 2009-09-18 06:53 蜘蛛 閱讀(419) | 評(píng)論 (2)編輯 收藏

          http://www.davidtucker.net/category/cairngorm/
          posted @ 2009-09-15 20:36 蜘蛛 閱讀(206) | 評(píng)論 (0)編輯 收藏

          1.可以使用PopUpManager進(jìn)行界面切換
          2.使用狀態(tài)(state),自定義一些狀態(tài)事件(StateEvent),在index.mxml(mx:application)中監(jiān)聽組件派發(fā)的狀態(tài)事件類型,利用改變狀態(tài)來(lái)改變顯示的界面.


          ⑴用第一種方式來(lái)實(shí)現(xiàn)相對(duì)簡(jiǎn)單,利用PopUpManager的一些靜態(tài)方法即可實(shí)現(xiàn),比較適用于一些size相對(duì)較小的可視化組件,比如:登陸表單組件,或修改一個(gè)值,要求重新輸入一個(gè)新值等等類似情況.實(shí)現(xiàn)示例代碼如下:

          Js代碼
          1. <span style="font-size: small;">var win:*;   
          2. win = new loginPanel();   
          3. //彈出顯示登錄框   
          4. PopUpManager.addPopUp(win,this,true);   
          5. //登陸框顯示在中間   
          6. PopUpManager.centerPopUp(win); </span>  

           ⑵在第二種方法中利用state來(lái)改變顯示的界面則要相對(duì)復(fù)雜許多.

          ①首先我們需要自定義統(tǒng)一的狀態(tài)事件名稱

          Java代碼
          1. <span style="font-size: small;">package note.events{  
          2. /** 
          3.  * 狀態(tài)事件,每個(gè)狀態(tài)值要和狀態(tài)名稱一樣 
          4.  * @author halzhang 
          5. */  
          6. public class StateEvent{  
          7.           public static const NULL_STATE:String = "";  
          8.           public static const LOGIN_STATE:String = "loginState";  
          9.           public static const ADDNOTE_STATE:String = "addNoteState";  
          10.           public static const ADDUSER_STATE:String = "addUserState";  
          11.           public static const LISTALLUSER_STATE:String = "listAllUserState";  
          12.          }  
          13. }</span>  

           ②在Flex項(xiàng)目的主程序中定義state,當(dāng)然也可以加上狀態(tài)切換的動(dòng)畫.

          Html代碼
          1. <span style="font-size: small;"><!-- 定義狀態(tài),我們分別定義了三個(gè)狀態(tài),每個(gè)狀態(tài)對(duì)應(yīng)一個(gè)自定義的可視化組件  -->  
          2.     <mx:states>  
          3.         <mx:State name="loginState">  
          4.             <mx:AddChild position="lastChild">  
          5.                 <!-- 狀態(tài)對(duì)應(yīng)的自定義組件:登陸組件 -->  
          6.                 <view:loginPanel id="panel_login" x="195" y="89"/>  
          7.             </mx:AddChild>  
          8.         </mx:State>  
          9.           
          10.         <mx:State name="addNoteState">  
          11.             <mx:AddChild position="lastChild">  
          12.                 <!-- 狀態(tài)對(duì)應(yīng)的自定義組件:添加留言組件 -->  
          13.                 <view:addNotePanel id="panel_addNote" x="10" y="44"/>  
          14.             </mx:AddChild>  
          15.         </mx:State>  
          16.           
          17.         <mx:State name="addUserState">  
          18.             <mx:AddChild position="lastChild">  
          19.                 <!-- 狀態(tài)對(duì)應(yīng)的自定義組件:添加用戶組件 -->  
          20.                 <view:addUserPanel id="panel_addUser" x="10" y="44"/>  
          21.             </mx:AddChild>  
          22.         </mx:State>  
          23.           
          24.         <mx:State name="listAllUserState">  
          25.             <mx:AddChild position="lastChild">  
          26.                 <view:allUserPanel id="panel_allUser" x="10" y="44"/>  
          27.             </mx:AddChild>  
          28.         </mx:State>  
          29.     </mx:states></span>  

          ③在組件中派發(fā)狀態(tài)事件(StateEvent)

          Js代碼
          1. <span style="font-size: small;"> //關(guān)閉添加留言組件的時(shí)候派發(fā)"空"狀態(tài)事件,也就是主程序界面不顯示其他組件     
          2.  //如果想顯示其他組件,則派發(fā)相應(yīng)的狀態(tài)事件     
          3.  internal function closeMySelf():void{    
          4.         appModel.dispatchEvent(new Even(StateEvent.NULL_STATE));    
          5.  }</span>  

          ④在主程序界面中監(jiān)聽狀態(tài)事件(StateEvent),從而通過(guò)改變狀態(tài)來(lái)顯示我們需要的組件.

          Js代碼
          1. <span style="font-size: small;">                                                //添加狀態(tài)事件監(jiān)聽,在程序初始化的時(shí)候執(zhí)行  
          2.             internal function stateListener():void{  
          3.                 appModel.addEventListener(StateEvent.NULL_STATE,stateEventHandler);  
          4.                 appModel.addEventListener(StateEvent.LOGIN_STATE,stateEventHandler);  
          5.                 appModel.addEventListener(StateEvent.ADDNOTE_STATE,stateEventHandler);  
          6.             }  
          7.             //狀態(tài)事件處理函數(shù)  
          8.             internal function stateEventHandler(evt:Event):void{  
          9.                 this.currentState = evt.type.toString();  
          10.             }</span>  

          在項(xiàng)目中appModel是一個(gè)繼承 EventDispatcher,使用單例模式實(shí)現(xiàn)的程序模型.不知道讀者是否發(fā)現(xiàn)StateEvent中事件名稱是和主程序界面中定義的state的 name值是一致的.因?yàn)檫@樣定義我們就可以使用統(tǒng)一的狀態(tài)事件處理函數(shù),就不需要先去判斷是哪個(gè)狀態(tài)事件,在來(lái)改變當(dāng)前狀態(tài).只要簡(jiǎn)單的執(zhí)行 this.currentState = evt.type.toString();

          posted @ 2009-09-10 17:50 蜘蛛 閱讀(2873) | 評(píng)論 (2)編輯 收藏

          主站蜘蛛池模板: 广宗县| 太湖县| 栾城县| 栾川县| 临沂市| 新昌县| 习水县| 全椒县| 石首市| 北辰区| 漳浦县| 迭部县| 铁岭市| 中方县| 乌苏市| 林口县| 漳浦县| 仁化县| 南江县| 前郭尔| 平顺县| 丰原市| 都兰县| 雅安市| 佛冈县| 巩义市| 朝阳县| 绥德县| 沁阳市| 锡林浩特市| 乐山市| 鲁山县| 肃宁县| 凤凰县| 桓仁| 高邮市| 乐山市| 山西省| 诸城市| 日喀则市| 汪清县|