Bonjour,

je suis entrain de mettre en place une authentification en ajax sur mon espace membre ,

j'ai donc la page connect.js qui contient tout le javascript qui permet la connection au serveur

et ma page login qui contient le formulaire

j'ai essayer de mettre un hidden sur mon div du formulaire, et un visible sur mon div de connection une fois connecté , mon probleme et qu'il ferme le premier div mais n'ouvre pas le second !


Voila les pages sources :

Connect.js

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
function maFonctionAjax(email, mdp)
{
  var MonAjax;
  if (window.XMLHttpRequest) MonAjax = new XMLHttpRequest();
  else if (window.ActiveXObject) MonAjax = new ActiveXObject('Microsoft.XMLHTTP'); 
  MonAjax.open('POST',"connect.php",true);
/*
3: réponse en cours.
4: terminé. 
*/
  MonAjax.onreadystatechange = function()
  {
      if (MonAjax.readyState == 4 && MonAjax.status==200)
      {
          if (document.getElementById) 
          {    
               if (MonAjax.responseText == "true") { 
 
 
  document.getElementById('LeRetour').innerHTML='';
 document.getElementById("login-off").style.visibility = "hidden";
 
 
 
} else {                             
 
 document.getElementById('LeRetour').innerHTML='<font color=RED>'+MonAjax.responseText+'</font>';
 document.getElementById("login-on").style.visibility = "visible";
 
 
 
 
}
          }     
      }
  }
  MonAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
  MonAjax.send('email='+email+'&mdp='+mdp);
}
et ma page login.php

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
<?
session_start();
?>
<SCRIPT language=JavaScript src="js/connect.js"></SCRIPT>
 
 
 
<div id="LeRetour">
<?
include("mysqlcon.php"); 
include("recuperation.php");
?>
<div id="login-on" style="visibility: hidden;">
<img src="/images/profil.jpg" style="float:left;" width="50" height="50"<> <b><? echo $pseudocon; ?></b> - <a href="/page.php?mod=deco">Déconnection</a><br>
<br>
<b><a href="/page.php?mod=gestblog" rel="facebox">Gere ton blog</b></a> - <a href="/page.php?mod=gestprofil">Gere Ton Profil</a>
</div>
 
<div id="login-off" style="visibility: visible;">
<form method="post"  onsubmit="maFonctionAjax(this.email.value,this.mdp.value);return false" action="">
Email   <input name="email" id="email"  type="text" /><br />
MDP :  <input name="mdp" id="mdp"  type="password" /><br />
<br /><br />
<input type="submit"  value="envoyer"  /><br />
</form>
</div>
</div>
</body></html>

Où Comment puis je faire pour faire une actualisation de ma div seulement juste une actualisation ?