ASP y WAP

• Descripción de los elementos WML II
• Introducción de datos
• Enlaces
• Variables
• Imágenes
• Formato del texto

Descripción de los elementos WML II

 Introducción de datos

De modo equivalente a los elementos de tipo form de HTML, WML contempla la introducción de datos por parte del usuario, gracias a los elementos <input> para la introducción de texto por teclado y <select> para mostrar una lista de opciones.

Para el elemento input pueden definirse caracteres máximos permitidos, valores por defecto y formato de los datos.

<card>
    <p>Introduzca sus datos: <br/>
        Nombre: <input type="text" name="nombre" maxlength="30" 
                 value="Juan"/><br/>
        Apellido: <input type="text" name="apellido"/><br/>
        Edad: <input type="text" name="edat" format="NN"/>
    </p>
</card>

<card id="Card_1">
    <p>
    Seleccione la opción deseada:
    <select name="operacion">
        <option value="1" onpick="consulta.wml"> Consulta </option>
        <option value="2" onpick="transfer.wml"> Transferencias </option>
        <option value="3" onpick="acciones.wml"> Cotización bolsa </option>
    </select>
    </p>
</card>

En el caso del <select> puede preseleccionar opciones. En el siguiente ejemplo, la variable I contendrá los valores indicados por los elementos de tipo option separados por el carácter ";"

<card>
    <p>
    Selecciona tus actividades preferidas:
    <select name="X" iname="I" ivalue="1;2" multiple="true">
        <option value="A">Lectura</option>
        <option value="B">Deporte</option>
        <option value="C">Ocio</option>
    </select>
    </p>
</card>

En el siguiente ejemplo se utiliza el elemento <optgroup> para agrupar opciones

<wml>
<card id="card1" title="pais">
    <p>
    Seleccione un país:
    <select name="país" multiple="true" tabindex="2">
        <optgroup title="Europa">
            <option value="esp">España</option>
            <option value="ita">Italia</option>
            <option value="por">Portugal</option>
        </optgroup>
        <optgroup title="América">
            <option value ="arg">Argentina</option>
            <option value ="uru">Uruguay</option>
            <option value ="bra">Brasil</option>
        </optgroup>
    </select>
    </p>
</card>
</wml>

En el siguiente ejemplo, el campo <postfield>, permite enviar información al servidor indicado por "href" lo que en HTML sería equivalente a utilizar campos ocultos (tipo hidden).

<go method="get" href="http://midominio/asps/doLoan.asp">
    <postfield name="importe" value="835000"/>
    <postfield name="porcentaje" value="7.2"/>
    <postfield name="tiempo" value="6"/>
</go>

Cómo resultado del anterior ejemplo el servidor recibiría la siguiente petición:doLoan.asp?importe=835000&porcentaje=7.2&tiempo=6

Esta información podría ser recuperada en la página ASP con el código:

Request.querystring("importe")
Request.querystring("porcentaje")
Request.querystring("tiempo")

 Enlaces

El elemento <anchor>equivale al tag <A> en HTML y habitualmente contendrán elementos de tipo <do>. A diferencia de estos últimos, su activación no se realiza con la pulsación de las teclas de navegación del móvil.

Por ejemplo,

<anchor>
	Volver <go href="#inicio"/ >
</anchor>

es equivalente a

<a href="#inicio" > <br/>Volver</a>

 Variables

En WML, puede se declaran las variables mediante un texto precedido del símbolo "$". Por ejemplo: $(nombre)

Para asignar un valor a una variable se utiliza el elemento "setvar" del siguiente modo: <setvar name="location" value="$(X)"/ >

Pueden ser manipuladas por WMLScript y utilizadas directamente en un documento WML del modo "Hola, $(nombre)"

 Imágenes

La tecnología WAP soporta la visualización de imágenes en formato denominado WBMP cuya característica principal es el escaso consumo de bytes para hacer más rápida su descarga.

Para generar este tipo de imágenes puede utilizar el plug-in disponible para Adobe Photoshop así como utilizar el convertidor de BMP a WBMP que incorpora el software de Nokia.

Para insertar una imagen se utiliza el elemento "img" como en HTML, puede especificarse atributos como espacio horizontal y vertical, alineación y texto alternativo.

A continuación se detalla un ejemplo del elemento img

<img src="bitmaps/moon.wbmp" alt="Moon" src="default.wbmp"
space="1" vspace="1"/>

  Formato del texto

WML proporciona mecanismos para formatear textos como negritas, itálica o subrayado.

<wml>
<card id="card1">
    <p align="center">
        <em>Muestra<u>de texto </u>formateado <i>por <strong>WML<br/>
        </strong></i> <b>Alex Morales</b></em>
    </p>
</card>
</wml>

WML también soporta tablas aunque éstas no pueden anidarse.

<wml>
    <card id="card1" title="Ejemplo de tabla">
    <p>
    <table columns="3">
        <tr>
            <td>Col1</td><td>Col2</td><td>Col3</td>
        </tr>
        <tr>
            <td>D11</td><td>D12</td><td>D13</td>
        </tr>
        <tr>
            <td>D21</td><td>D22</td><td>D23</td>
        </tr>
        <tr>
            <td>D31</td><td>D32</td><td>D33</td>
        </tr>
        <tr>
            <td>D41</td><td>D42</td><td>D43</td>
        </tr>
    </table>
    </p>
</card>
</wml>