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