Fichier externe HTML en Javascript ?

**FRANCKYIV** · 10/08/2011, 15h04

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
 
<head>
<script src="http://www.toutes-les-solutions.fr/phpbb/js/jquery.js" type="text/javascript"></script>
<link rel="stylesheet" title="defaut" href="http://www.toutes-les-solutions.fr/phpbb/css/tutos.css" type="text/css"></link>
 
<script language="Javascript">
function Chargement() { 
$.ajax({
        url: "http://www.toutes-les-solutions.fr/phpbb/xml/partage.xml",
        type: "GET",
        dataType: "html",
	success: function(data) { $("body").html($(data).find("table.partage").html());
        error: function(type) {alert("Error "+type.status+" : fail while trying to load "+address);}
 
    });
}
</script>
 
</head>
 
<body onLoad="Chargement();">
 
 
 
</body>

Premier essai ça marche pas ...

**Sharcoux** · 10/08/2011, 15h40

message d'erreur?
essaie aussi de remplacer la ligne success par celle-ci :

Code :

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

success: function(data) { alert($(data).find("table.partage").html()));

et donne-nous le contenu de l'alerte si elle apparait.

**FRANCKYIV** · 10/08/2011, 16h01

Alors je viens de remplacer la ligne que tu me mets, mais ça ne fonctionne toujours pas :-(

Adresse Web :
http://www.toutes-les-solutions.fr/phpbb/xml

J'ai le fichier XML et le HTML (test) ici.

Ca renvoie sur la page d'accueil du site

**Sharcoux** · 10/08/2011, 16h23

sur ton lien, clic sur ton fichier xml. Tu verras une erreur. Corrige la.

Sinon, la dernière correction que j'ai faite a pour but de faire apparaitre une alerte. Il me faudrait le contenu de cette alerte si tu arrives à la voir.

Enfin, si tu es redirigé vers la page d'accueil, c'est que tu nous cache quelque chose (les navigateurs ne sont pas des entités pensantes qui se baladent toutes seules sur le net

).
Essaie de lancer ton fichier html en local et donne moi le résultat

**FRANCKYIV** · 10/08/2011, 17h24

Envoyé par Sharcoux

sur ton lien, clic sur ton fichier xml. Tu verras une erreur. Corrige la.

Sinon, la dernière correction que j'ai faite a pour but de faire apparaitre une alerte. Il me faudrait le contenu de cette alerte si tu arrives à la voir.

Enfin, si tu es redirigé vers la page d'accueil, c'est que tu nous cache quelque chose (les navigateurs ne sont pas des entités pensantes qui se baladent toutes seules sur le net

).
Essaie de lancer ton fichier html en local et donne moi le résultat

LOL

Qu'est-ce que tu veux que je cache ?
Tu as la source du XML et de l'HTML

Bon sinon moi je veux bien corriger, mais on corrige comment du contenu HTML dans un fichier XML ... !

Je sais pas faire ça (d'où l'intérêt de mon cdata).

Sinon en local, ben j'ai une page blanche tout simplement.

**Sharcoux** · 10/08/2011, 17h59

tu n'as pas le droit de le modifier? Ce n'est pas ton fichier?

Erreur d'analyse XML : mal formé
Emplacement : http://www.toutes-les-solutions.fr/p...ml/partage.xml
Numéro de ligne 8, Colonne 46 :<a class="addthis_button_favorites" title="Creer un Marque page"></a>

sinon, une petite remarque : utilise type="text/javascript" plutôt que language="javascript"
mais c'est pas ça qui va régler ton problème.

Bon, juste par acquis de conscience essaie ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<head>
<script type="text/javascript">
    function chargement() {alert("youkaidi");}
</script>
 
</head>
 
<body onLoad="chargement();">
 
</body>

**FRANCKYIV** · 10/08/2011, 20h23

J'te rassure ... ça fonctionne ça

Adresse Web :
http://www.toutes-les-solutions.fr/phpbb/xml/test2.htm

**FRANCKYIV** · 10/08/2011, 21h13

Si si je peux modifier le fichier XML ... www.toutes-les-solutions.fr est le site que j'administre et je dirais même mieux, il est hébergé sur mon propre serveur qui est à 1 mètre de moi :-D

Seulement, je ne sais pas quoi mettre pour changer ! :-P

Edit :

Ah oups, c'est juste un problème d'accent ?
Je viens de virer l'accent, plus de problème XML, mais ça ne fonctionne toujours pas.

**Bovino** · 11/08/2011, 08h02

Non, ce n'est pas un problème d'accent... Le problème d'accent n'est qu'un symptôme. Le vrai problème vient d'une incohérence d'encodage de ton fichier par rapport à l'encodage déclaré par le fichier et celui attendu. Voir à ce sujet Passez à l'UTF-8 sans manquer une étape.

Mis à part ça, je ne comprends toujours pas l'utilité de passer par du XML si tu veux en fait récupérer du HTML

Pourquoi ne pas juste renvoyer le contenu html ?

**Sharcoux** · 11/08/2011, 10h47

looooool
je viens de voir avec firebug que test.html renvoie une erreur 301!
En gros, t'as juste à changer le nom du fichier pour résoudre le pb xD

@Bovino : il me semble que j'avais essayé avec un fichier html mais que ça n'avait pas marché...

**FRANCKYIV** · 11/08/2011, 14h29

Envoyé par Bovino

Non, ce n'est pas un problème d'accent... Le problème d'accent n'est qu'un symptôme. Le vrai problème vient d'une incohérence d'encodage de ton fichier par rapport à l'encodage déclaré par le fichier et celui attendu. Voir à ce sujet Passez à l'UTF-8 sans manquer une étape.

Mis à part ça, je ne comprends toujours pas l'utilité de passer par du XML si tu veux en fait récupérer du HTML

Pourquoi ne pas juste renvoyer le contenu html ?

Alors j'explique.

La finalité de la chose étant de faire tout cela à l'intérieur d'un forum

Dans les messages du forum, je peux utiliser la balise [html] [/html] pour mettre du code html, css ou javascript.

En revanche, je ne peux pas utiliser d'autres systèmes (php, etc ..).

Donc si tu as une autre solution pour mettre de l'HTML dans un fichier externe que de passer pas du XML, moi je veux bien

**FRANCKYIV** · 11/08/2011, 14h32

Envoyé par Sharcoux

looooool
je viens de voir avec firebug que test.html renvoie une erreur 301!
En gros, t'as juste à changer le nom du fichier pour résoudre le pb xD

@Bovino : il me semble que j'avais essayé avec un fichier html mais que ça n'avait pas marché...

Adresse Web :
http://www.toutes-les-solutions.fr/p.../franckyiv.htm

Je viens de renommer le fichier en franckyiv.htm, mais ça ne résouds rien :-P

**Sharcoux** · 11/08/2011, 15h13

Si, ça change beaucoup de choses ! Maintenant on peut au moins accéder à ton fichier html ce qui n'était pas le cas avant. Autant dire qu'on avait peu de chances d'arriver à un résultat...

Ensuite, essaie en fermant le crochet de la ligne success

**FRANCKYIV** · 11/08/2011, 15h48

Envoyé par Sharcoux

Si, ça change beaucoup de choses ! Maintenant on peut au moins accéder à ton fichier html ce qui n'était pas le cas avant. Autant dire qu'on avait peu de chances d'arriver à un résultat...

Ensuite, essaie en fermant le crochet de la ligne success

Code :

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

success: function(data) { alert($(data).find("table.partage").html())) ;}

Il faut bien fermer le paragraphe après le ; ?

Si oui, cela ne fonctionne pas :-(

Adresse Web :
http://www.toutes-les-solutions.fr/p.../franckyiv.htm

Put@in si on y arrive, on pourra dire que c'était pas évident :-P

**Sharcoux** · 11/08/2011, 16h59

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
<html>

<head>
<script src="http://www.toutes-les-solutions.fr/phpbb/js/jquery.js" type="text/javascript"></script>
<link rel="stylesheet" title="defaut" href="http://www.toutes-les-solutions.fr/phpbb/css/tutos.css" type="text/css"></link>

<script language="Javascript">
function Chargement () { 
$.ajax({
        url: "http://www.toutes-les-solutions.fr/phpbb/xml/partage.xml",
        type: "GET",
        dataType: "html",
	      success: function(data) { alert($(data).find("table.partage").html()));},
        error: function(type) {alert("Error "+type.status+" : fail while trying to load "+address);}
 
    });
}
</script>

</head>

<body onLoad="Chargement();">



</body>

</html>

Et regarde sur le lien de la page que tu m'as donné : la correction n'est pas fait. N'oublie pas la virgule après le crochet

**FRANCKYIV** · 12/08/2011, 00h46

Mah c'est quoi ce délire ?

J'écris exactement ce que tu me dis ...

Je transfert le fichier via SSH sur notre serveur.
Et quand je regarde la source, c'est pas la même chose !!!

Hallucinant ce truc ... j'essai encore pour voir !

**FRANCKYIV** · 12/08/2011, 00h50

Ah ben c'est bon, c'est reviendu avec du F5.

Par contre ça marche toujours pas ...

Put@in je préfère faire mes tutoriels vidéos, c'est beaucoup plus simple que la programmation

**Bovino** · 12/08/2011, 08h13

Décidément, je crois que j'ai dû rater un truc important, parce que je vois mal ce qui empêche d'appeler un fichier HTML pour l'insérer dans la page

L'exemple suivant fonctionne parfaitement :
fichier ajout.html

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<h2>Nouveau contenu</h2>
<p>
	Ceci est du contenu à insérer dynamiquement dans la page.
</p>
<div>
	<ul>
		<li>Premier item</li>
		<li>Deuxième item</li>
		<li>Troisième item</li>
	</ul>
</div>

et index.html

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
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8"/>
	<title>Ajout AJAX</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script>
		$(function(){
			$.get('ajout.html', function(data){
				$('#insertion').append(data);
			});
		});
	</script>
</head>
<body>
<div style="width: 500px; height: 400px; background-color: #f0f0f0; border: 1px solid gray;" id="insertion">
	<!--contenu de ma div-->
</div>
</body>
</html>

Voir un exemple en ligne

**Sharcoux** · 12/08/2011, 11h05

Dis FRANCKYIV, tu veux pas faire un effort pour compter toi-même tes parenthèses ? Travaille avec un IDE si tu as du mal à fermer les crochets et parenthèses que tu ouvres.

ligne success : ")" en trop

edit : bon, ok, c'est moi qui ai fait les erreurs de parenthèses, mais ce que je veux dire, c'est que tu devrais pouvoir les détecter tout seul sans passer par le forum. Installe firebug par exemple

**FRANCKYIV** · 16/08/2011, 21h03

Envoyé par Bovino

Décidément, je crois que j'ai dû rater un truc important, parce que je vois mal ce qui empêche d'appeler un fichier HTML pour l'insérer dans la page

L'exemple suivant fonctionne parfaitement :
fichier ajout.html

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<h2>Nouveau contenu</h2>
<p>
	Ceci est du contenu à insérer dynamiquement dans la page.
</p>
<div>
	<ul>
		<li>Premier item</li>
		<li>Deuxième item</li>
		<li>Troisième item</li>
	</ul>
</div>

et index.html

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
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8"/>
	<title>Ajout AJAX</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script>
		$(function(){
			$.get('ajout.html', function(data){
				$('#insertion').append(data);
			});
		});
	</script>
</head>
<body>
<div style="width: 500px; height: 400px; background-color: #f0f0f0; border: 1px solid gray;" id="insertion">
	<!--contenu de ma div-->
</div>
</body>
</html>

Voir un exemple en ligne

Alors ... je test ...

Je fais un copier/coller, je peux pas me planter !

Adresse Web :
http://www.toutes-les-solutions.fr/phpbb/xml/test.htm

Et ça ne fonctionne pas !
Et ça me recolle la page du forum en surimpression.

La je me dis, dois y avoir un problème serveur !

Je teste dans mon easyphp ... ça fonctionne !

Je copie les mêmes fichiers, mais pas dans le même répertoire de notre serveur :

Adresse Web :
http://www.toutes-les-solutions.fr/test/test.htm

Et la ça fonctionne !!!

J'ai essayé l'intégration dans un message du forum, et ça fonctionne également !!!

Grands mercis et vraiment désolé mais c'était un problème venant de ma part !!!

Fichier externe HTML en Javascript ?

JavaScript

Discussions similaires

Partager

Partager