I've used s.a.us, but I'd like a smaller more dedicated script really :) I don't need all the features of it in most cases. However, I don't mind using it. Have you got any links to good pages explaining how to use Scriptaculous in conjunction with forms?
Also, anyone got tutorials without using a library? (such as s.a.us and jQuery)
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js" type="text/javascript"></script>
Include your files.
<script type="text/javascript">
function submitform () {
var name = document.contact.name.value;
var comments = document.contact.comments.value;
var email = document.contact.email.value;
new Ajax.Updater('result', 'contact.php?action=contact&name='+name+'&comments='+comments+'&email='+email+'',{onLoading:function(request){send mail()},onComplete:function(request){handelrequest ()}, insertion:Insertion.Bottom, asynchronous:true});
}
function sendmail() {
//Make the Progress Bar Appear
}
function handelrequest() {
new Effect.SlideUp('formbox');
new Effect.Appear('result', { delay: 1 });
}
</script>
Include this somewhere in the page ^^
<div id="result" style="display: none;"></div>
<div id="formbox">
<form name="contact" class="box">
<br>
<strong>Name:<br>
</strong>
<label>
<input name="name" type="text" id="name" size="60">
</label>
<br>
<br>
<strong>Contact E-Mail: </strong><br>
<input name="email" type="text" id="email" size="60">
<br />
<br />
<strong>Comments:</strong><br />
<label>
<textarea name="comments" cols="55" rows="10" id="comments"></textarea>
</label>
<br />
<br>
<br>
<input type="button" name="send" value=" Contact! " onClick="submitform();">
<br />
<br>
</form>
</div>
This is the form