how to load an HTML page in Javascript Solved

Question

Hello, I have an HTML page built using two DIVs. The DIVs are placed one below the other. For example:

and

On an ONCLICK action, I call a Javascript function that I created, this function should load an HTML page that is on my hard drive. But my problem is that I don't know how to load this page to display it in the DIV f_2. Do you have any ideas on how to do that? Thank you very much Perlogic

Perlogic · Accepted Answer

Yes, I found a trick.

Perlogic

[CPC] GROquiK · Answer

maybe by using an iframe...

Perlogic · Answer

Hello,

an IFRAME is not working, here’s what I tried in my javascript:

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

The problem is that I can't specify which ID to send it to or in which CSS, the Class clause does not exist.

 IFRAME= (floating frame) HTML Definition Defines a floating frame 3.2 4.0 Syntax <IFRAME> ... </IFRAME> IFRAME is a closed element. Specific attributes Align Aligns a floating frame to the left, center, or right of the screen. Name Assigns a name to the floating frame Noresize Informs the browser that the user cannot resize the frame. Attribute without parameter. SRC Defines the source document and its address Width Allows the width of the opened window to be defined. Height Defines the height of the opened window. Frameborder Controls whether or not the frame border is displayed. Scrolling Allows or prohibits the display of scrollbars on the sides of the frame. Marginwidth Allows defining horizontal space between the border of the frame and the border of the document. Marginheight Allows defining vertical space between the border of the frame and the document border. Hspace Determines the space between text and frame on the vertical sides. Vspace Determines the space between text and frame on the horizontal edges.

Perlogic · Answer

Hello,

It's great what HackTrack wrote, but I'm getting an access problem if I click on it more than once. This is an issue for me because my first DIV will be my menu, and then the second DIV will be my different chosen pages or hyperlinks.

My menu will launch HTML pages in the IFRAME, but it seems that I can't open two IFRAMEs on top of each other. Hence the button problem, I can only click it once.

Is there any trick?

Thanks

Perlogic

Perlogic · Answer

Oh no!  I haven't resolved my access denied issue  Do you have any ideas?  Thank you  Perlogic

Perlogic · Answer

The first time I load my HTML file there is no problem. But loading another file in the same iframe causes an access issue.

I thought about putting a DIV over the area before recreating my iframe, but that didn't work. The HackTrack code works, but if the button is used more than once, it no longer functions.

Is it possible to remove the iframe to make space for another one?

Thank you

Perlogic

anonyme · Answer

Hello,

I haven't read the discussion entirely (forgive me!) but to load a page from a button I use the following code:
<INPUT TYPE="button" VALUE="click Google" onclick="javascript:window.location.replace('http://www.google.be');" >

Yvanoph · Answer

Hello / Good evening,

To load anything into a Frame/IFrame, you MUST first give it a NAME, such as the attribute name=zone_1 for example, THEN for each corresponding button TARGET the Frame/IFrame by its NAME!

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

Then, there are three ways to access a Frame/IFframe:

* By name
* By the global frames object
* By id

DO NOT use id, although it is indeed possible to use it just like name or the global object supported by all browsers BUT which IE refuses...

Here are the two techniques in action:

var oFrame = window.zone_1; // By name
var oFrame = window.frames["zone_1"]; // By global object

Once the iframe is reached, we can access its content, with the document object:

var oFrame = window.zone_1.document; // By name
var oFrame = window.frames["zone_1"].document; // By global object

To change the content, nothing simpler than by src:

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

But REMINDER, by ID there is a problem with IE

Otherwise:

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

Best regards, Yvanoph---

zellfurath · Answer

Hello, I would like to know how we can replace the button in this script with an image using JavaScript effect, please? I have all this code and I'm struggling... it’s based on a JavaScript menu template.

I can't seem to combine this :) Thank you in advance for your answers.

Alain_42 · Answer

Hi, try it like this:

if I understood your problem correctly and you have a loadPage function for the effects you want

zellfurath · Answer

It's pretty much what I ended up doing. You gave me good advice! In the end, I'm only displaying text... that's what I wanted. I made containers in divs, it's ultra basic, actually :)

How to load an HTML page in Javascript

11 answers

Delete a zimbra email account on free

Conditional formula

Identifying the source of an mp3 problem?

Vocal snap doesn't work with bluetooth in the car.

Wireless printer setup

Put an application on the desktop

I need help please to use a wifi box.

[libreoffice] installation failed

Dropdowns - space issue

Texture issues in enshrouded