Problème formulaire AJAX avec Firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème formulaire AJAX avec Firefox

ewbs

Bonjour

C'est la première fois que je poste sur ce forum, j'espère que cela me sera profitable. :ange:
Je vous explique mon problème
Sur un de mes sites web j'ai créé un formulaire dynamique. Ce formulaire s'ouvre avec des valeurs et des listes de choix par défaut et il est possible de modifier ces valeurs par défaut en choisissant dans un champ SELECT (javascript : onchange="..." ).
J'utilise pour cela AJAX et un objet XHR qui en envoyant un paramètre (GET) vers une page php annexe va modifier d'un coup une partie du formulaire (2 listes de choix et un INPUT). Je ne rentre pas dans les détails car jusque là tout va bien.
Donc il me modifie impeccablement mon formulaire, me donne de nouvelles listes, etc, mais quand je le valide (Submit) avec Firefox, la page de destination ne reçoit pas les valeurs modifiées (récupération via $_POST['...']) alors que sous IE cela fonctionne sans problème :pfff:

Je sais que Firefox est plus sensible à la syntaxe mais il faut savoir que ici la routine AJAX réécrit le code HTML de la même manière que la situation de départ et que le formulaire fonctionne tant que je ne lance pas le script...

Bon voilà je ne sais pas si c'est un problème déjà rencontré :sarcastic:
Pour résumé : "Est-ce que l'utilisation d'un script AJAX pour modifier plusieurs "SELECT" et "INPUT" d'un formulaire peut empêcher le transfert des données par la méthode POST sur Firefox?"

Merci

Publicité

ewbs

