diff options
Diffstat (limited to '')
-rw-r--r-- | sca-java-2.x/branches/2.0-Beta2/unreleased/samples/jsonp-webapp/src/main/webapp/index.html | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/sca-java-2.x/branches/2.0-Beta2/unreleased/samples/jsonp-webapp/src/main/webapp/index.html b/sca-java-2.x/branches/2.0-Beta2/unreleased/samples/jsonp-webapp/src/main/webapp/index.html new file mode 100644 index 0000000000..2a754e494e --- /dev/null +++ b/sca-java-2.x/branches/2.0-Beta2/unreleased/samples/jsonp-webapp/src/main/webapp/index.html @@ -0,0 +1,104 @@ +<!-- + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. +--> +<html> + <head> + <title>Apache Tuscany Comet Sample</title> + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> + <script type="text/javascript" src="http://jquery-json.googlecode.com/svn/trunk/jquery.json.min.js"></script> + <script type="text/javascript"> + $(document).ready(function() { + document.getElementById("shareLocationButton").onclick = function(event) { + var location = { + city: document.getElementById("city").value, + country: document.getElementById("country").value, + altitude: document.getElementById("altitude").value + }; + $.getJSON("c/ShareService/shareLocation", "location=" + $.toJSON(location), shareLocationCallback); + } + }); + + function shareNameCallback(response) { + alert("Your name, " + response + ", has been shared."); + } + + function shareAge() { + document.getElementById("shareAgeForm").submit(); + } + + function shareAgeCallback(response) { + alert("Your age, " + response + ", has been shared."); + } + + function shareLocationCallback(response) { + alert("Your location, " + response.city + " - " + response.country + " - " + response.altitude + ", has been shared."); + } + </script> + </head> + <body> + <h2>Apache Tuscany JSONP Sample</h2> + <h3>Share Personal Information Webapp</h3> + + <form method="GET" action="c/ShareService/shareName"> + <b><label>Share Full Name</label></b> + <table> + <tr> + <td>First Name</td> + <td><input type="text" name="firstName" value="John"/> + </tr> + <tr> + <td>Last Name</td> + <td><input type="text" name="lastName" value="Locke"/> + </tr> + </table> + <input type="hidden" name="callback" value="shareNameCallback"/> + <input type="submit" value="Share"/> + </form> + + <form method="GET" id="shareAgeForm" action="c/ShareService/shareAge"> + <b><label>Share Age</label></b> + <table> + <tr> + <td>Age</td> + <td><input type="text" name="age" value="54"/> + </tr> + </table> + <input type="hidden" name="callback" value="shareAgeCallback"/> + <input type="submit" value="Share" onclick="shareAge()"/> + </form> + + <form method="GET" > + <b><label>Share Location</label></b> + <table> + <tr> + <td>City</td> + <td><input type="text" name="city" id="city" value="Los Angeles" /> + </tr> + <tr> + <td>Country</td> + <td><input type="text" name="country" id="country" value="USA" /> + </tr> + <tr> + <td>Altitude</td> + <td><input type="text" name="altitude" id="altitude" value="560" /> + </tr> + </table> + <input type="button" id="shareLocationButton" value="Share"/> + </form> + </body> +</html> |