<form action="" method="post" name="newdossier" class="dossier_formulier">
    <input name="key" type="hidden" value="key" />

    <table>
    <tr>
    <td>  
    <label for="contact_motivatie">Contact motivatie:</label><br />
    <textarea name="contact_motivatie" type="text"></textarea>
    </td>
    <td>
    <label for="klacht">Klacht:</label><br />
    <textarea name="klacht" type="text"></textarea>
    </td>
    <td>
    <label for="ADL">ADL:</label><br />
    <textarea name="ADL" type="text"></textarea>
    </td>
    </tr>
    <tr>
    <td>
    <label for="pijnlokatie">Pijnlokatie:</label><br />
    <textarea name="pijnlokatie" type="text"></textarea>
    </td>
    <td>
    <label for="algemene_belastingen">Algemene Belastingen:</label><br />
    <textarea name="algemene_belastingen" type="text"></textarea>
    </td>
    </tr>
    </table>


    <label></label><input type="button" id="button" onclick="add_dossier(this.form);" class="opslaan_knop" value=""/> 

    <div id="bericht"></div>
</form>

/* ---------------------------- */
/* XMLHTTPRequest Enable */
/* ---------------------------- */
function createObject()
{
    var request_type;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer")
    {
        request_type = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else
    {
        request_type = new XMLHttpRequest();
    }
    return request_type;
}

var http = createObject();

/* -------------------------- */
/* INSERT */
/* -------------------------- */
/* Required: var nocache is a random number to add to request. This value solve an Internet Explorer cache issue */
var nocache = 0;

function add_dossier(oForm)
{    
        // Optional: Show a waiting message in the layer with ID insert_response
    document.getElementById('bericht').innerHTML = "Even geduld..."
    // Required: verify that all fileds is not empty. Use encodeURI() to solve some issues about character encoding.

    var key = oForm.key.value;
    var contact_motivatie = oForm.contact_motivatie.value;
    var klacht = oForm.klacht.value;
    var ADL = oForm.ADL.value;
    var pijnlokatie = oForm.pijnlokatie.value;
    var algemene_belastingen = oForm.algemene_belastingen.value;
    // Set te random number to add to URL request
    nocache = Math.random();
    // Pass the login variables like URL variable
    
    var locatie = 'assets/query/add_dossier.php';
    var querystring = 'contact_motivatie='+contact_motivatie+'&klacht='+klacht+'&ADL='+ADL+'&pijnlokatie='+pijnlokatie+'&algemene_belastingen='+algemene_belastingen;
        
    http.open('POST', locatie, true);
    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
    http.onreadystatechange = insertSucces;
    http.send(querystring);
}

function insertSucces()
{
    if(http.readyState == 4)
    {
        var response = http.responseText;
        location.reload(true);
    }
}