« Anterior

Artigos de Redes Wireless – Série WAP - Parte 5

Objetivo:

O objetivo deste tutorial é dar continuidade a série wml, neste você vai aprender a utilizar o evento “ontimer” do card, e o comando <option> e <select> para  criar uma lista suspensa,  utilizando sempre a criação de uma página básica, para podermos demonstrar os exemplos.

Pré-requisito:

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do “Curso Básico  de Informática Parte 1, Parte 2,  Parte 3 e  Parte 4 deste tutorial.

Nota: Irei explicar tudo de forma simples, objetiva e direta a aprender a utilizar a teconologia wap, facilitando assim seu aprendizado, ao longo da séries talves iremos desenvolver alguns aplicativos reias para seu uso.

No card existe o evento “Ontimer” onde podemos determinar o tempo para que seja chamado um outro card ou determinada ação. Para você compreender melhor iremos criar um página com o nome “ontimer.wml” na mesma vamos criar dois cards, e através do evento ontimer vamos determinar que o segundo card ira aparecer dentro de 5 segundos.

Vamos por partes, crie a página com o nome que definimos, a mesma deve ficar igual a tela abaixo:

Tela 001

Agora entre a primeira tag do card vamos inserir o evento Ontimer=”$segundo”, ou seja, este vai ser o nome do ID do segudo card.

Tela 002

Logo abaixo iremos determinar o tempo que o card levará para excutar a ação que no nosso caso será chamar o segundo card.

Tela 003

Abaixo desta linha de codigo vamos inserir o seguinte texto, “Aguarde... Este card mudará em 5 segundos!”, também vamos utilizar a tag </p> que serve para incluir um paragrafo.

Tela 004

Agora iremos identificar o ID do card dois com o nome “segundo” e inserir o texto, “Seja Bem Vindo ao Segundo Card!” em negrito e centralizado.

Tela 005

Para testar esta página você deve baixar o emulador M3GATE no sitehttp://www.m3gate.com, instele o mesmo, e depois clique direto no arquivo “ontimer.wml” para visualizar no emulador M3GATE, este emulador é igual ao que irei mostrar na tela abaixo.

Tela 006

Agora você vai aprender a utilizar o comando <select> </select> onde podemos criar uma lista de opções, junto com o comando <option><option> este aceito o evento “onpick”, ou seja, quando selecinarmos uma opção na lista esta sera ativada.

Para que você entenda melhor vamos desenvolver uma página com o nome “Lista.wml”, na mesma iremos criar uma lista com os seguintes nomes: “Wap” e “Internet”, o objetivo é o quando selecionarmos uma dessas opções seremos deslocado para o card com a informação correspondente. Então, teremos que criar  três cards, o primeiro vai ser onde criaremos a lista, o segundo card vamos inserir o texto “Vamos Aprender Wap?” , ou seja, quando selecionar a opção “wap” ira chamar este card, para o terceiro card o texto vai ser “A internet é um dos nelhores meios de aprendizado”, quando selecionar na lista “internet” será direcionado para este card.

Veja na tela 007 abaixo como deve ficar o primeiro card, do lado direito do editor Waptor, tem uma janela que você pode ir visualizando a página, abaixo o código.

Selecione uma opção:

<select>

<option onpick="#wap">Wap</option>

<option onpick="#internet">Internet</option>

</select>

</card>

Depois iremos criar os dois card que faltam, sua criação é simples, apenas iremos inserir os titulos que definimos para cada um e indentifica-los através do seus ID, com os respectivos nome que já definimos.

Tela 007

Segundo e o terceiro card devem ficar igual a tela abaixo.

Código dos dois card.

<card id="wap" title="card2">

<b>Vamos Aprender Wap</b>

</card>

<card id="internet title="card3">

<b>A internet é um dos nelhores meios de aprendizado</b>

</card>

Conclusão:

Ensinei neste tutorial  você aprendeu a utilizar o camando ontimer, select e option,criando uma página de exemplo para cada uma das opções,  tudo  de forma  objetiva e direta, na próxima parte do tutorial daremos continuação da utilização do wml. Bons estudos e até a próxima parte.

« Anterior