My favorites ▼ | Sign in
Project Home Downloads Wiki Issues Source
Checkout   Browse   Changes    
  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<html>
	<head>
		<script src="jquery-1.4.2.min.js">
        </script>
        <link href="sample_style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" language="JavaScript">
        	function showAlert(){
            	alert("Hi there, this is an Alert");
        	}
        	function jsToggle(){
            	jQuery(".body").toggle();
        	}
        	function nativeToggle(){
            	// jsinterface is the object of our JSInterface class
            	// nativeToggle() method in turn calls the jsToggle method through the webView
            	window.jsinterface.nativeToggle();
        	}
        	function exitApp(){
            	window.jsinterface.exitApp();
        	}
        </script>
	</head>
	<body>
	<p>
	<div class="header">
		This is a header
	</div>
	</p>
	<p>
	<div class="body">
		This is the body. Your main content goes here. Click on the Toggle button to show or hide this section.
		<img src="icon.png"></img>
	</div>
	</p>
	<p>
	<div class="controls">
		<input type="button" value="JToggle" id="jtoggle" onclick="jsToggle()"></input>
		<input type="button" value="NToggle" id="ntoggle" onclick="nativeToggle()"></input>
		<input type="button" value="Exit" id="exit" onclick="exitApp()"></input>
		<input type="button" value="Alert" id="alert" onclick="showAlert()"></input>
	</div>
	</p>
	</body>
</html>

Change log

r26 by coomar.101 on Oct 19, 2010   Diff 
Initial commit
Go to: 
Project members, sign in to write a code review

Older revisions

All revisions of this file

File info

Size: 1363 bytes, 44 lines
Powered by Google Project Hosting