| 12
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
 100
 101
 102
 103
 104
 105
 106
 
 | <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Copropriété les Trouvères</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<script type="text/javascript">
function cache_champs_form(){
        document.getElementById("nom_rue").style.display="none";
        document.getElementById("num_rue").style.display="none";
        document.getElementById("password").style.display="none";
        document.getElementById("email").style.display="none";
        document.getElementById("telephone").style.display="none";
        document.getElementById("nb_pers_foyer").style.display="none";
        document.getElementById("validation").style.display="none";
}
</script>
<script>
function affiche_list_nom_rue(){
    if (document.getElementById("prenom").lenght==0){
                document.getElementById("nom_rue").style.display="none";
    }
    else{
        document.getElementById("nom_rue").style.display="block";
        var xhr_object = null;
 
        if(window.XMLHttpRequest) // Firefox
            xhr_object = new XMLHttpRequest();
        else if(window.ActiveXObject) // Internet Explorer
            xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
        else
        { // XMLHttpRequest non supporté par le navigateur
            alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
            return;
        }
        
        xhr_object.onreadystatechange = function(){
            if(xhr_object.readyState == 4)
                eval(xhr_object.responseText);
        }
 
        xhr_object.open("POST", "get_nom_rue.php", true);
        xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //var data = "nom_rue="+escape(list_nom.options[index].value)+"&form="+form.name+"&select=list_num";
        //xhr_object.send(data);
        }
 
    }
        
}
 
function affiche_list_num_rue(form){
    var list_nom = form.elements["nom_rue"];
        var list_num = form.elements["nom_rue"]; 
    var index = list_nom.selectedIndex;
 
    if (index < 1){
                list_num.options.lenght=0;
        document.getElementById("num_rue").style.display="none";
        }
        else
    {
        xhr_object.open("POST", "get_num_rue.php", true);
 
        xhr_object.onreadystatechange = function(){
            if(xhr_object.readyState == 4)
                eval(xhr_object.responseText);
        }
 
        xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        var data = "nom_rue="+escape(list_nom.options[index].value);
        xhr_object.send(data);    
    }
        
}
 
</script>
<body onLoad="cache_champs_form()">
		<div id="header">Site de la copropriété Les Trouvères</div>
		<p>
		<center>Bienvenue sur la page d'enregistrement
		<p>
		<form method=post action="register.php">
		      <p>
	        <div id="nom" class="user_form_reg"><label for="nom">Votre nom :</label><input name="nom" type="text" required /></div>
		<p>
            	<div id="prenom" class="user_form_reg"><label for="prenom">Votre prenom :</label><input name="prenom" type="text" onkeydown="affiche_list_nom_rue()" required /></div>
		<p>
		</div>
                <p>
            <div id="pseudo" class="user_form_reg"><label for="pseudo">Pseudo :</label><input name="pseudo" type="text" required /></div>
                <p>
		<div id="password" class="user_form_reg"><label for="password">Mot de Passe :</label><input type="password" name="password" required /></div>
  		<p>
            	<div id="email" class="user_form_reg"><label for="email">Votre email de contact</label><input name="email" type="text" required /></div>
 		<p>
            	<div id="telephone" class="user_form_reg"><label for="telephone">Votre telephone :</label><input name="telephone" type="text" required /></div> 
		<p>
            	<div id="nb_pers_foyer" class="user_form_reg"><label for="nb_pers_foyer">Nombre de personne composant votre foyer :</label><input name="nb_pers_foyer" type="text" required/></div>
  		<p>
  		<p>
		<div id="validation" class="user_form_reg"><input type="submit" value="Connexion" /></div>
		</form>
</body>
</html> | 
Partager