problème avec xmlhttprequest et firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : problème avec xmlhttprequest et firefox

athome

Bonjour, je viens exposer mon soucis ici

tout d'abord, je travail sur un formulaire, un 2eme menu déroulant dépendant du 1er et un 3eme dépendant du 2sd, il fonctionne très bien, voir les pages ci-dessous, mais il ne fonctionne que sous IE8, pas sous FF 3.6.10 !

J'ai cherché sur le web et cela proviendrait de xmlhttprequest voir du bouton submit...

Je suis débutant en php/mysql et pas de notion en java, j'aimerais des conseils sur mon problème, voir une solution

voici les pages dont vous auriez besoin :

ajax.js

Code :

function ajax(strthis)
{
var param = strthis.value;
var unite = document.getElementById("unite" ).options[document.getElementById("unite" ).selectedIndex].value;
$("#tr_codedial" ).empty();
$.ajax
(
{
type: "POST",
url: "select_codedial.php",
data: "var="+param,
success:
function(msg)
{
$("#tr_codedial" ).append("<td><div align='right'>Code Dialogue :</div></td><td><div align='left'>"+ msg +"</div></td>" );
}
}
);
}
function ajax2(strthis)
{
var param = strthis.value;
var intitule = document.getElementById("intitule" ).options[document.getElementById("intitule" ).selectedIndex].value;
$("#tr_intitule" ).empty();
$.ajax
(
{
type: "POST",
url: "select_intitule.php",
data: "var="+param,
success:
function(msg)
{
$("#tr_intitule" ).append("<td><div align='right'>Intitulé Code Dialogue :</div></td><td><div align='left'>"+ msg +"</div></td>" );
}
}
);
}

form1.php

Code :

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<form method="POST" action="valide1.php" name="caapp">
<tr id='tr_affaire' align="center">
<td><div align="right">Service : </div></td>
<td><div align="left"><?php include('select_unite.php')?></div></td>
</tr>
<tr id='tr_codedial'>
<td><div align="right">Code Dialogue : </div></td>
<td><div align="left" id='tr_codedial'><?php include('select_codedial.php')?></div></td>
</tr>
<tr id='tr_intitule'>
<td><div align="right">Intitulé Code Dialogue : </div></td>
<td><div align="left" id='tr_intitule'><?php include('select_intitule.php')?></div></td>
</tr>
<input type="submit" value="Envoyer" />
</form>

select_unite.php

Code :

<HEAD>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
</HEAD>
<BODY>
<select id='unite' name='unite' onChange="ajax(this)">
<option value='void_affaire'>-</option>
<?php
include("../connexion.php" );
$query = "SELECT DISTINCT unite FROM codedial ORDER BY unite ASC";
$rq = mysql_query($query) or die(mysql_error());
while ($row=mysql_fetch_array($rq, MYSQL_ASSOC))
{
$unite = $row["unite"];
echo "<option value='$unite'>$unite</option>";
}
mysql_close();
?>
</select>
</BODY>

select_codedial.php

Code :

<HEAD>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
</HEAD>
<BODY>
<select id='codedial' name='codedial' onChange="ajax2(this)">
<option value='void_localisation'>-</option>
<?php
include("../connexion.php" );
$var=$_POST['var'];
$query = "SELECT DISTINCT codedial FROM codedial WHERE unite='$var' ORDER BY codedial ASC";
$rq = mysql_query($query) or die(mysql_error());
while ($row=mysql_fetch_array($rq, MYSQL_ASSOC))
{
$codedial = $row["codedial"];
echo "<option value='$codedial'>$codedial</option>";
}
mysql_close();
?>
</select>
</BODY>

select_intitule.php

Code :

<HEAD>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
</HEAD>
<BODY>
<select id='intitule' name='intitule'>
<option value='void_localisation'>-</option>
<?php
include("../connexion.php" );
$var=$_POST['var'];
$query = "SELECT DISTINCT intitule FROM codedial WHERE codedial='$var' ORDER BY intitule ASC";
$rq = mysql_query($query) or die(mysql_error());
while ($row=mysql_fetch_array($rq, MYSQL_ASSOC))
{
$intitule = $row["intitule"];
echo "<option value='$intitule'>$intitule</option>";
}
mysql_close();
?>
</select>
</BODY>

