[AJAX] Abort sur une onreadystatechange

**andry.aime** · 25/03/2011, 10h42

1- On veut le code HTML généré mais pas le code PHP.
2-

echo "<div class='s100' id='res_container68'><img src='img/loading9.gif'><BR>Chargement en cours<BR>Merci de patienter...</div>";
echo "<body onload=\"aj

Tu ne dois pas avoir un div avant ton body.

**FireCracker** · 25/03/2011, 11h16

1- Le code HTML généré

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>XXXX</title>
		<link type='text/css' rel='stylesheet' title='principale' href='prismes2.css'>
		<link rel='icon' type='image/png' href='img/logo70.png'/>
	</head>
	<body class='bodyoutil' >
		/* J'ai supprimé une partie de code, c'est que du HTML pour la mise en forme */
 
		<div id='gen_cglobal'>
			<div id='gen_globalcol' align='center'>
				<div class='corner_tl'></div>
				<div class='blacktop'>
					<div class='blacktop2'></div>
				</div>
				<div class='corner_tr'></div>
				<div class='gen_in'>
					<div class='titreop toutil'>XXXX</div>
					<div class='blockcadre'>
						<blockquote>
							<BR><BR>
							<table class='data s95'>
								<tr>
									<td class='outil3' width='14.3%'>XX1</td>
									<td class='outil1' onmouseover="this.className='outil2'" onmouseout="this.className='outil1'" style='cursor:pointer;' onclick="window.location.href='outil_credit.php?cat=2'" width='14.3%'>XX2</td>
									<td class='outil1' onmouseover="this.className='outil2'" onmouseout="this.className='outil1'" style='cursor:pointer;' onclick="window.location.href='outil_credit.php?cat=3'" width='14.3%'>XX3</td>
									<td class='outil1' onmouseover="this.className='outil2'" onmouseout="this.className='outil1'" style='cursor:pointer;' onclick="window.location.href='outil_credit.php?cat=4'" width='14.3%'>XX4</td>
									<td class='outil1' onmouseover="this.className='outil2'" onmouseout="this.className='outil1'" style='cursor:pointer;' onclick="window.location.href='outil_credit.php?cat=5'" width='14.3%'>XX5</td>
									<td class='outil1' onmouseover="this.className='outil2'" onmouseout="this.className='outil1'" style='cursor:pointer;' onclick="window.location.href='outil_credit.php?cat=6'" width='14.3%'>XX6</td>
									<td class='outil1' onmouseover="this.className='outil2'" onmouseout="this.className='outil1'" style='cursor:pointer;' onclick="window.location.href='outil_credit.php?cat=7'" width='14.3%'>XX7</td>
								</tr>
								/*on retrouve ici le code qui nous interesse*/
								<tr>
									<td class='simple' colspan=7> <div class='s100' id='res_container6'><img src='img/loading9.gif'><BR>Chargement en cours<BR>Merci de patienter...</div><body onload="ajax_outil(6);"></td>
								</tr>
							</table>
							<BR>
						</blockquote>
					</div>
				</div>
				<div class='corner_bl'></div>
				<div class='whitebottom'>
					<div class='whitebottom2'></div>
				</div>
				<div class='corner_br'></div>
			</div>
		</div>
		<BR><BR>
	</body>
	<head>
		<script type='text/javascript' src='lib/kwicks/jquery-1.4.3.min.js'></script>
		<script type='text/javascript' src='lib/prismes2f.js'></script>
		<script type='text/javascript' src='lib/kwicks/jquery.kwicks-1.5.1.js'></script>
		<script type='text/javascript' src='lib/kwicks/custom.js'></script>
		<script type='text/javascript' src='lib/kwicks/jquery.jcarousel.js'></script>
		<script type='text/javascript' src='lib/kwicks/jquery.easing.1.3.js'></script>
		<script type='text/javascript' src='lib/kwicks/jquery.mousewheel.js'></script>
		<script type='text/javascript' src='lib/phone.js'></script>
	</head>
</html>

2- Alors pour le body en plein milieu de la page, c'est une feinte (J'ai honte

) pour garder que l'imbrication de mes fichiers php ne posent pas de problèmes. Mais ça marche sans problèmes, je t'assure.

**andry.aime** · 25/03/2011, 11h20

Tu ne dois t'avoir qu'une seule balise head et ça doit être avant le body.
Et ton body n'appelle pas une fonction dans le onload

.

**FireCracker** · 25/03/2011, 11h28

Ben le deuxième body appelle la fonction onload.
J'ai un premier body et en milieu de page (là où j'ai mis un commentaire dans le code), j'en ai un autre.
Je sais que ça fait pas propre mais si j'appelle l'onload autrement (avec une image par exemple), j'ai des erreurs.

Ensuite, je fait l'annonce de mes scritps en fin de page html pour accélérer l'affichage de la page (flush). J'y gagne plusieurs secondes, ce qui n'est pas négligeable.

Mais revenons-en au fait, si tu veux bien. Comment voir si je suis synchrone ou asynchrone ? Là, concrètement pour moi, je pensais (peut être naïvement) que le seul fait de passer par une fonction java qui gère le onreadystatechange, ça faisait de l'asynchrone.

