| <!-- |
| * 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> |