Message édité par athome le 20-09-2010 à 20:24:00

Publicité

esox_ch

C'est pas du Java mais du javascript , merci de modifier la catégorie

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

Paulp

~, sweet ~

Y'a-t-il une erreur dans la console javascript de firefox ?
Pour débugger du javascript sous firefox, je te conseille d'installer l'extension firebug. Tu pourras voir les erreurs dans le script, leur contexte, ...

athome

il m'indique simplement ces fichiers :

Code :

http://localhost/test3/form/select_codedial.php? jquery.js (ligne 5252)

ce qui correspond à :

Code :

try {
xhr.send(

je n'ai pas encore intégré cette fonction, je pense que cela vient de là, mais je m'y prend surement mal pour l'insérer et l'adapter à mon code

merci encore de votre aide

Message édité par athome le 21-09-2010 à 14:35:08

Paulp

~, sweet ~

et quel est le message de l'erreur ?

Par ailleurs dans ajax.js, strthis.value est une erreur, l'élément select n'a pas de value, ce sont les options.
tu peux remplacer par $(strthis).val()

athome

je n'ai pas de message d'erreur, j'ai simplement ces lignes qui apparaissent dans l'onglet console de firebug
la première apparait au choix du 1er menu déroulant et la 2eme ligne au 2eme menu déroulant
quand le clic sur envoyer (vers la base) toujours pas de message d'erreur !

Code :

http://localhost/test3/form/select_codedial.php? 200 OK 26ms jquery.js (ligne 5252)
http://localhost/test3/form/select_intitule.php? 200 OK 11ms jquery.js (ligne 5252)

j'ai aussi remplacé strthis.value par $(strthis).val()

cela ne change pas le bon fonctionnement du formulaire sous IE8

mais toujours ce probleme sous FF qui ne permet pas d'enregistrer les valeurs dans la base

Message édité par athome le 21-09-2010 à 15:40:16

Paulp

~, sweet ~

OK
Ces lignes dans firebug correspondent aux appels ajax qui se font bien.
Le code de retour 200 indique qu'il n'y a pas d'erreur HTTP, et l'indication jquery.js (ligne 5252) correspond à l'envoi de la requête AJAX (xhr.send())

Si tu cliques sur le + à gauche de la ligne de l'appel AJAX dans la console firebug, qu'y a-t-il dans l'onglet POST et dans l'onglet Réponse ?

athome

dans le premier POST il y a :

Code :

<select id='codedial' name='codedial' onChange="ajax2(this)">
<option value='-'>-</option>
<option value='choix1'>choix1</option>
<option value='choix2'>choix2</option>
<option value='choix3'>choix3</option>
<option value='choix4'>choix4</option>
<option value='choix5'>choix5</option>
<option value='choix6'>choix6</option></select>

dans le second POST il y a :

Code :

<select id='intitule' name='intitule'>
<option value='-'>-</option>
<option value='choix1'>choix1</option></select>

dans le premier Réponse il y a :

Code :

var titre1
Source
var=titre1

dans le second Réponse il y a :

Code :

var choix1
Source
var=choix1

Paulp

~, sweet ~

Tu as inversé POST et Réponse.

Là on voit que tu postes bien les données que tu veux, et que tu récupères une réponse correcte.

Que se passe-t-il si tu exécutes, avec la console, $("#tr_intitule" ).append("<td>azerty</td>" );

Ensuite, en regardant ton code de plus près, je vois quelques trucs un peu moches :
- vire les balises head, body, script de tes scripts PHP appelés en ajax.
En gros, tu veux récupérer une balise <select>, donc vire le HTML autours de cette balise
- il n'y a pas de balise table autours de ta balise tr
- Dans le PHP, avant d'utiliser une variable POST ou GET dans une requête SQL, appelle la fonction mysql_escape_string, sinon n'importe qui peut supprimer ta base de données ...

athome

voici la réponse de la console :

Code :

>>> $("#tr_intitule" ).append("<td>azerty</td>" );
array: [tr#tr_intitule]

en fait j'avais déjà viré les balises head, body, script et HTML
des fichiers select_*.php

voici à quoi il ressemble :

select_codedial.php

Code :

<select id='codedial' name='codedial' onChange="ajax2(this)">
<option value='-'>-</option>
<?php
include("../connexion.php" );
$var=$_POST['var'];
$query = "SELECT DISTINCT codedial FROM codedial WHERE unite='$var' ORDER BY codedial ASC";
$rq = mysql_query($query) or die(mysql_error());
while ($row=mysql_fetch_array($rq, MYSQL_ASSOC))
{
$codedial = $row["codedial"];
echo "<option value='$codedial'>$codedial</option>";
}
mysql_close();
?>
</select>

dans ma page de formulaire form1.php il y a en fait une balise mais je ne l'ai pas collé
ayant fait le tri sur page, voici la version complète :

form1.php

Code :

<?php
include("../connexion.php" );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>form profil 1</title>
<LINK REL="SHORTCUT ICON" HREF="../favicon.ico" />
<link href="style2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<script language="javascript">
function popupcentree(page,largeur,hauteur,options)
{
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<br />
<table width="957" class="tab" cellpadding="0" cellspacing="0">
<td height="18" colspan="3" valign="top"><table border="0" align="center" cellpadding="2" cellspacing="2">
<br />
<div align="center">
Formulaire création entrée profil 1<br /><br />
<a href="donnees.php">Retour</a><br />
<br />
</div>
<form method="POST" action="valide1.php" name="caapp">
<tr id='tr_affaire' align="center">
<td><div align="right">Service : </div></td>
<td><div align="left"><?php include('select_unite.php')?></div></td>
</tr>
<tr id='tr_codedial'>
<td><div align="right">Code Dialogue : </div></td>
<td><div align="left" id='tr_codedial'><?php include('select_codedial.php')?></div></td>
</tr>
<tr id='tr_intitule'>
<td><div align="right">Intitulé Code Dialogue : </div></td>
<td><div align="left" id='tr_intitule'><?php include('select_intitule.php')?></div></td>
</tr>
</form>
</table>
<br />
</td>
</table>
</center>
</body>
</html>

sinon pour mysql_escape_string, je vais me renseigner

encore merci pour ton aide

Publicité

Paulp

~, sweet ~

Quand tu exécutes le append via la console, vois-tu la cellule s'ajouter au tableau ?
Le site est-il en ligne quelque part, que je puisse regarder ce qui cloche ?
As-tu essayé de changer de version de jQuery ?

athome

Alors oui je vois bien 'azerty' s'afficher dans le formulaire, pas dans la case mais bien en face de l'intitulé, après validation cette valeur n'est pas enregistré dans la base.

non, le site n'est pas en ligne, c'est du local pour de l'intranet

et non je n'ai pas changé de version de jquery, c'est la dernière que j'ai dl la semaine dernière (http://code.jquery.com/jquery-1.4.2.js)

cela ne pourrait pas venir, du fait que je n'ai pas de fonction XMLHttpRequest ?

Message édité par athome le 22-09-2010 à 11:57:16

athome

problème résolu, code ici :

http://cjoint.com/data/jxi3behaSE_test6_good.rar

brahimbb17

j'ai trouver cette article

http://astuces-news.blogspot.com/2 [...] quest.html

@+

FORUM HardWare.fr

Programmation

HTML/CSS

problème avec xmlhttprequest et firefox

Sujets relatifs
problème de formulaire	Problème pour redimensionner un Clip
HTML/CSS: Problème - menu avec des images	Problème include php 5
Galerie d'image AS3 / Problème sous Firefox / Mac	probleme d'upload d'un wordpress
Problème linguistique : champs ou colonnes ?	probleme page PHP sous internet explorer
probleme intro flash
Plus de sujets relatifs à : problème avec xmlhttprequest et firefox

Page générée en 0.141 secondes