Example [46]: 變數的使用
下面這個範例說明如何使用變數及設定變數.
   
        此範例所使用之WML元件    
        card do go prev setvar onevent refresh

        WML 程式碼

        <!�deck1.wml -->
          <?xml version="1.0"?>
          <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
          "http://www.wapforum.org/DTD/wml_1.1.xml">
          <wml>
          <card id="card1" title="First Card" newcontext="true">
              <p>
              Card 1 ... <br/>
            <!-- The following variables will not be defined
            until the other cards in this deck are entered.
            -->
            card1 var1 = $(card1_var1) <br/>
            card2 var1 = $(card2_var1) <br/>
            card3 var1 = $(card3_var1) <br/>
          <do type="accept" label="Next Card">
              <go href="#card2">
                  <setvar name="card1_var1" value="val_1"/>
              </go>
          </do>
              </p>
          </card>
          <card id="card2" title="Second Card">
              <p>
                  Card 2 ... <br/>
                  card1 var1 = $(card1_var1) <br/>
                  card2 var1 = $(card2_var1) <br/>
                  card3 var1 = $(card3_var1) <br/>
          <do type="accept" label="First Card">
                  <go href="#card1"/>
          </do>
          <do type="accept" label="Third Card">
              <go href="#card3">
              <setvar name="card2_var1" value="val_2"/>
          </go>
          </do>
          <do type="prev" label="Previous Card">
               <prev/>
          </do>
          </p>
          </card>
          <card id="card3" title="Third Card">
          <onevent type="onenterforward">
              <refresh>
              <setvar name="card3_var1" value="val_3"/>
                  </refresh>
          </onevent>
              <p>
          Card 3 ... <br/>
          card1 var1 = $(card1_var1) <br/>
          card2 var1 = $(card2_var1) <br/>
          card3 var1 = $(card3_var1) <br/>
          <do type="prev" label="Previous">
          <prev/>
          </do>
          </p>
          </card>
          </wml>

        解說

            當使用者進入這個WML的Deck元件後;下面為所產生的使用者介面(本範例      

          以Nokia 6510為介面)

            wml1.gif (4671 bytes)

               wml2.gif (4915 bytes)

               注意:在這個階段,變數尚未設定其值.

                按options這個按鈕,你可以選擇下一張card.

               wml3.gif (4654 bytes)

                 按下select這個按鈕選擇 Next Card,然後到下一張card.

               wml4.gif (5201 bytes)    

               wml5.gif (5210 bytes)

                  現在card var1被設定了,其值為var_1;然而其它兩個變數尚未設定.

                  按下options 按鈕,到第二張 card

                    6.gif (4500 bytes)

                   現在你可以選擇流灠 First Card 或者 Third Card;利用上下鍵來選擇,按select 按                

                   鈕來決定你所要流灠的card.

                    7.gif (4822 bytes);

                    你可以連續按兩次Back按鈕回到第一張card;現在第一張card的三個變數都設    

                    定好數值了.

                    8.gif (5183 bytes)