[Javascript] Problème rechargement iframe Résolu/Fermé

Question

Bonjour bonjour. Je travaille actuellement sur une GED en PHP avec l'un de mes collègues qui lui aussi est programmeur junior. (Je dirais même plus qu'on est encore étudiants, 'fin bref). Dans un souci d'optimisation, nous souhaitons minimiser le plus possible les rechargements de page. (Avouez qu'il n'est pas très sérieux de recharger la page à chaque fois que l'on clique sur un dossier de l'arborescence.) Pour ceci, nous avons décidé d'utiliser deux iframes. Celle de gauche qui affiche le treeview, celle de droite qui est sensé afficher les fichiers contenus dans les dossiers. La méthode utilisée pour cela est d'envoyer dans l'url de la frame une variable "Path", qui sera récupérée dans l'autre frame, via un $_GET['Path']. Nous avons décidé de coder cet envoie en javascript de la façon suivante : echo indentation($niveau) . "

onclick= parent.frames['\"/contenu.php?path=.'". $tableau ."'\"'].location.reload();
"; Le problème est qu'évidemment, cela ne fonctionne pas. Nous voudrions donc savoir où se situe l'erreur que nous avons commise, et si possible, que l'on nous explique comment réparer cette erreur. D'avance je remercie tous ceux qui nous répondront. Cordialement, Kitty-cat

kij_82 · Answer

Bonjour, "indentation($niveau)", ca correspond à quoi ca ? Sinon, sans prendre en compte ceci, voilà la syntaxe exacte (qui devrait fonctionner) : echo "

"; Après je ne dis pas que ce que vous souhaitez faire fonctionne, je n'ai pas très bien compris comment fonctionne votre système ^^

Kitty-cat · Answer

Le indentation($niveau) sert en fait à "afficher" les blancs derrière le nom du dossier. Comme ça si c'est un sous-dossier, il se retrouve décalé grâce à cela. Sinon, j'ai testé ce que tu m'as proposé, et encore une fois, aucun résultat. Si ce n'est que j'ai un point-virgule qui se balade derrière le nom de mon dossier XD.

Mais peuit-être est-ce notre récupération de la variable qui n'est pas bonne. Je mets donc le code de celle-ci : 

$path = isset($_GET['path']) ? $_GET['path'] : '';
if ($path != '') 
{
listeFichier($Path);
}
else
{
echo "Rien à afficher";
}

Et evidemment, ca ne m'affiche à chaque fois que "Rien à afficher"

kij_82 · Answer

Autant pour moi le ';' vient de là (en gras): echo "

"; Effectivement il y a un ';' qui traine au millieu et qui n'a rien à faire là. Sinon j'ai aussi supprimé des " en trop. Remplace pour voir.

Kitty-cat · Answer

Effectivement, en jartant la virgule, ca le fait déjà plus. Malheureusement, dans l'autre iframe, c'est comme à l'ouest : Rien de nouveau. Et je pige pas pourquoi.

Someone has an idea?

kij_82 · Answer

Tu update le contenu comment dans l'autre Iframe ? En javascript ? Si oui peut tu me mettre le code (parce que je ne pense pas que ce que tu m'as donné là le face, si ?)

Kitty-cat · Answer

"; foreach($tableau as $str) { if (is_file($str)) { $tab = explode('/',$str); $nomFichier = ''; foreach ($tab as $tabs) { $nomFichier = $tabs; } $extension = explode('.',$str); $extension = $extension[count($extension)-1]; $extension = strtoupper($extension); echo "".$nomFichier."".$extension.""; } } if(count($tableau) == 0) { echo "Ce repertoire est vide"; } } echo ""; ?> //code de la page servant à afficher les résultats grâce à la variable que lui balance le javascript dont nous parlions précédemment. ^^

kij_82 · Answer

Ok je vois,
Dans ton appel javascript remplace par ca :

onclick= \"parent.frames['nom_de_iframe'].location.href('contenu.php?path=". $tableau ."')\"


