Admin:Map
From The Scuba Wiki
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <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> | </script> | ||
| - | <a href=" | + | <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> | ||
Revision as of 20:07, 26 January 2010
Have you heard these terms before?
Ceraunophobia More about Ceraunophobia
Astraphobia More about Astraphobia
Ophidiophobia More about Ophidiophobia
Category
