Un include en javascript

Version imprimable

18/02/2010, 21h18
azorol

Un include en javascript

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
18/02/2010, 21h25
Bovino

Regarde du coté d'AJAX
19/02/2010, 10h42
azorol

Bonjour,

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

Cordialement
19/02/2010, 11h08
andry.aime

:salut:

Citation:

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, :mrgreen:.
19/02/2010, 11h12
E.Bzz

Bonjour,

Citation:

Envoyé par azorol

je cherche une solution simple à mettre en oeuvre.

:mouarf:

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

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

Ici les 2 solutions simples sont les moins bonnes ;)

A+
19/02/2010, 11h53
javatwister

attention aussi aux abus de langage(s ?)

Citation:

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)?
19/02/2010, 11h55
SpaceFrog

avec une balise object ou un iframe ?
19/02/2010, 13h21
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.
19/02/2010, 13h24
SpaceFrog

Citation:

regarde du côté des HttpRequest

aka ajax ...
:roll:

:merci:
19/02/2010, 13h26
Bovino

Citation:

Envoyé par AcidLines

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

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

Citation:

Envoyé par javatwister

tu ne pourras jamais afficher qu'un fragment de html dans ta page principale, histoire de conserver une structure cohérente;
19/02/2010, 14h16
AcidLines

Citation:

Envoyé par azorol

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

Citation:

Envoyé par bovino

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

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

Pour la fonction javascript :

Code:

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:

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.

19/02/2010, 14h52
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:

echo 'monconteneur_parent.appendChild(moncontenu_enfant);';
24/02/2010, 11h19
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 :mouarf:

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

Voila mon problème est résolu.

Encore merci. :ccool:

A bientôt