Fichier externe HTML en Javascript ?

Version imprimable

Voir 40 message(s) de cette discussion en une page

Code:

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 ... :cry:

10/08/2011, 15h40
Sharcoux

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

Code:

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

et donne-nous le contenu de l'alerte si elle apparait.
10/08/2011, 16h01
FRANCKYIV

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 :?
10/08/2011, 16h23
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
10/08/2011, 17h24
FRANCKYIV

Citation:

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 :P

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.
10/08/2011, 17h59
Sharcoux
tu n'as pas le droit de le modifier? Ce n'est pas ton fichier?

Citation:

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:

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>
10/08/2011, 20h23
FRANCKYIV

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

Adresse Web :
http://www.toutes-les-solutions.fr/phpbb/xml/test2.htm
10/08/2011, 21h13
FRANCKYIV

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.
11/08/2011, 08h02
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 :koi:
Pourquoi ne pas juste renvoyer le contenu html ?
11/08/2011, 10h47
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é...
11/08/2011, 14h29
FRANCKYIV

Citation:

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 :koi:
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 :)
11/08/2011, 14h32
FRANCKYIV

Citation:

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
11/08/2011, 15h13
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 ;)
11/08/2011, 15h48
FRANCKYIV

Citation:

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:

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

Code:

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

12/08/2011, 00h46
FRANCKYIV

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

8O

Hallucinant ce truc ... j'essai encore pour voir !
12/08/2011, 00h50
FRANCKYIV

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

Par contre ça marche toujours pas ... :cry:

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

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 :koi:
L'exemple suivant fonctionne parfaitement :
fichier ajout.html

Code:

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:

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
:koi:

12/08/2011, 11h05
Sharcoux

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

Citation:
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 :koi:
L'exemple suivant fonctionne parfaitement :
fichier ajout.html
Code:

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:

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">  </div> </body> </html>
Voir un exemple en ligne
:koi:
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 !!! :lol::oops:

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 !!! :oops::oops::oops:

Voir 40 message(s) de cette discussion en une page