Boucle dans une fonction javascript

**edward carnby** · 01/10/2012, 16h03

Bonjour à tous,

Je charge dans une DIV une page HTML grace à la fonction .load de jquery.
J'ai besoin de récupérer le titre de la page chargée, mais je me heurte à un petit problème ...

Mon code :

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
26
27
28
29
 
<!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>
<TITLE>Page Principale</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery.js"></script>
 
<script>
	function test(url) {
		//var TitreDiv == "";
		$('#test').load(url);
		do {
			TitreDiv = $('#test').find("title").text();
		    }
		while (TitreDiv == "");
		alert("Titre de la page chargée = "+TitreDiv);
		return false;
		};
</script>
 
</HEAD>
 
<html>
<BODY>
	<div id="test"><a onclick="test('erreur2.html');">Lien rapport</a></div>
</BODY>
</HTML>

Je boucle donc sur ma recherche de titre tant que celui-ci est égal = "" (pour laisser le temps à la page de se charger), mais actuellement, j'ai un message d'erreur :
"Un script sur cette page est peut-être occupé ou ne répond plus. Vous pouvez arrêter le script maintenant ou attendre pour voir si le script se terminera."
Si je clique sur "continuer le script", j'ai bien mon message d'alerte avec le titre de la page chargée dans le Div.

J'ai beau essayer plusieurs chose, je n'arrive pas à m'en ... une piste que je puisse suivre ?

Merci d'avance de votre aide

**SpaceFrog** · 01/10/2012, 16h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#test').load(url);

message subliminal:
la methode load de jquery possède un callback ...

**edward carnby** · 01/10/2012, 16h50

Super, merci pour la piste

Ça fonctionne ...

Il ne me reste plus qu'à trouver pourquoi mon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

TitreDiv = $('#test').find("title").text();

fonctionne sous firefox, mais pas sous IE8 (les 2 seuls navigateurs autorisé dans l'entreprise)

**SpaceFrog** · 01/10/2012, 17h07

peut être parce que la balise title n'est pas chargée ?

fais un alert du innerHTML dans le callback

peut etre egalement parce que le DOM ne comprend pas une balise title a cet endroit du code ??

**edward carnby** · 01/10/2012, 17h55

Bien vu !

Je "perd" la balise TITLE dans ma page chargée sous IE8

**Watilin** · 01/10/2012, 19h54

Erreur classique : la boucle while qui attend. Ça occupe tout le temps de calcul pour rien au final. De plus, suivant l'âge du navigateur, ça peut afficher une alerte qui va éveiller la méfiance de l'utilisateur (

), ou carrément geler la fenêtre.

De manière générale, il ne faut pas utiliser de boucle pour attendre quelque chose en JavaScript. Au pire, utiliser un setInterval.

http://fr.wikipedia.org/wiki/Attente_active

Boucle dans une fonction javascript

jQuery

Discussions similaires

Partager

Partager