Opening a web page created in another web page

[DeadHeat]

I need some help I have to create a button on a web page that opens a web page of the html code written in the first web page. I'm really stuck any ideas?

[Ingolme]

Do you mean to display the code of the first page as plain text in a new window?

[DeadHeat]

No I mean create a web page based off of the html code that the user writes in the textarea in the first webpage. So you have one web page with a textarea in it, the user writes html code in the textarea and when he clicks a button the code he wrote is used to create another webpage.

[Ingolme]

Yes, it can be done with Javascript.

 

First, you need to access the textarea, using document.getElementById() and get its value, then open a new window and write to its document.

 

The Javascript function would look something like this:

function showHTML() {    var w = window.open();    w.document.open();    w.document.write(document.getElementById("myTextarea").value);    w.document.close();}

You could call the function when a button is clicked.

 

Here's a similar example on the W3Schools website, but without getting the HTML from a textarea: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_doc_open2

[DeadHeat]

Thanks I really appreciate this

[DeadHeat]

function closeHTML() {o.document.close();}

I'm trying to use the code above to create a separate button to close the window but so far no luck.

[Ingolme]

To close the window you call close() on the window object, not on the document. You'll also need a global reference to the window you created, right now, "w" is local to the function and can't be used outside of it.

[DeadHeat]

I tried that close() on the object and it didn't work.

[Ingolme]

It won't work if the variable that contains the new window is local to the function, it needs to be accessible from other scopes. What code did you try?