comment charger une page HTML en Javascript Résolu

Question

Bonjour, J,ai une page HTML contruit à l'aide de deux DIV. Les DIV sont placer l'un en dessous de l'autre. par exemple:

et

Sur une action ONCLICK j'appel une fonction Javascript que j'ai créé, cette fonction doit charger une page HTML qui est sur mon disque dur. Mais mon problème est que je ne saisp as comment charger cette page pour l'afficher mon dans le DIV f_2. Avez-vous une idée pour comment faire? Merci beaucoup Perlogic

Perlogic · Accepted Answer

Yes, j'ai trouvé une astuce.

Perlogic

[CPC] GROquiK · Answer

peut-être en utilisant un iframe...

Perlogic · Answer

Bonjour,

un IFRAME ne fonctionne pas, voici ce que j'ai essayer dans mon javascript:

document.write("<IFRAME src='page3.html' width=100% height=97% scrolling=auto frameborder=0 > </IFRAME>")

Le problèeme est que je ne peux lui dire dans quel ID l'envoyer ou dans quel CSS, la clause Class n'existe pas.

      IFRAME= (frame flottant) HTML 
Définition Définit un frame flottant 3.2 4.0 
Syntaxe <IFRAME> ... </IFRAME>
IFRAME est un élément fermé.     
Attributs spécifiques 
  Align Aligne un frame flottant à gauche, au centre ou à droite de l'écran.     
  Name Attribue un nom au frame flottant     
  Noresize Précise au navigateur que l'utilisateur ne peut modifier la taille du frame. Attribut sans paramètre.     
  SRC Définit le document source et son adresse      
  Width Permet de définir la largeur de la fenêtre ouverte.     
  Height Définit la hauteur de la fenêtre ouverte.     
  Frameborder Permet d'afficher ou non la bordure du frame.     
  Scrolling Autorise ou interdit l'affichage des ascenseurs sur les côtés du frame.     
  Marginwidth Permet de définir un espace horizontal entre la bordure du frame et la bordure du document.     
  Marginheight Permet de définir un espace vertical entre la bordure du frame et le bordure du document.     
  Hspace Détermine l'espace entre texte et frame sur les côtés verticaux.      
  Vspace Détermine l'espace entre texte et frame sur les bords horizontaux.

Perlogic · Answer

Bonjour,

Super la ce que HackTrack a écrit, mais j'obtient un problèeme d'accèes si je clique dessus plus d'une fois.  Ceci me pose un problème car dans mon premier DIV sera mon menu, puis le second DIV sera mes différente pages choisie ou par des hyperliens.  

Mon menu lancera des pages HTML dans le IFRAME, mais il semble que je ne peux pas ouvrir deux IFRAME sur l'un sur l'autre.   D'où le problèeme du bouton, je ne peux le cliquier qu'une seule fois.

Il y a t-il une astuce?

Merci

Perlogic

Perlogic · Answer

Ha non!

J'ai pas résolu mon problème d'accès refusé

Avez-vous une idée?

Merci

Perlogic

Perlogic · Answer

Une première fois pour lire mon fichier HTML il n'y a pas de problème.  Et charger un autre fichier dans le même iframe cause un problème d'accès .

J'ai pensé metre un DIV sur la région avant de refaire mon iframe,  mais ça n'a pas fonctionné.  Le code de HackTrack fonctione, mais si le bouton est utilisé plus d'une fois, ça ne fonctionne plus.

Es-t'il possible de retirer le iframe pour libérer l'espace pour en mettre un autre?

Merci


Perlogic

anonyme · Answer

Bonjour,

J'ai pas lu la discussion entièrement (pardonnnez!) mais moi pour charger une page à partir d'un boutonj'utilise le code suivant:
<INPUT TYPE="button" VALUE="clic Google" onclick="javascript:window.location.replace('http://www.google.be');" >

Yvanoph · Answer

Bonjour / Bonsoir,

Pour charger quoi que ce soit dans une Frame/IFrame, il FAUT tout d'abord lui donner un NOM, soit l'attribut name=zone_1 par exemple, PUIS par chaque bouton correspondant CIBLER la Frame/IFrame par son NOM !

Exemple :
document.write("<IFRAME src='page3.html' name=zone_1 width=100% height=97% scrolling=auto frameborder=0 > </IFRAME>")

Ensuite, il y a trois manières d'accéder à une Frame/IFframe :

* Avec le nom
* Avec l'objet global frames
* Avec l'id

Ne PAS prendre id, qu'il est effectivement possible d'utiliser tout comme name ou l'objet global supporté par tous les navigateurs MAIS qu'Ie refuse...

Voici donc les deux techniques en action :

var oFrame = window.zone_1; // Avec le name
var oFrame = window.frames["zone_1"]; // Avec l'objet global

Une fois l'iframe atteinte, on peut accéder à son contenu, avec l'objet document :

var oFrame = window.zone_1.document; // Avec le name
var oFrame = window.frames["zone_1"].document; // Avec l'objet global

Pour changer le contenu, rien de plus simple par src :

Bouton 1 lance,
document.getElementById('zone_1').src = "autreFichier1.html";
Bouton 2 lance,
document.getElementById('zone_1').src = "autreFichier2.html";
etc.

Mais RAPPEL, par ID problème avec Ie

Sinon :

Bouton 1 lance,
<A HREF="autreFichier1.htm" TARGET="zone_1">
Bouton 2 lance,
<A HREF="autreFichier2.htm" TARGET="zone_1">
etc.

Cordialement, Yvanoph---

zellfurath · Answer

bonjour, et j'aimerai savoir comment peut-on remplacer le bouton de ce script par une image avec effet javascript svp ? j'ai tous ces codes et je n y arrive pas.. c'est a partir d'un template de menu javascript..

je n'arrive pas a combiner ça :) merci d'avance pour vos réponses.

Alain_42 · Answer

Salut, essayes comme ça:

Cliquer pour charger la Div ci-dessous de

si j'ai bien compris ton pb et que tu as une fonction loadPage pour les effets que tu souhaites

zellfurath · Answer

c est a peu pret ce que j'ai fais finallement. tu ma bien conseillé !
au final je n'affiche que du texte.. c est ce que je voulais.
j ai fais des containers dans des div c est ultra basic en fet :)

Comment charger une page HTML en Javascript

11 réponses

Votre réponse

Discussions similaires