Server/Code/newsinger.html
Jump to navigation
Jump to search
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=UTF-8">
<title>kJams New Singer</title>
<script src="common.js"></script>
<script src="./spry/xpath.js"></script>
<script src="./spry/SpryData.js"></script>
<script src="data.js"></script>
<script type="text/javascript">
function catname(){
var firstname = document.forms[0].singerfirstname.value;
var lastname = document.forms[0].singerlastname.value;
document.forms[0].singername.value = firstname + " " + lastname;
}
function validate(thisform) {
with (thisform){
if (singerfirstname.value=='') {
alert('Hey, unless you\’re Obama, ya gotta give me a first name too. Try again.');
event.returnValue=false;
}
else if (singerlastname.value=='Required!') {
alert('What, you think you\’re Madonna? A last name is required. Lets try this again..');
event.returnValue=false;
}
//safe to navigate away from this page
}
}
//variable to control if message is shown
var allowUnload = false;
//function triggered by any closing of the current document
function confirmUnload(){
if(!allowUnload){
//message displayed (as well as inbuilt IE junk) when page is unloaded.
return 'Why on earth would you think it is a good idea to close this window?!? Well, it ISN\'T!!! Do NOT close this window. If you do, all hell will rain down upon you, you will get A.I.D.S., and I will get very upset. (At you closing the window, not the A.I.D.S..)\n:\'(';
}
}
//register function with the event handler
window.onbeforeunload = confirmUnload;
</script>
<style type="text/css">
#main {
width: 400px;
margin-left: auto;
margin-right: auto;
text-align: center;
background: url('metal.jpg');
border-style: solid;
border-color: #000000;
border-width: 1px;
}
#main p {
font-size: 24pt;
}
#main table {
margin-left: auto;
margin-right: auto;
}
#main img {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div id="main">
<p>New Singer</p>
<img src="kjams.png" /><br />
<font color="#FF0000"></font>
<form id="form" method="POST" action="" onsubmit="validate(this); allowUnload=true">
<table>
<input type="hidden" id="singername" name="singername">
<tr><td>First Name: </td><td><input type="text" name="singerfirstname" value="" onkeyup="catname()"/></td></tr>
<tr><td>Last Name: </td><td><input type="text" name="singerlastname" value="Required!" onfocus="this.value= (this.value=='Required!') ? '' : this.value" onBlur="this.value= (this.value=='') ? 'Required!' : this.value" onkeyup="catname()"/></td></tr>
<tr><td>Password: </td><td><input type="password" name="password" id="password" /></td></tr>
<script type="text/javascript">
var p = document.getElementById('password');
p.type = 'text';
p.value = 'Make a password';
p.onfocus = function() {
if (this.type == 'text') {
this.value = '';
this.type = 'password';
this.focus();
}
}
</script>
<tr><td>Again: </td><td><input type="password" name="confirm" value="" /></td></tr>
<tr><th colspan="2"><input type="submit" name="submit" value="Jam Out!" /></th></tr>
</table>
</form>
<p style="font-size: 12pt;">[ <a href="/" onClick="allowUnload=true">Back</a> ]</p>
</div>
<script language="javascript">
document.getElementById("form").action = url_newsinger;
</script>
</body>
</html>