<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function(){
$('#rekenuit').submit(function(e){
e.preventDefault();
var form = $(this);
var post_url = form.attr('action');
var post_data = form.serialize();
$('#uitslag').html('<img src="../../images/ajax-loader.gif" /> Please wait...');
$.ajax({
type: 'POST',
url: post_url,
data: post_data,
success: function(data) {
$('#uitslag').fadeOut(800, function(){
$('#uitslag').html(data).fadeIn(800).delay(2000);
});
}
});
});
});
});
</script>Formulier
<?php
echo '<div class="form">';
// Formulier
echo '<form id="rekenuit" action="btwberekenen.php" method="post" enctype="multipart/form-data">';
echo '<ul>';
echo '<li class="links">Bedrag Excl BTW = </li><li class="rechts"><input type="text" id="bedrag" name="euroe" size="6" maxlength="75" /> <input type="submit" id="exc" name="exc" value="Berekenen" /> ()</li>';
echo '<li class="links">BTW bedrag ?% = </li><li class="rechts"><input type="text" id="bedrag" name="euror" size="6" maxlength="75" /> <input type="submit" id="btw" name="btw" value="Berekenen" /> ()</li>';
echo '<li class="links">Bedrag Incl BTW = </li><li class="rechts"><input type="text" id="bedrag" name="euro" size="6" maxlength="75" /> <input type="submit" id="inc" name="inc" value="Berekenen" /> ()</li>';
echo '</ul>';
echo '</form>';
echo '</div>';
?>
<div id="uitslag" class="uitslag"></div>btwberekenen.php
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST')
{
if(isset($_POST['exc']))
{
echo 'exc';
}
else if(isset($_POST['btw']))
{
echo 'btw';
}
else if(isset($_POST['inc']))
{
echo 'inc';
}
else
{
echo 'Er is iets fout gegaan.';
}
}
?>Steetds staat er als resultaat 'Er is iets fout gegaan'