Inclure une div externe à ma page html

Version imprimable

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

01/06/2012, 09h52
Dynamès

Inclure une div externe à ma page html

Bonjour,
j'aimerais savoir comment je pourrais inclure une div d'une page web externe(neanmoins sur le même domaine, voir même site) dans une de mes pages web.

J'ai le principe en t^te mais je n'arrive pas le mettre en place

charger la page en cache avec ajax;
mettre la div dans une variable;
afficher le div dans mon html;

pour le moment je n'ai trouvé que :

Code:

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

et ceci pour afficher:

Code:

<div id="content"></div>

Mais ce n’était visiblement pas bon
J'ai eu beau chercher sur internet, je n'arrive pas à mettre ça en place.

Je précise que je poste en javascript car ce que je veux faire impliquerai et ajax et javascript.

Merci
01/06/2012, 10h51
SpaceFrog

tu est bien sur la bonne voie avec load

Mais il s'agit d'une methode de jquery ...

La libraire jquery est bien incluse sur ta page ?
01/06/2012, 12h07
Dynamès
Tout d'abord merci pour ta réponse rapide;

Oui, ma bibliothèque est bien incluse, je l'ai tester en faisant une alert quelconque.
Code:

1 2 3 <script type="text/javascript" src="../../../jquery.js"></script> <script type="text/javascript"> $('#content').load('url #logo');
logo correspondant à l'id de la div que je veux garder et afficher.

J'ai pris le fichier "development" sur le site de jquery pour faire mon .js.

Si je ne me trompe pas c'est bien comme ça qu'il faut faire.

Mais toujours rien qui s'affiche.

Est ce que je rate quelque chose?

merci
01/06/2012, 12h39
SpaceFrog

et url = ???

load attend un path vers un fichier ...
01/06/2012, 13h11
Dynamès

Url, je ne l'ai pas mise, mais c'est un adresse, avec une div avec logo pour id.

Mais ça devrait fonctionner avec n'importe quelle url non?

Puisque il me semblait avoir vu que load servait à charger l'url que l'on mettait et ensuite qu'on pourrait manipuler et en l'affichant comme ceci :
Par exemple si je prend en url http://www.developpez.net/forums/ et en crtière de recherche j'ajoute #quicksearch, ça ne devrait pas fonctionner?

Code:

<div id="content"></div>

Si load n'est pas la bonne méthode pour charger une page, quelle qu'elle soit. Comment faire?

Dois je repartir de zéro pur faire ceci :

Citation:

charger la page en cache;
mettre la div dans une variable;
afficher le div dans mon html;

merci
01/06/2012, 13h58
SpaceFrog

Non ça ne fonctionne pas avec n'importe quelle url...
elle doit etre sur ton domaine ou tu dois avoir les droits d'accès
Ce serait trop simple de leecher n'importe quel bout de page web ^^
02/06/2012, 18h55
Dynamès

D'accord, donc seulement sur une page du même domaine.

Mais dans ce cas là, comment je fais?
02/06/2012, 22h40
SpaceFrog

Tu as la main sur la page distante ?

Si oui il y a un header a y ajouter pour autoriser l'accès ajax externe au domaine

Si non ... oublie
03/06/2012, 09h17
Dynamès

Oui il y a un accès à la page distante.

Donc, ça fait un header sur la distante pour permettre l'accès, et dans la page ou je veux y inclure le morceau?
03/06/2012, 20h18
SpaceFrog

Citation:

Oui il y a un accès à la page distante.

Heu non ce n'est pas ce que je voulais dire.

As tu la main sur le code de la page en question ?
peux tu rajouter du code dans cette page ?
04/06/2012, 08h05
Dynamès

Oui, c'est d'ailleurs ce que j'avais compris par "accès".
04/06/2012, 08h39
SpaceFrog

Ok, alors dans ta page à laquelle tu tentes d'acceder par xhr, il suffit de rajouter un header php

Code:

header("Access-Control-Allow-Origin: *");

ou une balise meta

Code:

<meta http-equiv="Access-Control-Allow-Origin" content="*">

* = accès total, mais tu peux filter par nom de domaine appelant...
04/06/2012, 13h41
Dynamès

Et donc si je met une de ces deux lignes dans mes fichiers à afficher, et que je remet les codes que j'avais au début, ça fonctionnera?
04/06/2012, 13h54
SpaceFrog

cet ajout permet l'accès a la page en xhr depuis un domaine extérieur

Hello,

donc pour testé , j'ai fais une page html pratiquement sans contenu, donc voici le head
Code:

1 2 3 4 5 <head> <meta http-equiv="Access-Control-Allow-Origin" content="*" charset=ISO-8859-1"> <title>Insert title here</title> </head>
Mais lorsque dans ma jsp j'ai :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript" src="../../../jquery.js"></script> <script type="text/javascript"> $('#newdiv').load('/test.html #test'); </script> <body> <div id="newdiv"></div> </body>
rien ne s'affiche.

Ma jsp et ma page html sont pour ce test dans le même dossier.

J'ai trouvé une solution à coté, mais qui ne fonctionne pas non plus :

http://james.padolsey.com/javascript...s-with-jquery/

merci.

07/06/2012, 10h04
SpaceFrog

et sans espace dans l'url ?
07/06/2012, 10h28
Dynamès

Non, c'est exactement comme je l'ai écris;

Les noms des fichiers correspondent, l'accès xhr est comme tu me l'a écris.

j'ai dans ma page html juste une div avec id test, contenant juste une ligne.
07/06/2012, 10h38
SpaceFrog

je peux avoir le path vers le fichier pointé pour voir si j'y accède et pouvoir eventuellement diagnostiquer ?

Comme je suis encore en test, je travail en localhost... Et tant que ça ne fonctionne pas en localhost, je ne modifie pas les fichiers.

Mais comme je t'ai dit, c'est un html rien de plus cours
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Access-Control-Allow-Origin" content="*" charset=ISO-8859-1"> <title>Insert title here</title> </head> <body> <div id="test"> <p>ceci est un test</p> </div> </body> </html>
Ma jsp est là pour créer un portlet sur mon portail, et si je dois simplement afficher un contenu directement dans la jsp c'est bon, mais si je veux prendre une div ailleurs(ici dans mes tests, sur une petite htm) ça ne fonctionne pas.

07/06/2012, 10h56
SpaceFrog

heu j'aurais voulu le http que je puisse essayer d'en faire un load

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