Ca devrait recharger la page dans l'iframe avec la variable path correctement passée.

Kitty-cat · Answer

Et bah....non. Mon i-frame "Contenu" continue désespérément d'afficher : "Rien à afficher". J'te file aussi le code de l'arborescence, ou bien?

kij_82 · Answer

Une petite question, comment est nommé ton iframe dans ton code ?

C'est juste pour savoir si 'nom_de_iframe' est correctement remplacé ou non, car peut etre que rien ne s'affiche parce que la frame que tu tente de raffraichir n'est pas trouvée.

Kitty-cat · Answer

Vala pour mon i-frame ^^

kij_82 · Answer

Dans ce cas déclare la comme ceci : 
<iframe src="Contenu.php" id="Contenu" name="Contenu" height="800" width=700> 

Et modifie la fonction javascript sur le onclick comme ceci :

onclick= \"document.getElementById('Contenu').location.href('contenu.php?path=". $tableau ."')\"


Je n'ai jamais manipulé d'Iframe donc je ne sais pas trop si c'est reconu comme une véritable frame, ou un simple composant d'une page... dis moi ce qui se passe suite à cette modif.

Kitty-cat · Answer

Il se passe rien malheureusement. 

Je veux bien utiliser autre chose qu'une iframe hein...mais dans ces cas là, ca me rechargetoute la page, et pas juste l'iframe. Et si ca peut te rassurer c'est aussi la premiere fois que je manipule une iframe ^^'

kij_82 · Answer

Pas si tu sais faire de l'ajjax justement, et là dessus je peux t'aider efficacement par contre :)

Kitty-cat · Answer

Ah. Jamais fait d'ajax. Mais si tu m'en disais plus à la limite, j'peux toujours voir si c'est tentable.

kij_82 · Answer

On va essayer de faire autrement. Pour ce qui est de la déclaration de la partie ou tu aura le contenu, déclare simplement une DIV (que tu place comme tu veux grace au style css) comme suit :

TON CODE PHP CHARGE DE MONTRER LE CONTENU

Ensuite voici une fonction javascript à inclure ou tu veux dans ton fichier Cette fonction permet d'appeller un script PHP, de l'éxécuter, de récupérer le contenu de sa sortie (ce qui est afficher par le script PHP en gros) et de l'interpréter comme du javascript. C'est sympa et ca va te permettre de créé un autre fichier PHP qui lui fera exactement la même chose que l'affichage du contenu, mais écrit de manière à ce que ce soit interprétable en javascript. Mettons que l'on nomme ce fichier 'traitement.php', voici son contenu : "; foreach($tableau as $str){ if (is_file($str)){ $tab = explode('/',$str); $nomFichier = ''; foreach ($tab as $tabs){ $nomFichier = $tabs; } $extension = explode('.',$str); $extension = $extension[count($extension)-1]; $extension = strtoupper($extension); $display += "".$nomFichier."".$extension. ""; } } if(count($tableau) == 0) $display += "Ce repertoire est vide"; $display += ""; // --- Finally return the string to display return $display; } $path = isset($_GET['path']) ? $_GET['path'] : ''; $toDisplay = ""; if ($path != ''){ $toDisplay = listeFichier($Path); } else{ $toDisplay = "Rien à afficher"; } // --- Update the content of DIV 'contenu' echo "var div = document.getElementById('contenu');"; echo "div.innerHTML = ".$toDisplay.";"; ?> De cette manière, tu n'aura plus qu'à appeller la fonction javascript suivante sur le onclick (menu gauche) : onclick= \"callScript('traitement.php','path='".$tableau."')\" Logiquement ca devrait fonctionner, il y a peut etre des erreurs de frappe par ci par là ^^

Kitty-cat · Answer

Pas d"erreur critiques selon firefox. Pour autant, il ne m'affiche pas encore quelque chose. Je vois pas trop d'où le problème pourrait venir par contre. Le php m'a l'air au point, et je pense que si ca venait de la partie en ajax, firefox aurait crisé.

