audio site demo

<html> <head> <title>Doggy Tail Wag</title> <style type = "text/css"> .loginBlock{position:absolute; left:65%; top:20%;} font.pageTitle{font-size:20pt; color:#000000; font-weight:bold; font-family:Bimini, Arial, SansSerif, serif;} font.label{font-size:11pt; color:#000000; font-weight:bold; font-family:Verdana, SansSerif, serif;} font.formText{font-size:10pt; color:#000000; font-weight:bold; font-family:Arial, serif;} font.comment{font-size:10pt; color:#000000; font-weight:700; line-height:9pt; font-family:"Times New Roman", Times, Arial, SansSerif, serif;} A:link {color:#222222;text-decoration:none;} A:active {color:#4444ff;text-decoration:none;} A:visited {color:#6688aa;text-decoration:none;} A:hover{background-color:#ffffff;} </style> <script type = "text/javascript"> var httpRequest; function makeRequest() { // ============ MOZILA =========== if (window.XMLHttpRequest) { httpRequest = new XMLHttpRequest(); if (httpRequest.overrideMimeType){httpRequest.overrideMimeType('text/xml');} } // ============= IE ================= else if (window.ActiveXObject) { try { httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } // =========== NOT ajax browser ============== if (!httpRequest) { alert('Giving up :( Cannot create an XMLHTTP instance'); return false; } } // ================ END setting up XMLHttpRequest object ================= // ============= BEGIN Program function ================ function makeLoginRequest() { var urlToCall = ""; var responseTextStr = ""; httpRequest.onreadystatechange = function() { if (httpRequest.readyState == 4) { if (httpRequest.status == 200) { /* ==== The meat of the program goes here, or call a function after assigning responseText to a string var =====*/ responseTextStr = httpRequest.responseText; document.getElementById('TblCell_1').innerHTML = responseTextStr; } } }; /* ============ After the function's been declared the url for processing is called ========== */ /* ============= Note the empty rather than null has beend sent in the send function ========= */ /* -------------This is the code that displays the login block -------- */ /* -------------This is the code that displays the login block -------- */ /* ------------- loginBlock.pl -------- */ /* -------------This is the code that displays the login block -------- */ /* -------------This is the code that displays the login block -------- */ urlToCall = "http://www.orderformcity.loc/cgi-bin/audiodemo/loginBlock.pl"; httpRequest.open('GET', urlToCall, true); httpRequest.send(''); } function createUploadPage() { var urlToCall = ""; var responsTextStr = ""; if(window.document.LOGIN_FORM.NAME.value != "") { window.document.LOGIN_FORM.NAMEhidden.value = window.document.LOGIN_FORM.NAME.value; window.document.LOGIN_FORM.PSSWDhidden.value = window.document.LOGIN_FORM.PSSWD.value; } var namex = window.document.LOGIN_FORM.NAMEhidden.value; var psswdx = window.document.LOGIN_FORM.PSSWDhidden.value; httpRequest.onreadystatechange = function() { if (httpRequest.readyState == 4) { if (httpRequest.status == 200) { /* ==== The meat of the program goes here, or call a function after assigning responseText to a string var =====*/ responseTextStr = httpRequest.responseText; document.getElementById('TblCell_1').innerHTML = ""; document.getElementById('displayTable').innerHTML = responseTextStr; } } }; /* ============ After the function's been declared the url for processing is called ========== */ /* ============= Note the empty rather than null has beend sent in the send function ========= */ urlToCall = "http://www.orderformcity.loc/cgi-bin/audiodemo/upload.pl?NAME=" + namex + "&PSSWD=" + psswdx; httpRequest.open('GET', urlToCall, true); httpRequest.send(''); } </script> </head> <body onLoad = "makeRequest()" bgcolor = #6e4c04> <span id = "TblCell_1" class = "loginBlock"></span> <map name = "backgroundImage" /> <area shape = "rect" coords = "180,236,334,275" href = "list.php"> <area shape = "rect" coords = "437,235,565,273" href = "feedback.php"> <area shape = "rect" coords = "680,235,836,270" href = "#" onclick = "makeLoginRequest();"> <span id = "displayTable"> <table align = "center" width = "1024" border = "0" height = "760">  <tr> <td valign = "top" align = "center"> <img src = "images/background.jpg" border = "0" usemap = "#backgroundImage">   </td></tr></table>  <table align = "center"> <tr> <td> <font style = "font-size:10pt; color:#000000; font-weight:bold; font-family:Arial, serif;"> <a href = "http://www.orderformcity.loc/audiodemo/indexFramePage.html"> Home </a>  |   <a href = "http://www.orderformcity.loc/audiodemo/register.html"> Register </a>  |   <a href = "http://www.orderformcity.loc/audiodemo/contact.html"> Contact us </a>  |   <a href = "http://www.orderformcity.loc/audiodemo/docs/legal/terms.html"> Terms </a>  |   <a href = "http://www.orderformcity.loc/audiodemo/aboutUs.html"> About us </a>  |   <a href = "http://www.orderformcity.loc/audiodemo/docs/legal/privacy.html"> Privacy </a>  |   <a href = "http://www.orderformcity.loc/audiodemo/docs/howto/index.html"> How to </a> </font> </td> </tr> </table> </span> </body> </html>