Javascript that writes a new page with document.write
I've written the following html,
<html>
<head>
<script type="text/javascript">
function createpage(){
var first = document.getElementById('first').value
var second = document.getElementById('second').value
var third = document.getElementById('third').value
var j = window.open('random');
var new_page = '<html><head><script type="text/javascript">function open_win() { window.open(first) window.open(second) window.open(third) } </script></head><body onLoad = "open_win()"></body></html>';
j.document.write(new_page);
j.document.close();
}
</script>
</head>
<body>
<form action="">
<p>
First Link: <input type="text" id="first" name="first"/>
Second Link: <input type="text" id="second" name="second"/>
Third Link: <input type="text" id="third" name="third"/>
<input type=BUTTON value="Submit" name="mySubmit" onClick="createpage();return false;">
</p>
</form>
</body>
</html>
With the intention to eventually implement it into a website that "mashes" several URLs together into a tinyurl that, upon being opened, creates several tabs of the content the creator wanted in the single URL. Does that make sense?
In order to best do this I figured a page with a random character string (I haven't yet implemented this part, for now 'random' holds the place of the new page/link) would have to be created that would launch all the tabs and then close itself.
Here's what it should do...
1) User enter 3 URLs into three forms:
First Link: <input type="text" id="first" name="first"/>
Second Link: <input type="text" id="second" name="second"/>
Third Link: <input type="text" id="third" name="third"/>
2) User clicks Submit button that calls "createpage()" function that's declared in the <head>er. The first part of this function declares the links that were inputted as variables first, second, and, third.
<script type="text/javascript">
function createpage(){
var first = document.getElementById('first').value
var second = document.getElementById('second').value
var third = document.getElementById('third').value
3) "createpage()" function then declares a new window named 'random' to variable j (I have random.html stored in the same folder as this project. It is empty.)
var j = window.open('random')
4) Next "createpage()" creates a variable that stores a full page's html code that includes a script that launches each link individually with window.open().
var new_page = '<html><head><script type="text/javascript">function open_win() { window.open(first) window.open(second) window.open(third) } </script></head><body onLoad = "open_win()"></body></html>';
5) "createpage()" writes the code (stored in variable 'new_page') to document 'random' with j.document.write(new_page);
6) "createpage()" closes the document.
|
Before you post, read our: 