Cela viendrait-il de ma page qui contient les div et qui s'appelle "Main.php" ?

PS : Je précise que le "Rien à afficher" ne s'affiche pas non plus ^^'

kij_82 · Answer

Dans ce cas là c'est surement une erreur dans l'ajax. Le mieux pour voir si effectivement il y a erreur, puisque tu as FF, c'est d'aller dans 'Outils->console d'erreur' puis d'exécuter ton truc pour voir s'il n'affiche pas une erreur (si rien ne s'affiche c'est que c'est fort probable).

Tu peux également pour voir l'erreur, activer la popup de trace dans la fonction javascript 'callScript' en décommentant ceci :
//alert(xhr_object.responseText); // DEBUG MODE

Si tu as bien une erreur, peux-tu me donner le message ?

Sinon... peux-tu me donner le code PHP de ta page principale (celle qui contient tout normalement (les div, etc.) )

Kitty-cat · Answer

Erreur : missing ) after argument list Fichier source : http://localhost/appexplorer/main.php Ligne : 1, Colonne : 35 Code source : callScript('traitement.php','path='Array') <== Message d'erreur.

<== Code de la page Merci de me(nous) consacrer autant de temps alors qu'on galère en bon newbies que nous sommes.

Kitty-cat · Answer

"; foreach($tableau as $str) { $tab = explode('/',$str); $str2 = ''; foreach ($tab as $tabs) { $str2 = $tabs; } echo indentation($niveau) . "

"; listeDir($str, $niveau + 1); } echo " "; } } function indentation($ind) { $str = ''; for($i = 0; $i < $ind; $i++) $str .= "

"; return $str; } ?> <== Code de la fonction arbo.php :) Si j'en suis le message d'erreur, j'ai l'impression qu'il renvoie le type de variable plutôt que son contenu. Mais j'vois pas pourquoi.

Kitty-cat · Answer

J'ai reglé une partie du problème en changeant l'argument passé. j'ai mis $str au lieu de $tableau. Et là, il fait passer un path. Problème, quand je clique sur un dossier non vide, rien ne s'affiche sur la droite. Quand je clique sur un dossier vide, "Rien à afficher" s'affiche. Mais pas dans le bon

:/

kij_82 · Answer

Ca me semble plutot normal. Il y a une erreur de ' dans le onclick (my mistake, sorry). Sinon il faut remplacer $tableau par ce que tu veux (car effectivement $tabeau est un tableau php, d'ou le fait qu'il te marque le type, remplace la ligne ou il y a le onclick par ca : echo indentation($niveau) . "

&qu ot;"; EDIT: Plus rapide que moi sur ce coup :), tu n'as donc plus qu'à supprimer le ' en trop (remplace directe par ce que j'ai donné)

Kitty-cat · Answer

Raté encore une fois XD

