Discussion :

[Invit�]

Bonjour � tous!

Apr�s 3 jours de d�b�cle, je m'en remets � vous.
Comme signifi� dans le titre, mon probl�me concerne le rechargement d'une portion de page contenant du Javascript, gr�ce � AJAX.

Je m'explique :
J'ai un formulaire d'ajout de chansons (toujours les m�me projets !!). Lors de la validation de celui-ci, j'utilise XMLHttpRequest qui est cens� faire l'insertion en BD et recharger le contenu d'un DIV. Ce DIV contient � l'origine une table, qui comme vous l'aurez compris contient la liste des chansons.
Donc, lorsque je valide le formulaire, je fais appel � une fonction javascript qui s'occupe d'ins�rer en BD la nouvelle chanson saisie dans le formulaire et de recharger ma table avec les nouvelles valeurs (par un nouveau 'select' en BD).

Fonction JS ex�cut�e lors de la validation :

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
 
if (window.XMLHttpRequest) { // Mozilla, Safari,...
     httpRequest = new XMLHttpRequest();
     if (httpRequest.overrideMimeType) {
          httpRequest.overrideMimeType('text/xml');
     }
          }
     else if (window.ActiveXObject) { // IE
          try { httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); }
          catch (e) {
               try { httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); }
                    catch (e) {}
          }
     }
     if (!httpRequest) {
          alert("Abandon : blablabla...");
          return false;
     }
