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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="description" content="A Tizen Web UI FW multi-page template generated by Tizen Web IDE"/>
<meta name="viewport" content="width=device-width,user-scalable=no"/>
<link rel="stylesheet" href="tizen-web-ui-fw/latest/themes/tizen-white/tizen-web-ui-fw-theme.css" name="tizen-theme"/>
<title>Tizen Web IDE - Template - Tizen - Tizen Web UI Framework - Mutil-Page</title>
<!--NOTE:
jquery.js and web-ui-fw.js must be included.
DO NOT REMOVE below code!
-->
<script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
data-framework-theme="tizen-white"></script>
<script type="text/javascript" src="./js/main.js"></script>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<head>
<title></title>
<script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<link href="Styles/jqx.base.css" rel="stylesheet" type="text/css"/>
<link href="Styles/jqx.classic.css" rel="stylesheet" type="text/css"/>
<script src="Scripts/jqxcore.js" type="text/javascript"></script>
<script src="Scripts/jqxbuttons.js" type="text/javascript"></script>
<script src="Scripts/jqxdata.js" type="text/javascript"></script>
<script src="Scripts/jqxgrid.js" type="text/javascript"></script>
<script src="Scripts/jqxgrid.selection.js" type="text/javascript"></script>
<script src="Scripts/jqxmenu.js" type="text/javascript"></script>
<script src="Scripts/jqxscrollbar.js" type="text/javascript"></script>
<script type="text/javascript">
function soap() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.open('POST', 'http://www.webservicex.net/CurrencyConvertor.asmx?wsdl', true);
// build SOAP request
var sr =
'<?xml version="1.0" encoding="utf-8"?>' +
'<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:web="http://www.webserviceX.NET/">'+
'<soapenv:Header/>'+
'<soapenv:Body>'+
'<web:ConversionRate>'+
'<web:FromCurrency>EUR</web:FromCurrency>'+
'<web:ToCurrency>TND</web:ToCurrency>'+
'</web:ConversionRate>'+
'</soapenv:Body>'+
'</soapenv:Envelope>';
xmlhttp.onreadystatechange = function () {
alert('onready');
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
alert('done use firebug to see response');
}
}
if (xmlhttp.readyState == 0) {
alert('open() has not been called yet');
}
if (xmlhttp.readyState == 1) {
alert('send() has not been called yet');
}
if (xmlhttp.readyState == 2) {
alert('send() has been called, ...');
}
if (xmlhttp.readyState == 3) {
alert('Interactive - Downloading');
}
else
alert('Consuming Error');
}
// Send the POST request
xmlhttp.setRequestHeader("SOAPAction", "http://www.webservicex.net/CurrencyConvertor/");
xmlhttp.setRequestHeader('Content-Type', 'text/xml');
xmlhttp.send(sr);
alert("Hi WS");
// send request
// ...
}
</script>
</head>
<body>
<!-- Start of first page: #one -->
<div data-role="page" id="one">
<div data-role="header" data-position="fixed">
<h1>Multi-page application</h1>
</div><!-- /header -->
<div data-role="content">
<h2>One</h2>
<p>
Main Page
</p>
<h3>Show internal pages:</h3>
<form>
<input type="button" value="WS" onclick="soap();">
</form>
<p><a href="#two" data-role="button">Show page "two"</a></p>
<p><a href="#popup" data-role="button" data-position-to="window" data-rel="popup">Show page "popup" (as a dialog)</a></p>
<div id="popup" data-role="popup" data-style="center_title_1btn">
<div class="ui-popup-title">
<h1>Popup title</h1>
</div>
<div class="ui-popup-text">Pop-up dialog box, a child window that blocks user interact to the parent windows</div>
<a href="#" data-inline="true" data-role="button" onclick="javascript:$('#popup').popup('close');">Close</a>
</div>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page one -->
<!-- Start of second page: #two -->
<div data-role="page" id="two">
<div data-role="header" data-position="fixed">
<h1>Two</h1>
</div><!-- /header -->
<div data-role="content">
<h2>Two</h2>
<p>Page 2</p>
<p><a href="#one" data-direction="reverse" data-role="button">Back to page "one"</a></p>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page two -->
</body>
</html> |
