Loading.. Current Page is Loading.

Windows Mobile 6.5 Widget - 使用JavaScript和CSS

13. June 2009

我们上面知道了Windows Mobile 6.5的Widget还是小有潜力的,而且也很方便制作,那么我们的Widget还能干嘛呢,既然是HTML,是不是也有DOM对象,也能够使用JavaScript呢?按道理来说,既然Windows Mobile 6.5 Widget是使用网页的形式去制作的,那么Windows Mobile 6.5就有一个专门针对Widget的engine,所以Windows Mobile 6.5 Widget应该可以使用JavaScript,想到什么就去做,这是我的一个习惯,管他的,先做了再说。

同样我们创建一个文件夹,很简单,就是放一些源代码,我猜想Windows Mobile 6.5 Widget既然是有引擎的,这个引擎肯定是和浏览器引擎差不多,所以我们做一个网站放到里面去,应该可以运行。OK,我们先来写config文件。

<?xml version="1.0" encoding="utf-8" ?>
<widget version="1.0" xmlns="http://www.w3.org/ns/widgets" id="test">
  
<name>JavaScript Test</name>
  
<content src="widget.htm" type="text/html" />
  
<access network="true" />
  
<icon src="cover.png"/>
  
<description>
    Test JavaScript Page Widget!
  
</description>
</widget>

代码很简单,但是我们不要忘记了里面有些东西要定义,定义了的东西要存在。写完了config,然后再来写界面了。一个典型的HTML文档。

<html>
    
<head>
        
<title>JavaScript Widget Test</title>
        
<link href="css.css" rel="stylesheet" type="text/css" />
            
<script language="javascript" type="text/javascript">
            
// <!CDATA[
            function Button1_onclick() {
                
var textBox = document.getElementById('TextArea1');
                textBox.innerHTML
= 'Hello JavaScript and CSS!';
              
                alert(
'Hello World!');
            }
            
// ]]>
            </script>
    
</head>
    
<body>
        
<div class="main">
            This is a javascript test widget!
        
</div>
        
<div class="content">
            
<textarea id="TextArea1" name="S1"></textarea><br />
            
<br />
            
<input id="Button1" type="button" value="OnClick"
              onclick
="return Button1_onclick()" />
        
</div>
    
</body>
</html>

在这段代码里面,我们使用了JavaScript并且获取了DOM对象并弹出窗口,这都能不能在Windows Mobile 6.5 Widget引擎里运行呢,我们同样打包一下。(记得这里的css文件自己定义啊,因为很简单所以我就不把css的代码发到上面来了)。

同样打包成后缀wgt的文件后放到移动设备文件夹中,然后运行。

 

我们可以看到我们的程序已经在开始菜单了,然后我们点开运行程序就可以了。

可以看到我们的JavaScript脚本已经运行了,这说明什么?这说明只要能用JavaScript做的事情,咱都可以在Widget里面做,而且还非常方便,这也就是说如果我要做一个Twitter或者Facebook的应用的话,只需要做HTML和JavaScript就行了,而且还可以使用JQuery具有更好的用户体验。而且我们也可以看到,CSS也可以使用,所以, Windows Mobile 6.5 Widget可以说很强大了。

最后再回过头来看看Windows Mobile 6.5 Widget,其引擎其实就是一个浏览器(我感觉),因为我看到了about:blank,在地址栏,那么既然是浏览器,那么能否支持ASP.NET的呢,我想细心的朋友应该也会想到,可惜,暂时Windows Mobile 6.5 Widget是不支持ASP.NET,但是可以解析静态内容,而不能解析服务器端控件和代码,如果Windows Mobile 6.5 Widget支持ASP.NET的话,我想就更强大了。。

下载代码:

code.wgt (23.45 kb)

Windows Mobile 6.5 , , ,

Add comment


(Will show your Gravatar icon)  

(Match case,A is not a!)
  Country flag

biuqbr
  • Comment
  • Preview
Loading



About me

Hello,欢迎来到我的博客,我叫郭靖(但不是大侠),我是一个程序员,现居北京,同时我还爱好设计和前端开发。
jguoer.comshangducms.com都在使用,还可以通过前缀dxwt访问电信和网通线路。:)

Suggest Articles

Loading..
感谢风云互联提供免费稳定优质的企业级主机 京ICP备09081424号 Best view on Mac OS X