Peux-tu m'en dire plus ?

**andry.aime** · 25/03/2011, 11h44

Ben le deuxième body appelle la fonction onload.

Un document ne doit avoir qu'une seule balise head, une seule balise body, et une seule balise html.

**RomainVALERI** · 25/03/2011, 12h45

Envoyé par FireCracker

Mais revenons-en au fait, si tu veux bien. Comment voir si je suis synchrone ou asynchrone ? Là, concrètement pour moi, je pensais (peut être naïvement) que le seul fait de passer par une fonction java qui gère le onreadystatechange, ça faisait de l'asynchrone.

Peux-tu m'en dire plus ?

>>> voir le 3eme param de ton open

Code javascript :

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

xhr.open("GET", "cod_ajaxoutil.php?tp="+cd_origine+"&arg="+argument, true);

true = asynchrone
false = synchrone

Envoyé par FireCracker

le deuxième body

Désolé, mais malgré tes explications j'ai du mal à ne pas me

assez fort

**andry.aime** · 25/03/2011, 13h15

Envoyé par RomainVALERI

Désolé, mais malgré tes explications j'ai du mal à ne pas me

assez fort

Moi j'ai pas pu lire jusqu'à la fin en voyant le

Ben le deuxième body appelle la fonction onload.

par peur de ne pas faire un vendredi zolizoli malgré mes remarques précédents.

**FireCracker** · 25/03/2011, 13h27

Bon alors je suis asynchrone et ce n'est donc pas ça qui fait défaut.
Qu'il y ait un ou plusieurs body ou head, c'est pas un problème et je dois même dire que je m'en fous parce que je peux pas faire autrement.

Maintenant, le problème reste le même. Si je clique sur un lien de ma page, il va attendre d'avoir rappatrié les données avant de me lancer sur ma nouvelle page.
Donc au final (et c'est ce que je veux éviter), on doit attendre deux fois le traitement.

C'est pourquoi je veux faire un abort au moment où je clique sur le lien.

Allez, une pitite réponse (je me contenterai d'une moitié)

**andry.aime** · 25/03/2011, 13h34

Envoyé par FireCracker

Bon alors je suis asynchrone et ce n'est donc pas ça qui fait défaut.
Qu'il y ait un ou plusieurs body ou head, c'est pas un problème et je dois même dire que je m'en fous parce que je peux pas faire autrement.

Tu sais bien que javascript (AJAX) n'interagit qu'avec le DOM du document?
Si tu as un problème avec ton DOM, il se peut que tu as un problème avec Javascript.
Perso, j'ai jamais rencontré ce problème en travaillant en mode asynchrone en respectant bien la structure de mon code HTML.
Mais bon à toi de voir.

**FireCracker** · 25/03/2011, 13h48

Oui je sais que AJAX récupère les DOM du XML qu'il prend en retour.
Mais là, en l'occurence, il n'y a pas de DOM vu que je fais pas vraiment de l'AJAX mais on pourrait appeler ça de l'AJAH (pour Asynchronous Javascript and HTML) vu que ce que j'introduit avec le innerHTML dans ma fonction java c'est du HTML et à aucun moment je retraite les balises (ce qui est l'utilité des DOM du XML)

A voir, si quelqu'un a une autre idée.

**Bovino** · 25/03/2011, 13h58

Envoyé par FireCracker

Qu'il y ait un ou plusieurs body ou head, c'est pas un problème et je dois même dire que je m'en fous parce que je peux pas faire autrement.

Ouais, c'est vrai, c'est plus pittoresque comme ça et se serait dommage de faire en sorte que ça puisse fonctionner !

Envoyé par FireCracker

Oui je sais que AJAX récupère les DOM du XML qu'il prend en retour.
Mais là, en l'occurence, il n'y a pas de DOM vu que je fais pas vraiment de l'AJAX mais on pourrait appeler ça de l'AJAH (pour Asynchronous Javascript and HTML) vu que ce que j'introduit avec le innerHTML dans ma fonction java c'est du HTML et à aucun moment je retraite les balises (ce qui est l'utilité des DOM du XML)

Commence par abandonner tes certitudes et par apprendre les bases...

**andry.aime** · 25/03/2011, 14h07

Envoyé par FireCracker

Oui je sais que AJAX récupère les DOM du XML qu'il prend en retour.

Pour faire quoi?
--> C'est pour l'utiliser sur le DOM du document.

Envoyé par FireCracker

Mais là, en l'occurence, il n'y a pas de DOM vu que je fais pas vraiment de l'AJAX mais on pourrait appeler ça de l'AJAH (pour Asynchronous Javascript and HTML) vu que ce que j'introduit avec le innerHTML dans ma fonction java c'est du HTML et à aucun moment je retraite les balises (ce qui est l'utilité des DOM du XML)

Là tu interagis avec le DOM du document qui est pourri

.

Envoyé par FireCracker

A voir, si quelqu'un a une autre idée.

Pour répondre à ça, je me réfère à une citation plus haut, vu que tu n'écoutes pas les conseilles.

Envoyé par FireCracker

je dois même dire que je m'en fous parce que je peux pas faire autrement.

A+.