Hi guys
HTML codes:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="JavaScript" src="js/default.js></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/default.css" />
<title>My programming Adventure...</title>
<script type="text/javascript">
</script>
</head>
<body>
<div id='pagewrap'>
<div align="center">
<div id="header">
<table width="950" height="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><img src="images/sonic.jpg" alt="" name="sonicholder" width="104" height="150" id="sonicholder" /></div></td>
<td><div align="center"><img src="images/banner-adventure.jpg" alt="" name="bannerholder" width="500" height="150" id="bannerholder" /></div></td>
<td><div align="center"><img src="images/sonic.jpg" alt="" name="sonicholder" width="104" height="150" id="sonicholder" /></div></td>
</tr>
</table>
</div>
</div>
<div align="center">
<div id="body1">
<div id="container">
<br><br><br>
<h1>Publish your work!</h1>
<br><br>
<form method="post" action="submit_to_db.php">
<table border='1' cellpadding='10'>
<tr>
<td>Category</td>
<td><select name="select" id="select">
<option value="kohana">kohana</option>
<option value="ci">CI</option>
<option value="jquery">jquery</option>
<option value="php">php</option>
<option value="mysql">mysql</option>
<option value="javascript">javascript</option>
<option value="as">AS</option>
</select></td>
</tr>
<tr>
<td>Title</td>
<td><input name="title" type="text" id="title" /></td>
</tr>
<tr>
<td>Description</td>
<td><textarea name="description" id="description"></textarea></td>
</tr>
<tr>
<td>Version</td>
<td><input name="version" type="text" id="version" /></td>
</tr>
<tr>
<td>Date started</td>
<td><input name="started" type="text" id="started" /></td>
</tr>
<tr>
<td>Date Finished </td>
<td><input name="finished" type="text" id="finished" /></td>
</tr>
<tr>
<td><p><input type="submit" name="submit" id="submit" value="Go!" /></p></td>
</tr>
</table>
</form>
<p></p><p></p>
</div>
</div>
</div>
<div align="center">
<div id="footer">
<b>Programmer: Warren Nazareno </b><br>
<b>copyright 2011 </b>
</div>
</div>
</div>
<script language="JavaScript" src="js/myscript.js></script>
</body>
</html>
JQuery codes:
$(function() {
$('#submit').click(function() {
$('#container').append("<img src='img/loading.gif' alt='Currently Loading' id='loading' />");
var select = $('#select').val();
var title = $('#title').val();
var description = $('#description').val();
console.log(select, title, description);
return false;
});
});
By the way you can find this at,
My programming Adventure…
Thanks in advanced.