|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <body> | | <body> |
| - |
| |
| - | <script language="Javascript" type="text/javascript">
| |
| - | <!--
| |
| - |
| |
| - | function createRequestObject() {
| |
| - | var tmpXmlHttpObject;
| |
| - |
| |
| - | //depending on what the browser supports, use the right way to create the XMLHttpRequest object
| |
| - | if (window.XMLHttpRequest) {
| |
| - | // Mozilla, Safari would use this method ...
| |
| - | tmpXmlHttpObject = new XMLHttpRequest();
| |
| - |
| |
| - | } else if (window.ActiveXObject) {
| |
| - | // IE would use this method ...
| |
| - | tmpXmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");
| |
| - | }
| |
| - |
| |
| - | return tmpXmlHttpObject;
| |
| - | }
| |
| - |
| |
| - | //call the above function to create the XMLHttpRequest object
| |
| - | var http = createRequestObject();
| |
| - |
| |
| - | function makeGetRequest(wordId) {
| |
| - | //make a connection to the server ... specifying that you intend to make a GET request
| |
| - | //to the server. Specifiy the page name and the URL parameters to send
| |
| - | http.open('get', 'definition.jsp?id=' + wordId);
| |
| - |
| |
| - | //assign a handler for the response
| |
| - | http.onreadystatechange = processResponse;
| |
| - |
| |
| - | //actually send the request to the server
| |
| - | http.send(null);
| |
| - | }
| |
| - |
| |
| - | function processResponse() {
| |
| - | //check if the response has been received from the server
| |
| - | if(http.readyState == 4){
| |
| - |
| |
| - | //read and assign the response from the server
| |
| - | var response = http.responseText;
| |
| - |
| |
| - | //do additional parsing of the response, if needed
| |
| - |
| |
| - | //in this case simply assign the response to the contents of the <div> on the page.
| |
| - | document.getElementById('description').innerHTML = response;
| |
| - |
| |
| - | //If the server returned an error message like a 404 error, that message would be shown within the div tag!!.
| |
| - | //So it may be worth doing some basic error before setting the contents of the <div>
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | -->
| |
| - | </script>
| |
| - |
| |
| - | <h1>Have you heard these terms before?</h1>
| |
| - | <p>
| |
| - | Ceraunophobia <a href="javascript:makeGetRequest(1)">More about Ceraunophobia</a><br>
| |
| - | Astraphobia <a href="javascript:makeGetRequest(2)">More about Astraphobia</a><br>
| |
| - | Ophidiophobia <a href="javascript:makeGetRequest(3)">More about Ophidiophobia</a><br>
| |
| - | </p>
| |
| - |
| |
| - | <div id="description"></div>
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | <script language="javascript" type="text/javascript" > | | <script language="javascript" type="text/javascript" > |
| Line 91: |
Line 23: |
| | | | |
| | <div id="category"> Category </div> | | <div id="category"> Category </div> |
| | + | |
| | + | </body> |
| | </html> | | </html> |
