WAP Learn2

转载 2006年06月09日 10:08:00

Timer

A WML card can be set up to use the timer function of WML. The time unit of the timer is 1/10 of a second.

The example below will display a message for 3 seconds, and then take you to the file "test.wml":

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card ontimer="test.wml">
<timer value="30"/>
<p>Some Message</p>

</card>
</wml>

 

Variables

When a user switches from card to card in a deck, we need to store data in variables. WML variables are case sensitive.

Specify a Variable with the Setvar Command

When someone executes a task (like go, prev, and refresh), the setvar element can be used to set a variable with a specified value.

The following example will create a variable named i with a value of 500:

<setvar name="i" value="500"/>

The name and value attributes are required.

Specify a Variable through an Input Element

Variables can also be set through an input element (like input, select, option, etc.).

The following example will create a variable named schoolname:

<card id="card1">
<select name="schoolname">
<option value="HTML">HTML Tutorial</option>
<option value="XML">XML Tutorial</option>
</select>
</card>

To use the variable we created in the example above:

<card id="card2">
<p>You selected: $(schoolname)</p>
</card>

A WML deck with two cards - one for user input and one for displaying the result - can be set up, as demonstrated in this example:

<?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="card1" title="Tutorial">
<do type="accept" label="Answer">
  <go href="#card2"/>
</do>
<p>
<select name="name"> 
  <option value="HTML">HTML Tutorial</option>
  <option value="XML">XML Tutorial</option>
  <option value="WAP">WAP Tutorial</option>
</select>
</p>
</card>

<card id="card2" title="Answer">
<p>
You selected: $(name)
</p>
</card>

</wml>

The first card might look like this in your mobile phone display:

----- Tutorial ----------

 HTML Tutorial 
 XML  Tutorial 
 WAP  Tutorial 

Answer

The second card might look like this:

----- Answer ----------

 You Selected: HTML



Example Explained

The Prolog

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

The first lines in the WML document are called the prolog. The prolog defines that this is an XML document, it then defines the XML version, and the DTD to be referenced.

The Deck

<wml> ..... </wml>

The deck is the WML document itself. It is embedded within <wml> tags

The Cards

<card> ..... </card>

Cards are always displayed one at the time. This WML deck contains two cards - one for user input and one for displaying the result.

The <do> element

<do> ... </do>

The first card has a <do> element that defines an event to be triggered. The type="accept" attribute of the <do> element causes the label="Answer" to be displayed in the lower left corner of the display.

The Event

The <go> element triggers when the user clicks the <do> label. The href="#card2" attribute of the <go> element causes card2 to be displayed on the screen.

The Variable

Card2 displays the $(name) variable from card1, because variables are valid across cards.

Validating your WML

To help you validate your wml, we have used The Microsoft's XML parser to create a wml validator. Paste your wml in the text area, and validate it by pressing the validate button.


Validating your WML file

You can also validate your wml files, simply by typing the url of your wml file and press the submit button

File Name:

If you want to validate an error free WML file you can paste this address into the name field: http://www.w3schools.com/wap/demo_helloworld.wml

NOTE: If you get an error message saying "Access denied" when accessing this file, it is because your Internet Explorer security setting do not allow access across domains.

 

Compiling WML Code

http://www.w3schools.com/wap/tryit_wap.asp?file=demo_helloworld.wml

To test and compile your WML code, you can download the Nokia Mobile Internet Toolkit for free. The Nokia Mobile Internet Toolkit supports the complete WAP 2.0 specification, including XHTML and CSS.

If you place WML code on your IIS or Apache server, you don't need to compile it. This is a job for the WAP Gateway. Simply host your native WML code on your server.

WAP和web app的对比

最近有一个web网站需要提供对应的移动端的版本,客户要求说弄个wap网站就行,我一听感觉wap好遥远,应该还是智能机不流行的时候说wap,现在应该都是web app了。后来仔细研究了下,发现对wap的...
  • peachpi
  • peachpi
  • 2014年02月08日 05:04
  • 2389

手机wap前端开发经验

对于我们前端来讲,wap2.0开发无疑是对我们的一个考验,这个考验主要是考验我们对于重构方面的功底。下面主要分 UI、HTML、CSS、Javascript三方面给大家分享在wap2.0开发中的一些个...
  • zhjian6
  • zhjian6
  • 2015年03月18日 08:46
  • 6799

WEB前端开发 » WAP页面制作需要注意的几点

1.遵循html页面的编写规则 2.新建的时候注意文档类型:xhtml-mobile10.dtd 3.特殊的meta标签         网页手机wap2.0网页的head里加入下面这条元标...
  • DingYe_Names
  • DingYe_Names
  • 2015年10月20日 09:17
  • 3561

WAP页上传图片

访问: wap.xxoo.com/home/index/test test操作 //测试 public function test(){ //显示模板 ...
  • leejianjun
  • leejianjun
  • 2016年11月25日 10:09
  • 732

WAP网站设计规范

1. 手机浏览器兼容性测试结果概要1.1 XHTML部分 大多数手机不支持的: * 表单元素的“disable”属性 部分手机不支持的: * “button”标签 * “input[ty...
  • zky0901
  • zky0901
  • 2015年03月20日 14:28
  • 1405

jquery幻灯轮播图,支持触屏wap站,代码如下。

基于jQuery的移动轮播图(支持触屏) .WSCSlideWrapper{ width: 420px; height: 180px; ...
  • muziduoxi
  • muziduoxi
  • 2014年06月27日 13:51
  • 6601

WAP面试题——BFS解法

看了一下BFS算法,想到之前works application 的
  • u010774000
  • u010774000
  • 2014年08月28日 16:29
  • 1970

怀念WAP网站和让IE浏览器支持WAP网站

不管是chrome还有IE浏览器,其实它们都可以解析并显示WML语言的页面。
  • qq446252221
  • qq446252221
  • 2017年05月02日 13:41
  • 278

WAPPUSH 原理 基于短信网关WAP推送的实现

转自: http://blog.163.com/htlxyz@126/blog/static/168594029200962011411709/ 基于短信网关WAP推送的实现 WAP PU...
  • LIHUINIHAO
  • LIHUINIHAO
  • 2014年02月12日 17:04
  • 1510

wap页悬浮导航及定位

1.悬浮导航 2.导航定位 html: id="content"> id="navbar"> id="nb_title">9折区> class=...
  • dihuiqin
  • dihuiqin
  • 2016年10月12日 11:13
  • 696
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WAP Learn2
举报原因:
原因补充:

(最多只允许输入30个字)