Topic: please help me
hi, i'm a beginner programmer,
somebody please help me to find out where is the problem,
why it can't start to browse nor to upload when i pressed the buttons?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>User Signup</title>
<link href="/css/phpMM.css" rel="stylesheet" type="text/css" />
<link href="/css/menu.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/smoothness/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<link href="/css/jquery.validate.password.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.validate.js"></script>
<script type="text/javascript" src="/js/jquery.validate.password.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="js/plupload.full.js"></script>
<script type='text/javascript'>
//<![CDATA[
var uploader = new plupload.Uploader({
runtimes: 'flash',
flash_swf_url: 'js/plupload.flash.swf',
browse_button: 'pickfiles',
container: 'uploader',
url: 'upload.php'
});
uploader.init();
document.getElementById('uploadfiles').onclick = function() {
uploader.start();
};
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#signupform").validate( {
rules: {
first_name: {
required: true,
minlength: 2,
maxlength: 20
},
last_name: {
required: true,
minlength: 2,
maxlength: 30
},
username: {
required: true,
minlength: 2,
maxlength: 30
},
password: {
required: true,
minlength: 6,
maxlength: 20
},
confirm_password: {
required: true,
equalTo: "#password"
},
email: {
required: true,
maxlength: 30
},
facebook_url: {
required: false,
maxlength: 30
},
twitter_handle: {
required: false,
maxlength: 20
},
user_pic: {
required: false
},
bio: {
required: false
},
},
messages: {
first_name: {
required: "Enter your first name",
minlength: "Enter at least 2 characters"
},
last_name: {
required: "Enter your last name",
minlength: "Enter at least 2 characters"
},
username: {
required: "Enter your username",
minlength: "Enter at least 2 characters"
},
confirm_password: {
required: "Repeat your password",
equalTo: "Enter the same password as above"
},
email: {
required: "Enter your e-mail address"
},
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
error.prependTo(element.parent().next() );
},
// set this class to error-labels to indicate valid fields
success: function(label) {
label.html(" ").addClass("checked");
}
});
// propose username by combining first- and lastname
$("#username").focus(function() {
var firstname = $("#first_name").val();
var lastname = $("#last_name").val();
if(firstname && lastname && !this.value) {
this.value = firstname + "." + lastname;
}
});
});
//]]>
</script>
</head>
<body>
<div id="wrapper">
<div id="header"><h1>DIGITAL JOCKEY CLUB</h1>
</div>
<div id='messages'>
</div>
<!--display main navigator-->
<ul id="main_nav">
<li><a href="index.php" class="link_nav">HOME PAGE</a></li>
</ul>
<div id="content">
<h1>Join Digital Jockey Club</hi>
<p>Please enter your online connections below:</p>
<form action="create_user.php" method="POST" id="signupform" enctype="multipart/form-data">
<table class="signupform">
<tr>
<td class="label"><label for="first_name">First Name:</label></td>
<td class="field"><input type="text" id="first_name" name="first_name" size="40"/></td>
<td class="status"> </td>
</tr>
<tr>
<td class="label"><label for="last_name">Last Name:</label></td>
<td class="field"><input type="text" id="last_name" name="last_name" size="40"/></td>
<td class="status"> </td>
</tr>
<tr>
<td class="label"><label for="username" id="lusername">Username:</label></td>
<td class="field"><input type="text" id="username" name="username" size="40"/></td>
<td class="status"> </td>
</tr>
<tr>
<td class="label"><label for="password">Password:</label></td>
<td class="field"><input type="password" id="password" name="password" size="40"/></td>
<td class="status">
<div class="password-meter">
<div class="password-meter-message"> </div>
<div class="password-meter-bg">
<div class="password-meter-bar"></div>
</div>
</div>
</td>
</tr>
<tr>
<td class="label"><label for="confirm_password">Confirm Password:</label></td>
<td class="field"><input type="password" id="confirm_password" name="confirm_password" size="40"/></td>
<td class="status"> </td>
</tr>
<tr>
<td class="label"><label for="email">E-Mail Address:</label></td>
<td class="field"><input type="text" id="email" class="email" name="email" size="40"/></td>
<td class="status"> </td>
</tr>
<tr>
<td class="label"><label for="facebook_url">Facebook URL:</label></td>
<td class="field"><input type="text" id="facebook_url" name="facebook_url" size="40"/></td>
<td class="status"> </td>
</tr>
<tr>
<td class="label"><label for="twitter_handle">Twitter Handle:</label></td>
<td class="field"><input type="text" id="twitter_handle" name="twitter_handle" size="40"/></td>
<td class="status"> </td>
</tr>
<tr>
<td class="label"><input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
<label for="user_pic">Upload a picture:</label></td>
<td class="field"><input type="file" id="user_pic" name="user_pic" size="20"/></td>
</tr>
<tr>
<td class="label"><label for="bio">Bio:</label></td>
<td class="field"><textarea id="bio" name="bio" cols="32" rows="10"></textarea></td>
</tr>
<table>
<tr>
<div class="center">
<input type="submit" value="Join the Club" />
<input type="reset" value="Clear and Restart" />
</div>
</tr>
</table>
</form>
<div id="uploader">
<p>Upload Files:</p>
<a id="pickfiles" href="javascript:;">Add Files</a>
<a id="uploadfiles" href="javascript:;">Start Upload</a>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>