Discussion :

[azorol]

Bonsoir,

Est il possible de faire la m�me fonction que l'include du php ? Je m'explique je voudrais pouvoir incrust� dans une pagehtml d'autres page html en cliquant sur un lien, (une seule page principal et les autres viennent s'afficher dedans, un peu comme les frames) mais je n'arrive pas trouv� de solution en javascrit.

Pourtant ce genre de fonctionnabilit� existe sur certain site.

Auriez-vous des pistes pour m'aider ou une solution ?

Merci d'avance

[Bovino]

Regarde du cot� d'AJAX

[azorol]

Bonjour,


Merci pour l'info mais je ne connais pas du tout AJAX... et je cherche une solution simple � mettre en oeuvre.

Cordialement

[andry.aime]

Pourtant ce genre de fonctionnabilit� existe sur certain site.

Auriez-vous des pistes pour m'aider ou une solution ?

C'est que ces sites utilises AJAX.
Si tu ne veux pas utiliser AJAX, abondonnes vite pour ne pas perdre ton temps � chercher, .

[E.Bzz]

Bonjour,

je cherche une solution simple � mettre en oeuvre.

Ajax !

Sinon, tu peux inclure dans ta page toutes les autres pages qui pourraient �ventuellement �tre incluses, mais en les masquant au chargement et en les affichant lors du clic de l'utilisateur

Sinon, y a les frames, puisque tu en parles ....

Ici les 2 solutions simples sont les moins bonnes

A+

[javatwister]

attention aussi aux abus de langage(s ?)

dans une pagehtml d'autres page html

tu ne pourras jamais afficher qu'un fragment de html dans ta page principale, histoire de conserver une structure coh�rente;
si c'est bien toi qui g�res les contenus � inclure, tu dois pouvoir trouver un moyen rationnel d'appeler l'�l�ment voulu selon le lien activ�;

j'imagine aussi que tes contenus sont "dynamiques" (news, swen, que sais-je)?

[SpaceFrog]

avec une balise object ou un iframe ?

[AcidLines]

Peut �tre une piste pour toi :

Pour ins�rer une page HTML dans une autre avec javascript, regarde du c�t� des HttpRequest. Cela te permet de r�cup�rer ta page html en objet, et apr�s de l'afficher dans une div si tu ne veux pas des iframe.

Je pense que cela est possible. J'utilise cette m�thode pour afficher une page XML dans une div. Mais j'avoue avoir un peu de mal � cause des probl�mes compatibilit� entre ie et ff par exemple.

[SpaceFrog]

regarde du c�t� des HttpRequest

aka ajax ...

[Bovino]

Pour ins�rer une page HTML dans une autre avec javascript, regarde du c�t� des HttpRequest. Cela te permet de r�cup�rer ta page html en objet, et apr�s de l'afficher dans une div si tu ne veux pas des iframe.

Tr�s diff�rent de l'utilisation d'AJAX en effet

Et non, tu ne dois pas ins�rer une page HTML compl�te.

tu ne pourras jamais afficher qu'un fragment de html dans ta page principale, histoire de conserver une structure coh�rente;

[AcidLines]

mais je n'arrive pas trouv� de solution en javascrit.

Tr�s diff�rent de l'utilisation d'AJAX en effet

Javascript...AJAX...

Si il ne veut pas ou ne peut pas pour le PhP, et ne veut pas utiliser d' iframe..

[AcidLines]

J'ai r�alis� quelques recherches et voici le code que j'ai trouv� :

Pour la fonction javascript :

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
 
 function envoieRequete(url,id)
 {
 var xhr_object = null;
 var position = id;
 if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
 else
 if (window.ActiveXObject) xhr_object = new ctiveXObject("Microsoft.XMLHTTP");
 
 // On ouvre la requete vers la page désirée
 xhr_object.open("GET", url, true);
 xhr_object.onreadystatechange = function(){
 if ( xhr_object.readyState == 4 )
 {
 // j'affiche dans la DIV spécifiées le contenu retourné par le fichier
 document.getElementById(position).innerHTML = xhr_object.responseText;
 }
 }
 // dans le cas du get
 xhr_object.send(null);
 
 }

Au niveau de ta page html principale :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 <div id="conteneur">
 <div id="header">
 </div>
 
 <div id="gauche">
 <a href="#" onclick="envoieRequete('bande.html','header');" >test</a>
 <a href="#" onclick="envoieRequete('menu.html','centre');" >test2</a>
 </div>
 
 <div id="centre">
 </div>
 </div>

L'inconv�nient : le retour est en texte, donc pas terrible. Mais tu peux cr�er une fonction qui remplacerai le "responseText" qui est natif par une fonction que tu aura cr�e ex:"responseHTML" qui n'existe pas nativement.

[javatwister]

ne pas h�siter � �valuer responseText pour g�n�rer des expressions JS complexes � volont�, pouvant donc agir sur le DOM directement, sans innerHTML;

mais c�t� .js, c'est une habitude � prendre, notamment pour l'utilisation de s�quences echo:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

echo 'monconteneur_parent.appendChild(moncontenu_enfant);';

[azorol]

Bonjour,

Merci � tout le mondes pour vos conseils avis�s et �clair�s, en faite se que je voulais faire �tait une simple iFrame

Ou les param�tres venait d'une BD (page1.htm,page2.htm, etc...)

Voila mon probl�me est r�solu.

Encore merci.

A bient�t