|
|
| (2 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <body> | + | <iframe src=http://www.jwscuba.com/ width=600 height=500></iframe> |
| - | | + | |
| - | <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> | + | |
| | | | |
| | | | |
| | | | |
| | + | <body> |
| | | | |
| | <script language="javascript" type="text/javascript" > | | <script language="javascript" type="text/javascript" > |
| Line 91: |
Line 27: |
| | | | |
| | <div id="category"> Category </div> | | <div id="category"> Category </div> |
| | + | |
| | + | </body> |
| | </html> | | </html> |
| | + | |
| | + | |
| | + | For archival purposes, the Google Maps API key is: ABQIAAAAadp693ev-ih-4hbUv1sXyxSNjx1PjKa2pm3xuo2xDUCRWvWlrxR1kXkeWuHi84ZJLrybjua8uSW_Zg |
| | + | |
| | + | [[Site::Texas]] |
| | + | |
| | + | 5-{{#ask: [[Admin:Maps]] |
| | + | | ?Site#= |
| | + | }} |
| | + | |
| | + | {{#ask:[[Category:Dive Site]][[Site_watertype::Salt Water]][[Category:{{#ask: [[Admin:Maps]] | ?Site#=}}]]|? site_gpscoord|format=googlemaps|height=600|width=800|type=hybrid}} |
| | + | |
| | + | |
| | + | __SHOWFACTBOX__ |
