ASP y WAP

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

Para el elemento input pueden definirse caracteres mximos 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 opcin 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"> Cotizacin 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 carcter ";"

Presleccin
<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 preseleccin

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

Agrupacin de opciones
<wml>
<card id="card1" title="pais">
    <p>
    Seleccione un pas:
    <select name="pas" multiple="true" tabindex="2">
        <optgroup title="Europa">
            <option value="esp">Espaa</option>
            <option value="ita">Italia</option>
            <option value="por">Portugal</option>
        </optgroup>
        <optgroup title="Amrica">
            <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 informacin al servidor indicado por "href" lo que en HTML sera 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>

Cmo resultado del anterior ejemplo el servidor recibira la siguiente peticin:doLoan.asp?importe=835000&porcentaje=7.2&tiempo=6

Esta informacin podra ser recuperada en la pgina ASP con el cdigo:

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

.Enlaces

El elemento <anchor>equivale al tag <A> en HTML y habitualmente contendrn elementos de tipo <do>. A diferencia de estos ltimos, su activacin no se realiza con la pulsacin de las teclas de navegacin del mvil.

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 smbolo "$". 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)"

.Imgenes

La tecnologa WAP soporta la visualizacin de imgenes en formato denominado WBMP cuya caracterstica principal es el escaso consumo de bytes para hacer ms rpida su descarga.

Para generar este tipo de imgenes 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, alineacin y texto alternativo.

A continuacin 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, itlica 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 tambin 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

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +
ARTÍCULO ANTERIOR

SIGUIENTE ARTÍCULO

¡SÉ EL PRIMERO EN COMENTAR!
Conéctate o Regístrate para dejar tu comentario.