AJAX : besoin d'expertise
Alors voila, je rame..... trop de comportement que je ne comprends pas dans mon projet malgré des tutos sur le web:
Je vous liste ce que j'attends de mon dev et après les source:
1- Lorsque je charge mon site, les champs pseudo ou id et password se pré-remplissent sans que je sache pourquoi...
2- Le principal problème vient de l'enregistrement d'un nouvel utilisateurs:
sur la cette page plusieurs soucis:
1- Les propriété hidden n'ont pas l'aire de marcher: tout les champs s'affichent, sauf ceux pour sélectionner le nom de la rue et le numéro.
2- lorsque je saisie le nom et le prénom de l'utilisateur, la liste déroulantes pour le nom de la rue ne s'affichent pas, et du coup le numéro nom plus.
Bref, qu'est ce que je ne saisie pas???!!!
codes sources:
index.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
</head>
<title>Copropriété les Trouvères</title>
<body>
<div id="header">Site de la copropriété Les Trouvères</div>
<p>
<center>Merci de vous authentifier
<p>
<form method=post action="connect.php">
<p>
<label for="pseudo">Pseudo :</label><input name="pseudo" type="text" id="pseudo" />
<p>
<label for="password">Mot de Passe :</label><input type="password" name="password" id="password" />
</p>
<p><input type="submit" value="Connexion" /></p></form>
<a href="./register.php">Pas encore inscrit ?</a> | <a href="./forget_passwd.php"> Mot de passe oublié?</a>
</center>
</body>
</html> |
register.php:
Code:
1
2
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> |
get_nom_rue.php:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <!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>
<body>
<div id="num_rue" class="user_form_reg"><label for="num_rue">Votre rue :</label>
<select name="num_rue" required />
<option value="" selected="selected" onchange="affiche_list_num_rue(this.form)"></option>
<?php
$db=mysqli_connect("localhost","root","admin","copro_trouveres");
$nom_rue=$_POST['nom_rue'];
$req="select num_rue from adresses where nom_rue=\'$nom_rue\'";
$res=mysqli_query($db,$req);
while ($row=mysqli_fetch_row($res)){
echo"<option name=\"num_rue\" value=\"$row\">$row[0]</option>";
}
?>
</body> |
get_num_rue.php:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <!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>
<body>
<div id="num_rue" class="user_form_reg"><label for="num_rue">Votre rue :</label>
<select name="num_rue" required />
<option value="" selected="selected"></option>
<?php
$db=mysqli_connect("localhost","root","admin","copro_trouveres");
$nom_rue=$_POST['nom_rue'];
$req="select num_rue from adresses where nom_rue=\'$nom_rue\'";
$res=mysqli_query($db,$req);
while ($row=mysqli_fetch_row($res)){
echo"<option name=\"num_rue\" value=\"$row\">$row[0]</option>";
}
?>
</body> |
Une grand merci d'avance pour votre aide
Kondor76