httpRequest.open('POST', 'insert.php', false);
     httpRequest.onreadystatechange = function() {
          if (httpRequest.readyState == 4) {
               if (httpRequest.status == 200) {
setInnerHTML(document.getElementById('reload_div'), httpRequest.responseText);
               } else { alert('Un problème est ...'); }
          }

Contenu du fichier 'insert.php' :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
 
<?php header('Content-type: text/html; charset=iso-8859-1');
mysql_connect($host,$user,$password) or die ("Erreur de conn..");
mysql_select_db ($database) or die ("Erreur de co");
 
$req = "insert into ...";
	if ( !mysql_query ($req)) {
		echo "Erreur lors de l'insertion de ...;
	} else {
		require_once "affich_table.php"; }
?>

Le fichier 'affich_table.php' �tablit la structure d'un tableau avec les donn�es r�cup�r�s en BD.

Le souci, c'est que j'ai deux fonctions JS (dans 'affich_table.php') qui permettent le tri en temps r�el de la table et l'affichage d'infobulles. Ces deux fonctions utilisent jQuery.
Quant j'arrive sur la page initialement, le tri et les infobulles marchent correctement. Lorsque je r�alise une premi�re insertion et que ma table est recharg�e, ces deux fonctions ne fonctionnent plus.

Mon probl�me revient donc � l'ex�cution de code JS au travers de la fonction

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 httpRequest.responseText

J'ai lu �norm�ment de discussion qui traitent de ce sujet. Malheureusement, j'ai n'ai toujours pas de solutions et je suis � pr�sent compl�tement perdus.


setInnerHTML devait �tre la fonction miracle, qui permettait de 'mettre � jour' un div en prenant en compte le code javascript. Mais cela ne fonctionne pas.
J'ai essay� �galement de recharger uniquement le contenu de la table, placer dans les DIV gr�ce � 'innerHTML' et ensuite de rapell� directement mes fonctions JS. sans succ�s...
Quelqu'un peut m'expliquer la fonction append() propre � jQuery, qui semblerait �tre une solution ?


J'ai besoin d'aide l� ...
Help Me Please...

[Bovino]

Tout d'abord, une question qui n'a rien � voir, mais si tu utilises jQuery, pourquoi tu ne t'en sers pas pour faire une requ�te Ajax ???

Sinon, pour ton probl�me (et tu vas voir, c'est quand m�me li�), lorsque tu mets � jour ta page en ins�rant affich_table.php, les scripts ne sont pas ex�cut�s (surtout en exploitant le responseText !) il me semble, donc plus de tri, plus d'infobulle...

Enfin, une requ�te Ajax avec jQuery �value lui automatiquement les scripts par d�faut...

[Bovino]

Pour info, ta fonction jQuery :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
$.post({
url: 'insert.php',
datatype: 'html',      même pas nécessaire, mais pour rassurer !
success: function(reponsehtml){
    $("#reload_div").html(reponsehtml);
  }
});

Et c'est tout...

[DoubleU]

Tu utilises la fonction setInnerHTML de Fremy?

Si oui, regarde ici

Est-ce que tu peux �tre sur que dans tout le framework jQuery, il n'y a pas une fonction �crite comme il ne faut pas? ^^

[Invit�]

Bovino >> Tout d'abord, une question qui n'a rien � voir, mais si tu utilises jQuery, pourquoi tu ne t'en sers pas pour faire une requ�te Ajax ???

Si j'avais su .... !!! En effet, avec responseText, le contenu JS n'est pas pris en compte, donc pas d'infobulles ni de tri de table apr�s le premier rechargement.
Je vais donc essayer avec JQuery pour faire de l'AJAX, quand tout fonctionnera j'essayerais de comprendre!

DoubleU >> Tu utilises la fonction setInnerHTML de Fremy?
En effet !! je pensais que c'�tait la solution miracle, mais �a ne marche pas (m�me apr�s la pirouette de la d�finition des fonctions).


Merci � vous 2! Je teste...

[Invit�]

Je suis d�sol� Bovino, mais la fonction Ajax ne fonctionne pas : ma table ne se met pas � jour..
J'ai essay� ton code et �a �galement :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
jQueryVarNoConflict.ajax({
     type: "POST",
     url: "insert.php",
     data: "lib_r=" + param1 + "&desc=" + type,
     success: function(reponsehtml){
        jQueryVarNoConflict("#reload_div").html(reponsehtml);
     }
});

Une id�e ??

[Invit�]

Bonjour tout le monde.

Finalement, j'ai r�ussi ce que je voulais faire (total temps pass� : 43heures !!! , tr�s f�ch�).. Je pr�cise que je n'ai pas pu mettre en �uvre la solution recherch�e en d�but de post.
J'explique ma "solution" : j'ai utilis� les diverses fonctions du plugin pour refaire tout le cheminement ex�cut� lors de l'initialisation de l'objet. Ce plugin est bas� sur un cache (initialis� lors de la phase de construction de l'objet).

J'ai d�finis un �venement clic sur un bouton. Lors du clic sur ce bouton, une ligne est ajout�e au tableau HTML pr�sent sur le premier slide, puis une fonction r�cup�re la ligne html ajout�e et l'ajoute au cache du plugin (cache total puisque celui-ci est divis� car le tableau poss�de un affichage par page). Je r�utilise ensuite les fonctions pour mettre en forme le cache sur le slide1.
Voil�, je pense pas que �a serve � grand chose (d'�u les guillemts � solution), mais bon, sait-on jamais....

Sinon, personne n'a d'id�es pour le probl�me lors de la phase d'initialisation (constructeur) entre IE et Firefox??
Merci � tous !

EDIT : Merci pour ta proposition Bovino.

[Invit�]

Pour le probl�me du constructeur, il semblerait que ce soit une seule partie de mon code qui ne fonctionne pas, et plus pr�cis�ment cette ligne :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
var nb_occ = document.forms['formAjout'].elements['libelle_form'].value.length;

'document.all' ne fonctionne pas non plus, ni 'document.getElementById'...
Auriez-vous une id�e pourquoi ??

[Bovino]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.forms['formAjout'].elements['libelle_form']

libelle_form est-il unique ?
C'est quoi comme balise ?

[Invit�]

libelle_form est unique et correspond � un input type="text"

[Invit�]

Bon, plus de r�ponse, je clos le sujet.

Merci � tous