×
Namespaces

Variants
Actions
(Difference between revisions)

WRT Web RunTime on N810 Internet Tablet

From Nokia Developer Wiki
Jump to: navigation, search
jimgilmour1 (Talk | contribs)
m (Summary)
jimgilmour1 (Talk | contribs)
m (minor spelling replaced some slang words not international understood)
Line 14: Line 14:
 
Next we send or transfer to the N810, switch off the automatic open of the zip file and save the "ProgressBarWidget.zip". <br>
 
Next we send or transfer to the N810, switch off the automatic open of the zip file and save the "ProgressBarWidget.zip". <br>
  
Make sure you have installed unzip and pygtkedit as described in [http://wiki.forum.nokia.com/index.php/How_to_upgrade_your_N810_WiMax_Internet_tablet#Useful_Applications Useful Applications].<br>
+
Make sure you have installed unzip and PyGTKEditor as described in [http://wiki.forum.nokia.com/index.php/How_to_upgrade_your_N810_WiMax_Internet_tablet#Useful_Applications Useful Applications].<br>
 
In File Explorer tap on "ProgressBarWidget.zip" an this uncompress into the directory "ProgressBarWidget".<br>
 
In File Explorer tap on "ProgressBarWidget.zip" an this uncompress into the directory "ProgressBarWidget".<br>
 
Download the WRTKitLib.zip below into "ProgressBarWidget" and extract this then delete the WRTKitLib.zip.<br>
 
Download the WRTKitLib.zip below into "ProgressBarWidget" and extract this then delete the WRTKitLib.zip.<br>
  
Now edit the '''main.html''' with PyGTKEditor,from the dropdown Menu,tap "Edit>" and tap "Language", tap the ">" and tap "js",top list, the color syntax will appear and add the new line as shown below<br>
+
Now edit the '''main.html''' with PyGTKEditor,from the drop-down Menu,tap "Edit>" and tap "Language", tap the ">" and tap "js",top list, the color syntax will appear and add the new line as shown below<br>
  
 
<code javascript>
 
<code javascript>
Line 53: Line 53:
 
== Functions that wont run in N810 WRT ==
 
== Functions that wont run in N810 WRT ==
  
The following snippet of code will fail with "JavaScript application failed initialise"
+
The following snippet of code will fail with "JavaScript application failed initialize"
  
 
<code javascript>
 
<code javascript>
Line 63: Line 63:
 
This is because the security option "same domain" is set "true" on the Web browser.
 
This is because the security option "same domain" is set "true" on the Web browser.
  
If you were to change this value you could not safely surf the internet from the N810 tablet and the integrity could be compromised by rogue remote javascript.
+
If you were to change this value you could not safely surf the Internet from the N810 tablet and the integrity could be compromised by rogue remote javascript.
  
 
= Related other WRT tested on the N810 =
 
= Related other WRT tested on the N810 =

Revision as of 07:59, 9 December 2009



Contents

Introduction

This article shows how to run some of the Web Runtime Widgets on the N810 Internet Tablet using OS2008 version 5.2008.43-7 firmware version.See the article How to upgrade your N810 WiMax Internet tablet. This includes adding the unzip application and editors.

How to implement a WRT on N810

The transfer is carried out by bluetooth or the USB cable. The USB cable causes the N810 to look like two removable disk drives. The bluetooth on Windows Vista Bluetooth makes transfer very easy.

The example to be used is Progress Bar JavaScript component for Web Runtime. Sometimes the widget is delivered as zip file. Therefore we need to extract the widget, rename the file "ProgressBarWidget.wgz" to "ProgressBarWidget.zip" in another directory.

Next we send or transfer to the N810, switch off the automatic open of the zip file and save the "ProgressBarWidget.zip".

Make sure you have installed unzip and PyGTKEditor as described in Useful Applications.
In File Explorer tap on "ProgressBarWidget.zip" an this uncompress into the directory "ProgressBarWidget".
Download the WRTKitLib.zip below into "ProgressBarWidget" and extract this then delete the WRTKitLib.zip.

Now edit the main.html with PyGTKEditor,from the drop-down Menu,tap "Edit>" and tap "Language", tap the ">" and tap "js",top list, the color syntax will appear and add the new line as shown below

<script type="text/javascript" src="WRTKit/WRTKit.js"></script>

main.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Sample Widget</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="WRTKit/WRTKit.js"></script>
 
<script language="javascript" type="text/javascript" src="basic.js"></script>
<script language="javascript" type="text/javascript" src="ProgressBar.js"></script>
<link rel="stylesheet" href="basic.css" type="text/css">
<META NAME="Generator" CONTENT="Nokia WRT plug-in for Aptana Studio 2.0.0" />
</head>
<body onLoad="javascript:init();">
<div id="loading_bar"></div>
</body>
</html>

Running the WRT

This is very easy in File Explorer tap on the modified main.html.


Functions that wont run in N810 WRT

The following snippet of code will fail with "JavaScript application failed initialize"

request = new XMLHttpRequest();
request.open("GET", xmlFile, true );
request.send(null);

This is because the security option "same domain" is set "true" on the Web browser.

If you were to change this value you could not safely surf the Internet from the N810 tablet and the integrity could be compromised by rogue remote javascript.

Related other WRT tested on the N810


Summary

Web Runtime Support Library

Download the library File:WRTKitLib.zip and put this in the same directory as WRT widget was previously extracted.

54 page views in the last 30 days.
×