问题:
在手机wap页面中,有一个拨打电话的链接<a href="wtai://wp/mc;1582107242*">拨打电话</a>。
当点击该链接时,会直接在手机上弹出拨打电话的对话框。同时对于当前访问的页面不做任何处理,当用户确定拨出电话时,手机系统会自动将会退出访问wap网站。但对于业务需求来讲,需要在用户点击时,将用户正在访问的页面的部分信息记录下来。
案例:
1. card1:用户登记基本信息,提交信息
2. card2:显示与用户匹配的工作单位,用户,并拨打用人单位联系电话
注:
- card1->card2中记录用户信息,并为用户选择合适订单展示在card2上
- card2中,用户拨打联系电话的同时记录用户选择的用户单位,并在用户手机端直接拨打电话
方案:
设计三个card,分别为card1、card2、card3,其中
- card1 login.wml展示用户需填写的个人基本信息
- card2 order.wml展示为用户推荐的订单。点击可以提交用户跟用工单位的关系。但在提交按钮上显示为”拨打联系电话“
- card3 redrict.wml使用wml中的ontimer进行主动拨打电话
实现:
order.wml:
<a href="**.jsp?userid=1&orderid=2">拨打联系电话</a>
**.jsp:
<% /* 业务逻辑 */response.sendRedirect("redrict.wml");%>
redrict.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 id='redrict' ontimer="wtai://wp/mc;1582107242*">
<timer value='1' />
<p>1/10秒跳转</p>
</card>
</wml>
<wml>
<card id="card2">
<onevent type="ontimer">
<go href="#card1"/>
</onevent>
<timer name="time2" value="50"/>
<p>5s age go to card2</p>
</card>
card id="card1">
<onevent type="ontimer">
<go href="#card2"/>
</onevent>
<timer name="time2" value="50"/>
<p align="center">
Here is card2!
</p>
</card>
</wml>