58616414e3d17825b254042c4497b3dda451f071
[codereview/qtwebservice.git] / examples / webservice / official / root / examples / javascript.qml
1 /* Copyright (c) 2012 QtWebService Project.
2  * All rights reserved.
3  * 
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions are met:
6  *     * Redistributions of source code must retain the above copyright
7  *       notice, this list of conditions and the following disclaimer.
8  *     * Redistributions in binary form must reproduce the above copyright
9  *       notice, this list of conditions and the following disclaimer in the
10  *       documentation and/or other materials provided with the distribution.
11  *     * Neither the name of the QtWebService nor the
12  *       names of its contributors may be used to endorse or promote products
13  *       derived from this software without specific prior written permission.
14  * 
15  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
16  * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
17  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
18  * DISCLAIMED. IN NO EVENT SHALL QTWEBSERVICE BE LIABLE FOR ANY
19  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
20  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
21  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
22  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
23  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
24  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
25  */
26
27 import QtWebService.HTML 5.0
28 import "./components/"
29 import 'reverse.js' as Script
30
31 Html {
32     UserInput {
33         id: input
34         property string source
35     }
36
37     Head {
38         Title { id: title; text: "javascript" }
39         Script { type: "text/javascript"; src: "./reverse.js" }
40     }
41
42     Body {
43         H1 { text: title.text }
44
45         Form {
46             action: "./javascript.qml"
47             method: "POST"
48             Input { id: source; _id: "source"; type: "text"; name: "source"; value: input.source.length > 0 ? QtWebService.escapeHTML(input.source) : "QML" }
49             Input { type: "submit"; value: "Exec on server side" }
50             Button { text: "Exec on client side"; onclick: "document.getElementById('result').innerHTML = reverse(document.getElementById('source').value); return false;" }
51             P { id: result; _id: "result"; text: Script.reverse(input.source) }
52         }
53     }
54 }