(resolu) Aide pour script ajax

Aide pour script ajax (resolu) - HTML/CSS - Programmation

Marsh Posté le 05-02-2013 à 14:41:31    

Bonjour,
 
J'utilise un script permettant d'afficher dynamiquement des formulaires en fonction du choix fait dans un bouton radio.
Ce script fonctionne bien sous firefox ou cgrome mais plantage sous ie8... je ne comprend pas pourquoi.
 
Voici le code en question :
 

Code :
  1. <script type="text/javascript">
  2.   var xhr = null;
  4. function getXhr(){
  5. if (window.XMLHttpRequest) { // Mozilla, Safari, ...
  6.     xhr = new XMLHttpRequest();
  7.     //xhr.overrideMimeType('text/xml');
  8. }  else if (window.ActiveXObject) { // IE
  9.     xhr = new ActiveXObject("Microsoft.XMLHTTP" );
  10. }
  11. else { // XMLHttpRequest non supporté par le navigateur  
  12. alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  13. xhr = false;
  14. }
  15. }
  17. function afficherForm(id){
  18. getXhr();
  20. xhr.onreadystatechange = function(){
  21. // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
  22. if(xhr.readyState == 1){
  23. document.getElementById("form" ).innerHTML="<p>chargement en cours...</p>";
  24. }
  25. if(xhr.readyState == 4 && xhr.status == 200){
  26. var reponse=xhr.responseText;
  27.   document.getElementById("form" ).innerHTML=reponse;
  28. }
  30. }
  31. var page;
  32. switch(id){
  33.  case '1':
  34.  page="mail.php";
  35.  break;
  36.  case '2':
  37.  page="courrier.php";
  38.  break;
  39.      case '3':
  40.  page="telephone.php";
  41.  break;
  42.     }
  44. xhr.open("GET","./formulaires/"+page,true);
  45. // ne pas oublier ça pour le post
  46. //xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  47. xhr.send("" );
  48. }
  50. function afficherSousForm(){
  51. document.getElementById("sousform" ).className="affichee";
  52. }
  55. function checkForm(){
  56. var formcontact=document.getElementById('formcontact');
  57. var inputs=formcontact.getElementsByTagName('input');
  58. for(i=0;i<inputs.length;i++){
  59. if(inputs.item(i).value=="" ){
  60. alert("veuillez remplir tous les champs" );
  61. inputs.item(i).focus();
  62. return false;
  63. }
  65. }
  66. var textareas=formcontact.getElementsByTagName('textarea');
  67. for(i=0;i<textareas.length;i++){
  68. if(textareas.item(i).value=="" ){
  69. alert("veuillez indiquer l'objet de votre demande" );
  70. textareas.item(i).focus();
  71. return false;
  72. }
  73. }
  76. var mail=document.getElementsByName("mail" )[0];
  77. var filter = /^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$/;
  78. if (!filter.test(mail.value)) {
  79. alert("L'adresse mail n'est pas valide." );
  80. mail.focus();
  81. return false;
  82. }
  84. return true;
  86. }
  88.   </script>
  89. <!-- fin de script pour formulaires AJAX //-->
  91. <!-- </head> -->
  92. <!-- debut du corps de page //-->
  93. <!-- <body> -->
  95. <div id="generale">
  96. <div id="corps2">
  97. <div id="centre">
  98. <form id="formSelection" action="./traitement_formulaire.php" method="post">
  100. <fieldset>
  101. <legend>Choix du mode de r&eacute;ponse</legend>
  102. Afin d'optimiser le temps de r&eacute;ponse &agrave; votre question, merci de choisir le mode de r&eacute;ponse souhait&eacute;.<br />
  103. <ul id="choix">
  105. <input type="radio" name="choix" value="1" onclick="afficherForm(this.value)"/>Par courrier &eacute;l&eacute;ctronique</label><br />
  106. <input type="radio" name="choix" value="2" onclick="afficherForm(this.value)"/>Par courrier postal</label><br />
  107. <input type="radio" name="choix" value="3" onclick="afficherForm(this.value)"/>Par t&eacute;l&eacute;phone</label><br />
  109. <fieldset>
  110. <legend>Informations compl&eacute;mentaires</legend>
  112. <div id="form"></div>


 
Quelqu'un aurait il une idée de ce qui bloque ??? J'avoue que je tourne en rond depuis plusieurs jour !!!!
 
Merci d'avance pour votre aide !


Message édité par mozvillat le 05-02-2013 à 16:16:55
Reply

Marsh Posté le 05-02-2013 à 14:41:31   

Reply

Marsh Posté le 05-02-2013 à 16:16:25    

Je m'auto repond !  
 
pour que ie ne plante pas, il faut afficher la <div form> avant de definir xhr...
 
C'est un peu con pour la mise en forme car le formulaire apparait au dessus du choix de reponse, mais au moins ca marche !!!! :-)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed