// Script 11.3 - controleergebruikersnaam.js

/**
 * Dit script past de principes van 
 * Ajax toe op een registratieformulier.
 * De door de gebruiker gekozen gebruikersnaam wordt verzonden
 * naar een PHP-script dat de beschikbaarheid controleert.
 */

// Functie die het Ajax-proces start:
function check_bookname(gebruikersnaam) {

    // Controleer of het object bruikbaar is:
    if (ajax) {

        // Roep het PHP-script aan.
        // Gebruik de methode GET.
        // Geef de gebruikersnaam door in de URL.
        ajax.open('get', '../scripts/check.php?name=' + encodeURIComponent(gebruikersnaam));

        // Functie die de respons afhandelt:
        ajax.onreadystatechange = controle_afhandelen;

        // Verzend de aanvraag:
        ajax.send(null);

    } else { // Kan Ajax niet gebruiken!
        document.getElementById('gebruikersnaam_label').innerHTML = 'De beschikbaarheid van deze gebruikersnaam wordt gecontroleerd na het verzenden van het formulier.';
    }

} // Einde van de functie controleer_gebruikersnaam().

// Functie die de respons van het PHP-script afhandelt:
function controle_afhandelen() {

    // Als alles OK is:
    if ( (ajax.readyState == 4) && (ajax.status == 200) ) {

        // Wijs de geretourneerde waarde toe aan een documentelement:
        document.getElementById('gebruikersnaam_label').innerHTML = ajax.responseText;

    }

} // Einde van de functie controle_afhandelen().