| 1 | <html> |
|---|
| 2 | <head> |
|---|
| 3 | <title>WebRouting Service - Demo</title> |
|---|
| 4 | <script type="text/javascript" src="./js/jquery.js"></script> |
|---|
| 5 | <script type="text/javascript" src="./js/scripts.js"></script> |
|---|
| 6 | <link rel="stylesheet" type="text/css" href="./css/style.css" /> |
|---|
| 7 | </head> |
|---|
| 8 | <body> |
|---|
| 9 | <form id="setting"> |
|---|
| 10 | <h1>URL:</h1> |
|---|
| 11 | <br />IP Address: |
|---|
| 12 | <input type="text" name="ip_server" value="" /> |
|---|
| 13 | <br />Port: |
|---|
| 14 | <input type="text" name="port" value="" /> |
|---|
| 15 | <br />Provider: |
|---|
| 16 | <input type="text" name="provider" value="" /> |
|---|
| 17 | <br />Format In: |
|---|
| 18 | <input type="text" name="formatIn" value="" /> |
|---|
| 19 | <br />Format Out: |
|---|
| 20 | <input type="text" name="formatOut" value="" /> |
|---|
| 21 | <br /> |
|---|
| 22 | <br />Service: |
|---|
| 23 | <select name="service"> |
|---|
| 24 | <option value="closest_edge">closest_edge |
|---|
| 25 | <option value="shortest_path">shortest_path |
|---|
| 26 | </select> |
|---|
| 27 | <br /> |
|---|
| 28 | <div id="data_ce" style="display:none;"> |
|---|
| 29 | <br />Point:<input type="text" name="data" value="" size="100" /> |
|---|
| 30 | </div> |
|---|
| 31 | <div id="data_sp" style="display:none;"> |
|---|
| 32 | <br />Start point:<input type="text" name="start" value="" size="100" /><br /> |
|---|
| 33 | End point:<input type="text" name="end" value="" size="100" /> |
|---|
| 34 | </div> |
|---|
| 35 | |
|---|
| 36 | <br /> |
|---|
| 37 | </form> |
|---|
| 38 | <hr /> |
|---|
| 39 | <h1>GET:</h1> |
|---|
| 40 | Request:<br /><a href="" title="Test GET Request" id="getlink" target="myFrame"></a> |
|---|
| 41 | <hr /> |
|---|
| 42 | |
|---|
| 43 | <form id="post" method="POST" action=""> |
|---|
| 44 | <h1>POST:</h1> |
|---|
| 45 | <b>Url:</b><br /><span id="url"></span><br /><br /> |
|---|
| 46 | <div id="data_ce2" style="display:none;"> |
|---|
| 47 | <b>Data:</b><br /><span id="data"></span><br /> |
|---|
| 48 | <input type="hidden" name="data" value="" /> |
|---|
| 49 | </div> |
|---|
| 50 | <div id="data_sp2" style="display:none;"> |
|---|
| 51 | <b>Start:</b><br /><span id="start"></span><br /> |
|---|
| 52 | <b>End:</b><br /><span id="end"></span><br /> |
|---|
| 53 | <input type="hidden" name="start" value="" /> |
|---|
| 54 | <input type="hidden" name="end" value="" /> |
|---|
| 55 | </div> |
|---|
| 56 | <input type="submit" value="Send" /> |
|---|
| 57 | </form> |
|---|
| 58 | |
|---|
| 59 | <hr /> |
|---|
| 60 | <h1>RESULT:</h1> |
|---|
| 61 | <iframe style="height: 300px; width: 100%;" name="myFrame">Result</iframe> |
|---|
| 62 | </body> |
|---|
| 63 | </html> |
|---|