Il me met maintenant que mon div "has no properties". (Sans doute est-ce pour cela qu'il m'affiche le message d'erreur au mauvais endroit) Et persiste à me récupérer un path vide j'ai l'impression. Car quand je demande de faire un echo de la valeur de path dans la page php "Traitements", ca me renvoie rien du tout.

kij_82 · Answer

Pour le "Path" c'est normal, c'est parce que dans la méthode CallScript je le donne au script PHP via POST et non GET ^^
Donc si tu rectifie comme ceci dans la méthode callScript :

xhr_object.open("POST", scriptName, true);


en :

xhr_object.open("GET", scriptName, true);


Ca devrait mieux fonctionner.
Pour ce qui est du message d'erreur par contre j'ai besoin de savoir exactement ou et le message en entier (message javascritp donc j'imagine)

kij_82 · Answer

En fait ton autre erreur est du au nommage de ta div... attention j'ai dit '

' (sans majuscule), c'est pas pour rien ;)

Kitty-cat · Answer

Mon collègue y avait pensé aussi, mais non non, j'ai bien nommé le div "contenu" aussi.

PS : Et comme un imbécile, j'ai oublié de rappeler ma css. Problème de div reglé, reste à récupérer un path non vide maintenant ^^

kij_82 · Answer

Pour le path non vide j'ai donné la solution un poil plus haut et ca devrait fonctionner normalemment.

kij_82 · Answer

Sinon faudrait que tu mette des traves pour voir ou le prog passe dans le code et avec quelle valeur, afin de déterminer ou est ce qu'il perd la valeur du PATH Par exemple tu peux afficher sa valeur dans la fonction javascript callScript juste avant d'envoyer les données : alert(args); xhr_object.send(args); Et en début de script PHP, dans 'traitement.php' : echo ""; $path = isset($_GET['path']) ? $_GET['path'] : '';

Kitty-cat · Answer

Désolé, j'm'en voulais tellement d'avoir oublié de rappeler ma css que j'ai pu vu que tu avais répondu entre temps ^^'

Néanmoins, si je passe tout en post, cela m'affiche un bon gros "0". En get, cela continue à m'afficher "Rien à afficher".

kij_82 · Answer

Je te conseille de toute manière de tout repasser en POST, c'est toujours ca de gagner niveau sureté.
Et puis au moins on a quelque chose même si c'est un bon gros 0 XD

Une fois tout repasser en POST, peux-tu vérifier la chose suivante : essayer de passer en dure une valeur bidon à PATH pour voir ce qu'il affiche dans le script PHP, ex :

callScript('traitement.php','path=toto')


Ca permettra de savoir si ca fonctionne et si oui, ca voudra dire que ce n'est pas la bonne variable qui est passée.
Dans le cas contraire... faut encore chercher ^^

Kitty-cat · Answer

Il le perd entre les deux pages apparemment. Car avec le premier alert, ca me met mon path (Crypté en base 64 soit), alors que si je ne met que le deuxième, il n'affiche rien.

Même en mettant un path bidon, avec la méthode post, il s'obstine à m'afficher un 0.

kij_82 · Answer

Ben écoute... je vois pas trop pourquoi il perd la valeur entre les deux, peut etre une configuration du navigateur peut etre ?
Bon, j'ai fini mon service pour ce soir :D donc a demain si tu n'as toujours pas trouvé pourquoi ca bug.

Bon courage di'ci là

Kitty-cat · Answer

Je te remercie ;) J'comptais rentrer chez moi aussi ^^

Et il me semble pourtant bien avoir passé les variables globales à ON.

'fin bref, bonne soirée à toi l'ami ;)

kij_82 · Answer

Au pire des cas tu peux rester en passant tout à GET, mais cette fois en updatant cette partie du code :

xhr_object.open("GET", "ajax2.php", false);

Kitty-cat · Answer

J'ai finalement réussi (Non sans m'être sérieusement cassé les dents sur le problème quand même). Voici à quoi ressemble la fonction en ajax maintenant :

function callScript ( scriptName, args ){
	
	var xhr_object = null; 
	     
	if(window.XMLHttpRequest) // Firefox 
	   xhr_object = new XMLHttpRequest(); 
	else if(window.ActiveXObject) // Internet Explorer 
	   xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
     return; 
	} 
	 
	xhr_object.open("POST", scriptName, true);
	     
	xhr_object.onreadystatechange = function() { 
	   if(xhr_object.readyState == 4) {
			//alert(xhr_object.responseText); // DEBUG MODE
			//document.write(xhr_object.responseText);
			var div = document.getElementById('contenu');
			div.innerHTML = xhr_object.responseText;
		 }
		
		//alert(xhr_object.readyState);
		return xhr_object.readyState;
	} 
	 
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	
	xhr_object.send(args);

}

//

Mon collègue et moi-même te remercions grandement en tout cas, tu nous auras franchement beaucoup aidé ^^

kij_82 · Answer

Ok donc vous avez certainement du modifier un peu le fichier de traitement PHP j'imagine (remettre les "echo" et virer les quelques lignes de commande javascript) ?
Si ca fonctionne tant mieux ma fois.

Bon courage pour la suite.

[Javascript] Problème rechargement iframe

35 réponses

Discussions similaires