Untitled


<html>
<head>
<title>Formulier</title>
<link rel="stylesheet" type="text/css" href="css/search.css" />
<script type='text/javascript' src='ajax.js'></script>

<script type='text/javascript'>

    function add(){
    //functie herlaad formulier
        var form=document.forms.formname;
        //variabel form == document.forms.formname
        ajax(
            "register.php?submit&naam="+form.naam.value+
            //selecteer het deel dat je wilt herladen
            "&achternaam="+form.achternaam.value+
            "&email="+form.email.value+
            "&telnr="+form.telnr.value+
            "&woonplaats="+form.woonplaats.value+
            "&postcode="+form.postcode.value+
            "&straat="+form.straat.value+
            "&huisnr="+form.huisnr.value,

                function(response){
                //response de terug gave
                document.getElementById("form").innerHTML=response;
                //inhoud van het id form moet gelijk zijn aan wat ik terug krijg bij de response
                });
    }

/*

open ruimte

*/

    function search(){
    var form=document.forms.formname;
        if(form.id.value.trim()==""){
            return;
        }

        ajax(
            "search.php?id="+form.id.value+
            "&naam="+form.naam.value+
            "&achternaam="+form.achternaam.value+
            "&email="+form.email.value+
            "&telnr="+form.telnr.value+
            "&woonplaats="+form.woonplaats.value+
            "&postcode="+form.postcode.value+
            "&straat="+form.straat.value+
            "&huisnr="+form.huisnr.value,

            function(response){
                spam=[];
                temp=response.split(",");

                for(i=0;i<temp.length;i++){
                    temp2=temp[i].split("=");
                    spam[temp2[0]]=temp2[1];
                }
                if(spam["id"].trim()==""){
                    return;
                }
                var form=document.forms.formname;
                form.id.value=spam["id"]
                form.naam.value=spam["naam"]
                form.achternaam.value=spam["achternaam"]
                form.email.value=spam["email"]
                form.telnr.value=spam["telnr"]
                form.woonplaats.value=spam["woonplaats"]
                form.postcode.value=spam["postcode"]
                form.straat.value=spam["straat"]
                form.huisnr.value=spam["huisnr"]
            }
        );
    }

/*

open ruimte

*/

    function edit(){
        var form=document.forms.formname;
        ajax(
            "edit.php?naam="+form.naam.value+
            "&achternaam="+form.achternaam.value+
            "&email="+form.email.value+
            "&telnr="+form.telnr.value+
            "&woonplaats="+form.woonplaats.value+
            "&postcode="+form.postcode.value+
            "&straat="+form.straat.value+
            "&huisnr="+form.huisnr.value,

                function(response){
                document.getElementById("form").innerHTML=response;
                });
    }

</script>
</head><body><center>

<div id='form2'>Klik <a href="/">hier</a> om terug te gaan naar de begin pagina</div>

<div id='form'>
        <form name="formname" onsubmit="return false;">

<table>

        <tr>

            <td>Naam:</td>

            <td><input type='text' name='naam' maxlength='50' /></td>

        </tr>

        <tr>

            <td>Achternaam:</td>

            <td><input type='text' name='achternaam' maxlength='50' /></td>

        </tr>

        <tr>

            <td>Email:</td>

            <td><input type='text' name='email'maxlength='50' /></td>

        </tr>

        <tr>

            <td>Telefoonnummer:</td>

            <td><input type='text' name='telnr' maxlength='10' /></td>

        </tr>

        <tr>

            <td>Woonplaats:</td>

            <td><input type='text' name='woonplaats' maxlength='50' /></td>

        </tr>

        <tr>

            <td>Postcode:</td>

            <td><input type='text' name='postcode' maxlength='7' /></td>

        </tr>

        <tr>

            <td>Straat - Huisnummer:</td>

            <td><input type='text' name='straat'maxlength='50' /></td>

            <td><input type='text' name='huisnr' maxlength='6' /></td>

        </tr>

        <tr>

            <td><input type="submit" name="toevoegen" onclick="add()" value="Add" ></td>

            <td><input type="submit" name="bewerk" onclick="edit()" value="Edit"></td>

            <td><input type="submit" name="verwijder" onclick="verwijderen()" value="Delete"></td>

        </tr>

        <tr>

            <td>Zoeken op ID</td>

            <td><input type='text' name='id' maxlength='5' /></td>

            <td><input type="submit" name="zoeken" onclick="search()" value="Search"></td>

        </tr>

</table>

    </form>


    <table border='1'>

    <tr>

    <td><b>ID</b></td>

    <td><b>Naam</b></td>

    <td><b>Achternaam</b></td>

    <td><b>Email</b></td>

    <td><b>Telefoonnummer</b></td>

    <td><b>Woonplaats</b></td>

    <td><b>Postcode</b></td>

    <td><b>Straat</b> - <b>Huisnummer</b></td>

    </tr>

    <tr>

                <td>105</td>

                <td>Testname</td>

                <td>Testsurname</td>

                <td>test@mail.com</td>

                <td align='right'>0612345678</td>

                <td>Testplace</td>

                <td align='right'>1234tt</td>

                <td>Teststreet - 1</td>

                </tr><tr>

                <td>106</td>

                <td>Bam</td>

                <td>Bam</td>

                <td>bam@bam.bam</td>

                <td align='right'>1241543254</td>

                <td>Maaskantje</td>

                <td align='right'>1234bm</td>

                <td>Bam - 12</td>

                </tr><tr>

                <td>107</td>

                <td>Ka</td>

                <td>Ka</td>

                <td>ka@ka.ka</td>

                <td align='right'>1345636345</td>

                <td>Ka</td>

                <td align='right'>1212ka</td>

                <td>Ka - 12</td>

                </tr><tr>

                <td>108</td>

                <td>Open</td>

                <td>Open</td>

                <td>open@mail.nl</td>

                <td align='right'>0135700086</td>

                <td>Open</td>

                <td align='right'>1212AA</td>

                <td>Open - 12</td>

                </tr><tr>

                <td>109</td>

                <td>Rr</td>

                <td>Rr</td>

                <td>rr@rr.rr</td>

                <td align='right'>0624215235</td>

                <td>Rr</td>

                <td align='right'>3333rr</td>

                <td>Rr - 33</td>

                </tr><tr>

                <td>110</td>

                <td>Lol</td>

                <td>Lol</td>

                <td>lol@lol.lol</td>

                <td align='right'>7777777777</td>

                <td>Lol</td>

                <td align='right'>7070ol</td>

                <td>Lol - 7</td>

                </tr></table></div>

</center></body></html>