Bon je vais qd meme donner un peu de code.
Je prends le cas ici où une liste de choix modifie une autre liste de choix (le problème reste le même sur firefox où il me transmait la nouvelle liste mais le formulaire n'envoie pas les valeurs )
Aussi préciser le contexte : il s'agit d'un site de comptabilité, je veux que quand je choisis un type de frais il ne me met dans la liste déroulante que les factures correspondantes

Fichier cherche_compte.js (trouvé sur le net et adapté)

Code :

/**
* Lister les factures pour un type de frais donné avec un objet
* XMLHTTPRequest.
*/
/* Création de la variable globale qui contiendra l'objet XHR */
var requete = null;
/**
* Fonction privée qui va créer un objet XHR.
* Cette fonction initialisera la valeur dans la variable globale définie
* ci-dessus.
*/
function creerRequete()
{ try
{ /* On tente de créer un objet XmlHTTPRequest */
requete = new XMLHttpRequest();
}
catch (microsoft)
{ /* Microsoft utilisant une autre technique, on essays de créer un objet ActiveX */
try
{ requete = new ActiveXObject('Msxml2.XMLHTTP');
}
catch(autremicrosoft)
{ /* La première méthode a échoué, on en teste une seconde */
try
{ requete = new ActiveXObject('Microsoft.XMLHTTP');
}
catch(echec)
{ /* À ce stade, aucune méthode ne fonctionne... mettez donc votre navigateur à jour ;) */
requete = null;
}
}
}
if(requete == null)
{ alert('Impossible de créer l\'objet requête,\nVotre navigateur ne semble pas supporter les object XMLHttpRequest.');
}
}
/**
* Fonction publique appelée par la page affichée.
* Cette fonction va initialiser la création de l'objet XHR puis appeler
* le code serveur afin de récupérer les données à modifier dans la page.
*/
function getAll(Ref_frais)
{ /* Si il n'y a pas d'identifiant de frais, on fait disparaître la seconde liste au cas où elle serait affichée */
if(Ref_frais == 'vide')
{ document.getElementById('blocFactures').innerHTML = '';
}
else
{ /* À cet endroit précis, on peut faire apparaître un message d'attente */
var blocListe = document.getElementById('blocFactures');
blocListe.innerHTML = "Traitement facture en cours, veuillez patienter...";
/* On crée l'objet XHR */
creerRequete();
/* Définition du fichier de traitement */
var url = 'liste_facture2.php?Ref_frais='+ Ref_frais;
/* Envoi de la requête à la page de traitement */
requete.open('GET', url, true);
/* On surveille le changement d'état de la requête qui va passer successivement de 1 à 4 */
requete.onreadystatechange = function()
{ /* Lorsque l'état est à 4 */
if(requete.readyState == 4)
{ /* Si on a un statut à 200 */
if(requete.status == 200)
{ /* Mise à jour de l'affichage, on appelle la fonction apropriée */
actualiserFactures();
}
}
};
requete.send(null);
}
}
/**
* Fonction privée qui va mettre à jour l'affichage de la page.
*/
function actualiserFactures()
{ var listeFacture = requete.responseText;
var blocListe = document.getElementById('blocFactures');
blocListe.innerHTML = listeFacture;
}

le fichier php qui me renvoye la nouvelle liste : liste_facture2.php

Code :

<?php
/**
* Code qui sera appelé par un objet XHR et qui
* retournera la liste déroulante des factures
* correspondant au type de frais sélectionné.
*/
/* Paramètres de connexion */
header('Content-type: text/html; charset=iso-8859-1');
$connection=mysql_connect($host,$user,$password)
or die ("Connexion au serveur impossible" );
$db = mysql_select_db($database,$connection)
or die ("Sélection de la base de données impossible" );
/* On récupère l'identifiant de la section choisie. */
$Ref_frais = isset($_GET['Ref_frais']) ? $_GET['Ref_frais'] : false;
/* Si on a une section, on procède à la requête */
if(false !== $Ref_frais)
{
/* Création de la requête pour avoir les factures qui ont déjà traité avec ce frais */
$liste = "";
$query_compte = "SELECT blablabla...";
$result_compte=mysql_query($query_compte) or die ("Impossible d'exécuter la requête 5." );
$num_list = mysql_num_rows($result_compte);
$liste .= '<select id="bana" name="bana">'."\n";
if($num_list!=0)
{ for($i=0; $i<$num_list; $i++)
{ ...
if($i==0) $liste .="<option Selected=\"Selected\" value=\"$Ref_compte\">$number - $numero_compte ($nom_compte)</option>\n";
else $liste .="<option value=\"$Ref_compte\">$number - $numero_compte ($nom_compte)</option>\n";
}
$liste .="<option value=\"0\">- - - - - - - - - - - </option>\n";
}
$liste .="<option>- - - - - - - - - - - </option>\n";
$liste .="<option value=\"0\">Pas de compte</option>\n";
/* Un petit coup de balai */
mysql_free_result($result_compte);
/* Affichage de la liste déroulante */
echo($liste);
}
/* Sinon on retourne un message d'erreur */
else
{
echo("<p>Une erreur s'est produite. Le frais sélectionné comporte une donnée invalide.</p>" );
}
?>

et enfin la page html(php) qui reçoit les données (initialise une première liste) via un bloc "span"

Code :

<head>
...
<script type="text/javascript" src="gewbank.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects,controls"></script>
<script type="text/javascript" src="cherche_compte.js" charset="iso_8859-1"></script>
</head>
<body>
...
...
<SELECT name="Ref_frais" onchange="getAll(this.value);">
...
</SELECT
...
...
<td class='row3'>
<span id="blocFactures">
<?php
$query_compte = "SELECT blablabla...";
$result_compte=mysql_query($query_compte) or die ("Impossible d'exécuter la requête5." );
$num_list = mysql_num_rows($result_compte);
$liste = "";
$liste .= '<select id="bana" name="bana">'."\n";
if($num_list!=0)
{ for($i=0; $i<$num_list; $i++)
{ ...
$liste .="<option value=$Ref_compte>$number - $numero_compte ($nom_compte)</option>\n";
}
$liste .="<option>- - - - - - - - - - - </option>\n";
}
$query_compte = "SELECT * FROM compte ORDER BY numero_compte, nom_compte";
$result_compte=mysql_query($query_compte) or die ("Impossible d'exécuter la requête $query_compte." );
$num_list = mysql_num_rows($result_compte);
if($num_list!=0)
{ for($i=0; $i<$num_list; $i++)
{ ...
$liste .="<option value=$Ref_compte>$numero_compte ($nom_compte)</option>\n";
}
}
$liste .="<option>- - - - - - - - - - - </option>\n";
$liste .="<option value=0>Pas de compte</option>\n";
/* Un petit coup de balai */
mysql_free_result($result_compte);
/* Affichage de la liste déroulante */
echo($liste);
?>
</span>
</td>
...
</body>

Message édité par ewbs le 12-12-2008 à 09:45:23

SeRiaL-

pour répondre à ta question :
Est-ce que l'utilisation d'un script AJAX pour modifier plusieurs "SELECT" et "INPUT" d'un formulaire peut empêcher le transfert des données par la méthode POST sur Firefox?

Non, ça doit marcher

Mets une page en ligne, ce sera beaucoup plus facile pour te répondre

Hors contexte : je vois que tu utilises prototype, n'hésite pas à t'en servir pour l'ajax :bounce:

ewbs

Cool une réponse :bounce:

Alors je ne vais pas mettre une page en ligne car c'est un site privé de compta mais je vais montrer quelques print screen pour expliquer tout ça.
J'ai donc un formulaire qui me permet de noter les dépenses/rentrées d'argent sur un compte qui s'ouvre avec des valeurs par défaut. Exemple

Si ici je ne touche à rien et que je valide, il encode parfaitement les données dans la base
Si je modifie les champs où il n'y a pas d'AJAX c'est à dire les champs "Facture", "Montant", "numero de compte" ou le dernier, cela passe aussi
=> le code semble bon
Maintenant là où ça coince, c'est quand je change la "rentrée/sortie" ou le "type de frais" qui eux mettent à jour les 3 champs en-dessous via AJAX
Par exemple si je passe à un montant négatif (une dépense) le formulaire se met à jour automatiquement ce qui nous donnerait par exemple

et là quand je valide, il n'arrive pas à exécuter la requête qui est interprétée comme

Code :

INSERT INTO tresorerie values(NULL,1,,'09-0034','2009-01-29',1,0,0,,1,'')

au lieu de

Code :

INSERT INTO tresorerie values(NULL,1,214,'09-0034','2009-01-29',1,145,0,81.38,1,'')

=> les 3 champs changés par AJAX ne passent pas en POST...

Alors que sur Explorer... ça passe

une idée? :sarcastic:

Message édité par ewbs le 11-02-2009 à 12:56:13

drpark

Bonjour,
j'ai exactement le meme probleme. Ca fonctionnait tres bien l'année dernière (aout) et la mon script ne fonctionne plus.

Y a t'il une solution ou cela n'est plus compatible de remplacer une div contenant un formulaire par une autre div contenant un formulaire?

merci pour l'aide

FORUM HardWare.fr

Programmation

HTML/CSS

Problème formulaire AJAX avec Firefox

Sujets relatifs
table & innerHTML probleme avec un formulaire	problème sélection dans un intervalle en sql
[Probleme] Dynamic_cast<T>(x) - Unix Segfault	Gros problème de session
[Joomla] Modifier formulaire de soumission d'article	Petit problème avec un hash, des tableaux et des références
Probleme MySQL	Problème alignement bloc CSS [terminé]
Problème d'adition avec js
Plus de sujets relatifs à : Problème formulaire AJAX avec Firefox

Page générée en 0.081 secondes