| <!-- |
| |
| Copyright (c) 2010, 2018 Oracle and/or its affiliates. All rights reserved. |
| |
| This program and the accompanying materials are made available under the |
| terms of the Eclipse Distribution License v. 1.0, which is available at |
| http://www.eclipse.org/org/documents/edl-v10.php. |
| |
| SPDX-License-Identifier: BSD-3-Clause |
| |
| --> |
| |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
| <html> |
| <head> |
| <title></title> |
| <meta http-equiv="Content-Type" content="text/html; charset=MacRoman"> |
| |
| <style> |
| .created {color: green} |
| .uniqueId {color: red} |
| .message {color: black} |
| </style> |
| </head> |
| |
| <body> |
| |
| <script type="text/javascript"> |
| function getXmlHttpRequest() { |
| try |
| { |
| // Firefox, Opera 8.0+, Safari |
| return new XMLHttpRequest(); |
| } |
| catch (e) |
| { |
| // Internet Explorer |
| try |
| { |
| return new ActiveXObject("Msxml2.XMLHTTP"); |
| } |
| catch (e) |
| { |
| try |
| { |
| return new ActiveXObject("Microsoft.XMLHTTP"); |
| } |
| catch (e) |
| { |
| alert("Your browser does not support AJAX!"); |
| return null; |
| } |
| } |
| } |
| } |
| |
| function getMessages() |
| { |
| var xmlHttp = getXmlHttpRequest(); |
| xmlHttp.onreadystatechange=function() |
| { |
| if(xmlHttp.readyState==4) |
| { |
| document.getElementById("query").innerHTML="GET app/messages"; |
| document.getElementById("output").innerHTML=xmlHttp.responseText; |
| } |
| } |
| xmlHttp.open("GET","app/messages/",true); |
| xmlHttp.send(null); |
| } |
| |
| |
| function getMessage(index) |
| { |
| var xmlHttp = getXmlHttpRequest(); |
| xmlHttp.onreadystatechange=function() |
| { |
| if(xmlHttp.readyState==4) |
| { |
| document.getElementById("query").innerHTML="GET app/messages/" + index; |
| if(xmlHttp.responseText.indexOf("<body>") != -1) { |
| s = xmlHttp.responseText.substring(xmlHttp.responseText.indexOf("<body>") + 6, xmlHttp.responseText.indexOf("</body>")) |
| document.getElementById("output").innerHTML=s; |
| } else { |
| document.getElementById("output").innerHTML=xmlHttp.responseText; |
| } |
| |
| } |
| } |
| xmlHttp.open("GET","app/messages/" + index,true); |
| xmlHttp.send(null); |
| } |
| |
| function deleteMessage(index) |
| { |
| var xmlHttp = getXmlHttpRequest(); |
| xmlHttp.onreadystatechange=function() |
| { |
| if(xmlHttp.readyState==4) |
| { |
| document.getElementById("query").innerHTML="DELETE app/messages/" + index; |
| if(xmlHttp.responseText.indexOf("<body>") != -1) { |
| s = xmlHttp.responseText.substring(xmlHttp.responseText.indexOf("<body>") + 6, xmlHttp.responseText.indexOf("</body>")) |
| document.getElementById("output").innerHTML=s; |
| } else { |
| document.getElementById("output").innerHTML=xmlHttp.responseText; |
| } |
| } |
| } |
| xmlHttp.open("DELETE","app/messages/" + index,true); |
| xmlHttp.send(null); |
| } |
| |
| function addMessage(message) |
| { |
| var xmlHttp = getXmlHttpRequest(); |
| xmlHttp.onreadystatechange=function() |
| { |
| if(xmlHttp.readyState==4) |
| { |
| document.getElementById("query").innerHTML="POST app/messages"; |
| document.getElementById("output").innerHTML=""; |
| } |
| } |
| xmlHttp.open("POST","app/messages/",true); |
| xmlHttp.send(message); |
| } |
| |
| |
| </script> |
| |
| |
| <h1>MessageBoard sample</h1> |
| |
| <form name="form0"> |
| |
| <button type="button" name="GET0" onclick="getMessages()">LIST ALL MESSAGES</button> |
| |
| </form> |
| |
| |
| <form name="form1"> |
| Message id#: <input style="width: 4em" type="text" name="messageNumber" /> |
| |
| <button type="button" name="GET1" onclick="getMessage(document.form1.messageNumber.value)">GET MESSAGE</button> |
| |
| </form> |
| |
| <form name="form2"> |
| Message id#: <input style="width: 4em" type="text" name="messageNumber" /> |
| |
| <button type="button" name="GET2" onclick="deleteMessage(document.form2.messageNumber.value)">DELETE MESSAGE</button> |
| |
| </form> |
| |
| <form name="form3"> |
| Message: <input type="test" name="messageText" /> |
| |
| <button type="button" name="GET2" onclick="addMessage(document.form3.messageText.value)">ADD MESSAGE</button> |
| |
| </form> |
| |
| |
| <h2>MessageBoard</h2> |
| <h3>query: </h3> |
| <div id="query" style="font-weight: bold"></div> |
| <h3>result</h3> |
| <div id="output" style="border: 1px solid black; color: black; height: 18em; width: 100%"></div> |
| |
| |
| <script type="text/javascript"> |
| getMessages(); |
| </script> |
| |
| |
| </body> |
| </html> |