Firstly,
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AJAX Tell a Friend</title>
<script src="prototype.js" language="JavaScript" type="text/javascript">
</script>
<script type="text/javascript" language="JavaScript">
function sendDetails(){
//if(emailValidator($F('mail'))) {
var url = 'emailer.php';
var params = 'name=' + $F('name') + '&mail=' + $F('mail');
var ajax = new Ajax.Updater(
{success: 'mailResult'},
url,
{method: 'get', parameters: params, onFailure: reportError});
//}
}
function reportError(request) {
$F('mailResult') = "Error";
}
function emailValidator(elem){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp))
return true;
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td><label for="Name">Name:</label></td><td><input type="text" name="name" id="name"></td>
</tr>
<tr>
<td><label for="Email">Email:</label></td><td><input type="text" name="mail" id="mail" ></td>
</tr>
<tr>
<td><input type="button" name="mailbutton" value="Mail them!" onclick="sendDetails();" ></td>
<td> </td>
</tr>
<tr>
<td><div id="mailResult"></div></td><td> </td>
</tr>
</table>
</form>
</body>
</html>
2. Suppose for a text field in the above code:
Code: Select all
<td><label for="Email">Email:</label></td><td><input type="text" name="mail" id="mail" ></td>Code: Select all
<td><label for="Email">Email:</label></td><td><input type="text" name="mail" id="mail" onkeyup="sendDetails();"></td>3. How would I add content to the div tag? I mean where would I put something like mailDiv .= NewContent;
Finally, is there a proper site that explains prototype.js to a beginner...