Home : Support : Documentation : Technical Notes : Advancing the Cursor in an Input Form
 

Advancing the Cursor in an Input Form

 

Here's a code fragment that shows how to auto-advance the cursor in an Input Form after the user enters the value for each field in a separate card.  Note the use of the "iname" attribute in the "select" statement.  Also note how each of the variables without "format" restrictions (First, Last, City) all share the same entry card.

SOURCE CODE

Generic WML version:

<?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="main">
        <p mode="nowrap">
        <select iname="ii">
            <option>
                <onevent type="onpick">
                    <go href="#entry">
                        <setvar name="title" value="First"/>
                        <setvar name="varname" value="first"/>
                        <setvar name="v" value="$(first:noesc)"/>
                        <setvar name="ii" value="2"/>
                    </go>
                </onevent>First [$(first:noesc)]
            </option>
            <option>
                <onevent type="onpick">
                    <go href="#entry">
                        <setvar name="title" value="Last"/>
                        <setvar name="varname" value="last"/>
                        <setvar name="v" value="$(last:noesc)"/>
                        <setvar name="ii" value="3"/>
                    </go>
                </onevent>Last [$(last:noesc)]
            </option>
            <option>
                <onevent type="onpick">
                    <go href="#entry">
                        <setvar name="title" value="City"/>
                        <setvar name="varname" value="city"/>
                        <setvar name="v" value="$(city:noesc)"/>
                        <setvar name="ii" value="4"/>
                    </go>
                </onevent>City [$(city:noesc)]
            </option>
            <option>
                <onevent type="onpick">
                    <go href="#state">
                        <setvar name="v" value="$(state:noesc)"/>
                        <setvar name="ii" value="5"/>
                    </go>
                </onevent>State [$(state:noesc)]
            </option>
        </select>
        </p>
    </card>
    <card id="entry">
        <do name="accept" type="accept">
            <go href="#main">
                <setvar name="$(varname)" value="$(v:noesc)"/>
            </go>
        </do>
        <p mode="wrap">$(title:noesc):
            <input type="text" name="v"/>
        </p>
    </card>

    <card id="state">
        <p>State:
            <input type="text" name="state" format="AA"/>
        </p>
    </card>
</wml>

 WML with Openwave extensions version:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN"
"http://www.openwave.com/dtd/wml11.dtd" >
<wml>
    <card>
        <p mode="nowrap">
        <select iname="ii">
            <option>
                <onevent type="onpick">
                    <spawn href="#entry">
                        <catch/>
                        <setvar name="title" value="First"/>
                        <setvar name="v" value="$(first:noesc)"/>
                        <setvar name="ii" value="2"/>
                        <receive/>
                        <receive name="first"/>
                        <receive name="ii"/>
                    </spawn>
                </onevent>First [$(first:noesc)]
            </option>
            <option>
                <onevent type="onpick">
                    <spawn href="#entry">
                        <catch/>
                        <setvar name="title" value="Last"/>
                        <setvar name="v" value="$(last:noesc)"/>
                        <setvar name="ii" value="3"/>
                        <receive/>
                        <receive name="last"/>
                        <receive name="ii"/>
                    </spawn>
                </onevent>Last [$(last:noesc)]
            </option>
            <option>
                <onevent type="onpick">
                    <spawn href="#entry">
                        <catch/>
                        <setvar name="title" value="City"/>
                        <setvar name="v" value="$(city:noesc)"/>
                        <setvar name="ii" value="4"/>
                        <receive/>
                        <receive name="city"/>
                        <receive name="ii"/>
                    </spawn>
                </onevent>City [$(city:noesc)]
            </option>
            <option>
                <onevent type="onpick">
                    <spawn href="#state">
                        <catch/>
                        <setvar name="v" value="$(state:noesc)"/>
                        <setvar name="ii" value="5"/>
                        <receive/>
                        <receive name="state"/>
                        <receive name="ii"/>
                    </spawn>
                </onevent>State [$(state:noesc)]
            </option>
        </select>
        </p>
    </card>
    <card id="entry">
        <do name="accept" type="accept">
            <exit>
                <send value="$(next:noesc)"/>
                <send value="$(v:noesc)"/>
                <send value="$(ii:noesc)"/>
            </exit>
        </do>
        <p mode="wrap">$(title:noesc):
            <input type="text" name="v"/>
        </p>
    </card>
    <card id="state">
        <do name="accept" type="accept">
            <exit>
                <send value="$(next:noesc)"/>
                <send value="$(v:noesc)"/>
                <send value="$(ii:noesc)"/>
            </exit>
        </do>
        <p>State:
        <input type="text" name="v" format="AA"/>
        </p>
    </card>
</wml>