Discussion :

[Dynamès]

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 :

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

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

et ceci pour afficher:

Code :

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

<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

[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 ?

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

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

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

[SpaceFrog]

et url = ???

load attend un path vers un fichier ...

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

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

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

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

merci

[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 ^^

[Dynamès]

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

Mais dans ce cas là, comment je fais?

[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

[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?

[SpaceFrog]

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 ?

[Dynamès]

Oui, c'est d'ailleurs ce que j'avais compris par "accès".

[SpaceFrog]

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

Code :

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

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

ou une balise meta

Code :

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

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

* = accès total, mais tu peux filter par nom de domaine appelant...

[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?

[SpaceFrog]

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

[Dynamès]

Hello,

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

Code :

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

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 :

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

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.

[SpaceFrog]

et sans espace dans l'url ?

[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.

[SpaceFrog]

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

[Dynamès]

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 :

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

[SpaceFrog]

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