<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title>Welcome to my site!</title>
<link type='text/css' rel='stylesheet' href="style/index.css" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<script language="javascript" type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function fokus(AElementID)
{
var el=document.getElementById(AElementID);
el.focus();
}
function validateForm(AForm)
{
$f = $(AForm);
$like = $f.slike.checked;
$dislike = $f.sdislike.checked;
$name = $f.name.value;
$email = $f.email.value;
if ( !( $like || $dislike ) )
{
alert("Do you like the site or not?");
return false;
}
else if ( $name == '' || $name.match('^[a-zA-Z]{3,20}$') == null )
{
alert("Please enter correct name. Don't use polish letters!");
return false;
}
else if ( $email == '' || $email.match('^[a-zA-Z0-9]{1,30}@[a-zA-Z0-9]+(\.[a-zA-Z0-9]+)+$') == null )
{
alert("Please enter correct email adress.");
return false;
}
else
{
return true;
}
}
function clearForm(AForm)
{
for(i=0; i < AForm.elements.length; i++)
{
if(AForm.elements.type=="text") {
AForm.elements.value=' '; }
else
if(AForm.elements.type=="textarea") {
AForm.elements.value=' '; }
else
if(AForm.elements.type=="radio") {
AForm.elements.checked=false; }
else
if(AForm.elements.type=="select-one") {
AForm.elements.value='---'; }
} return true;
}
</script>
</head>
<body onload="fokus('name');">
<h1>Let me know what YOU think about this site!</h1>
<h2> I am looking forward to any suggestions concerning my website!</h2>
<form name="formularz" id="formularz" enctype="text/plain"
onsubmit="return validateForm('formularz');" action=''>/* action="mailto:ssylviaa@hotmail.com" method="post">*/
<div>
<p>Enter your name:
<input type="text" name="name" id="name" value='' /> <br /><br />
Enter your email address:
<input type="text" name="email" id="email" value='' /> <br /><br />
How old are you?
<select name="age" id='age'>
<option>---</option>
<option value='<20'><20</option>
<option value='20-30'>20-30</option>
<option value='30-40'>30-40</option>
<option value='40-50'>40-50</option>
<option value='>50'>>50</option>
</select><br /><br />
Choose your country:
<select name="country" id='country'>
<option>---</option>
<option value='UK'>UK</option>
<option value='USA'>USA</option>
<option value='Canada'>Canada</option>
<option value='Poland'>Poland</option>
<option value='Germany'>Germany</option>
<option value='France'>France</option>
<option value='Italy'>Italy</option>
<option value='Spain'>Spain</option>
<option value='Other'>Other</option>
</select> <br /><br />
<input type="radio" name="like" id='slike' checked="checked" />I like this site
<br /><input type="radio" name="like" id='sdislike' />Sorry, I don't like this site
<br /><br />Any comments? (optional)<br />
<textarea name="comment" cols="20" rows="10"></textarea><br />
<input type="submit" value="Send" />
<input type="button" value="Clear" onclick="return clearForm(this.form);" />
</p>
</div>
</form>
</body>
</html>
Próbuje zrozumieć ten skrypt i chciałbym alby ktoś wyjaśnił mi co dzieje się w ty miejscu, jak to nazwać:
{
$f = $(AForm);
$like = $f.slike.checked;
$dislike = $f.sdislike.checked;
$name = $f.name.value;
$email = $f.email.value;
Proszę o pomoc!!