Using:
http://flowplayer.org tabs.
Code:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script type="text/javascript" src="jquery.tools.min.js"></script>
<form action="send.php" method="post" class="hook">
<fieldset><label for="name">Your Name<b>*</b></label> <input type="text" name="name" /></fieldset>
<fieldset><label for="email">Your Email<b>*</b></label> <input type="text" name="email" /></fieldset>
<fieldset><label for="telephone">Phone Number</label> <input type="text" name="telephone" /></fieldset>
<fieldset><label for="email">Website URL</label> <input type="text" name="url" /></fieldset>
<fieldset><label for="brief">Quick overview of your project<b>*</b></label> <textarea name="brief"></textarea></fieldset>
<input type="submit" value="Send" />
<div id="error"></div>
</form>
<script>
$(function() {
$("form.hook").tabs("div#error", {effect: 'ajax', history: false});
});
What I'm trying to achieve is when the submit is clicked it'll send the forms action into div #error.
I've seriously no idea why it's not working. Pointers would be brill.