(resolu) Aide pour script ajax

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : (resolu) Aide pour script ajax

mozvillat

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 :

<script type="text/javascript">
var xhr = null;
function getXhr(){
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
xhr = new XMLHttpRequest();
//xhr.overrideMimeType('text/xml');
} else if (window.ActiveXObject) { // IE
xhr = new ActiveXObject("Microsoft.XMLHTTP" );
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
xhr = false;
}
}
function afficherForm(id){
getXhr();
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 1){
document.getElementById("form" ).innerHTML="<p>chargement en cours...</p>";
}
if(xhr.readyState == 4 && xhr.status == 200){
var reponse=xhr.responseText;
document.getElementById("form" ).innerHTML=reponse;
}
}
var page;
switch(id){
case '1':
page="mail.php";
break;
case '2':
page="courrier.php";
break;
case '3':
page="telephone.php";
break;
}
xhr.open("GET","./formulaires/"+page,true);
// ne pas oublier ça pour le post
//xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("" );
}
function afficherSousForm(){
document.getElementById("sousform" ).className="affichee";
}
function checkForm(){
var formcontact=document.getElementById('formcontact');
var inputs=formcontact.getElementsByTagName('input');
for(i=0;i<inputs.length;i++){
if(inputs.item(i).value=="" ){
alert("veuillez remplir tous les champs" );
inputs.item(i).focus();
return false;
}
}
var textareas=formcontact.getElementsByTagName('textarea');
for(i=0;i<textareas.length;i++){
if(textareas.item(i).value=="" ){
alert("veuillez indiquer l'objet de votre demande" );
textareas.item(i).focus();
return false;
}
}
var mail=document.getElementsByName("mail" )[0];
var filter = /^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$/;
if (!filter.test(mail.value)) {
alert("L'adresse mail n'est pas valide." );
mail.focus();
return false;
}
return true;
}
</script>


<div id="generale">
<div id="corps2">
<div id="centre">
<form id="formSelection" action="./traitement_formulaire.php" method="post">
<fieldset>
<legend>Choix du mode de réponse</legend>
Afin d'optimiser le temps de réponse à votre question, merci de choisir le mode de réponse souhaité.<br />
<ul id="choix">
<input type="radio" name="choix" value="1" onclick="afficherForm(this.value)"/>Par courrier éléctronique</label><br />
<input type="radio" name="choix" value="2" onclick="afficherForm(this.value)"/>Par courrier postal</label><br />
<input type="radio" name="choix" value="3" onclick="afficherForm(this.value)"/>Par téléphone</label><br />
<fieldset>
<legend>Informations complémentaires</legend>
<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

Publicité

mozvillat

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 !!!! :-)

FORUM HardWare.fr

Programmation

HTML/CSS

(resolu) Aide pour script ajax

Sujets relatifs
Script PHP qui génère une page html grâce a un formulaire	Aide commande hmtl, ajax, cgi ?
Création d'une action en VBA Excel - Besoin d'aide	Problème entre Doctype et un script
[VBS] Script Language problème aide svp	Ajax, scraping et ressources du navigateur ?
Aide VBA, Somme de chaque ligne d'un tableau	Script Beanshell et Android
Plus de sujets relatifs à : (resolu) Aide pour script ajax

Page générée en 0.069 secondes