testapp/index.html at master · alankwok/testapp · GitHub

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="jquery-mobile/jquery.mobile-1.3.2.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
<!-- This reference to phonegap.js will allow for code hints as long as the current site has been configured as a mobile application.
	 To configure the site as a mobile application, go to Site -> Mobile Applications -> Configure Application Framework... -->
<!--
<script src="phonegap.js" type="text/javascript"></script>
-->
<script>
$(document).ready(function() {

	$("#testLink").click(function(e) {
		e.preventDefault();
		$("#resultBlock").html("Getting the funk - stand by...");
		$.get("http://www.coldfusionjedi.com/demos/may62011/ray.cfc?method=hellofromray&returnFormat=plain", {}, function(data) {
			$("#resultBlock").html(data);
		})
	});

});
</script>
</head>
<body>

<div data-role="page" id="page">
	<div data-role="header">
		<h1>Page One</h1>
	</div>
	<div data-role="content">
    	<a id="testLink" rel="external">Bring the Funk</a>
        <div data-role="collapsible">
        <h3>Result from Ray</h3>
        <p id="resultBlock"></p>
        </div>
    </div>
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div>
</div>

<div data-role="page" id="page2">
	<div data-role="header">
		<h1>Page Two</h1>
	</div>
	<div data-role="content">
		Content
	</div>
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div>
</div>


</body>
</html>