ASP y WAP

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.

Ejemplo de Input
<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>

Objeto Input en el emulador
Ejemplo de onpick
<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>

Objeto Select en el emulador

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 ";"

Preslecci�n
<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>

Objeto Select con preselección

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

Agrupaci�n de 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).

Uso de PostField
<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.

Formato de texto
<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>
Card con texto formateado

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

Ejemplo de tablas
<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>

Tablas en WML

COMPARTE ESTE ARTÍCULO

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP
ARTÍCULO ANTERIOR

SIGUIENTE ARTÍCULO