<script>
function open_in_new_window(url)
{
var wwidth=700;
var lleft=parseInt(screen.width/2)-parseInt(wwidth/2);
the_popup=window.open(url,"_blank","left="+lleft+",width="+wwidth+",height=400, top=100");
}

function open_in_new_tab(url)
{window.open('','_new').location.replace(url)}
</script>


<select onchange="selectedIndex=0; open_in_new_window('http://www.dynamicdrive.com');">
<option disabled="disabled" selected>Destination in new window</option>
<option >Open in new window</option>
</select>

<select onchange="selectedIndex=0; open_in_new_tab('http://www.dynamicdrive.com')">
<option disabled="disabled" selected>Destination in new tab</option>
<option >Open in new tab</option>
</select>

<script>
function open_in_new_window(url)
{
var wwidth=700;
var lleft=parseInt(screen.width/2)-parseInt(wwidth/2);
the_popup=window.open(url,"_blank","left="+lleft+",width="+wwidth+",height=400, top=100");

if (typeof(the_popup)=='undefined'){alert("Your browser tried to open:\n\n"+unescape(url)+"\n\nAlthough this is a safe file, your security settings prevented it from being opened in a new window. Please disable your pop-up blocker, reload the page, then click the link again."); }

}

function open_in_new_tab(url)
{

if (typeof(window.open('','_new'))=='undefined') {
alert("Your browser tried to open:\n\n"+unescape(url)+"\n\nAlthough this is a safe file, your security settings prevented it from being opened in a new tab. Please disable your pop-up blocker, reload the page, then click the link again."); }

window.open('','_new').location.replace(url)
}
</script>

<script>
var included_js = STRING, where STRING represents the string you just created.
</script>

<script>
$("body").append(included_js)
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script>
$("body").append(included_js)
</script>

<script>
$("body").append('<div style="display: none">'+included_js+'<\/div>')
</script>

<a href="javascript: void(0)" onclick="$('#jquery_include').empty(); $('#jquery_include').append(included_js); return false">append string</a>
<div id="jquery_include" style="position: relative; width:500px;"></div>

<a href="javascript: void(0)" onclick="$('#jquery_include').empty(); return false">remove string</a>

<a href="javascript: void(0)" onclick="window.open('http://google.com'">open Google in new (traditional) window</a>

<a href="javascript: void(0)" onclick="window.open('','_new').location.href='http://google.com'">open Google in new tab</a>

<script defer>
(function(run){
	var f1 = document.getElementsByTagName('iframe')[0];
	if(!f1 && window.addEventListener && !run){
		document.addEventListener('DOMContentLoaded', arguments.callee, false);
		return;
	}
	if(!f1){setTimeout(arguments.callee, 300); return;}
	f2 = f1.cloneNode(false);
	f1.src = 'about:blank';
	f2.frameBorder = '0';
	f2.scrolling = 'no';
	f1.parentNode.replaceChild(f2, f1);
})();
</script>

<script defer>
(function(run){
for (i=0;i<frames.length; i++) {
	var f1 = document.getElementsByTagName('iframe')[i];
	if(!f1 && window.addEventListener && !run){
		document.addEventListener('DOMContentLoaded', arguments.callee, false);
		return;
	}
	if(!f1){setTimeout(arguments.callee, 300); return;}
	f2 = f1.cloneNode(false);
	f1.src = 'about: blank';
	f2.frameBorder = '0';
	f2.allowTransparency = 'yes';
	f2.scrolling = 'yes';

	f1.parentNode.replaceChild(f2, f1);
}
})();
</script>

<script type="text/javascript">
function HttpRequest(url){
var pageRequest = false //variable to hold ajax object
/*@cc_on
@if (@_jscript_version >= 5)
try {
pageRequest = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try {
pageRequest = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e2){
pageRequest = false
}
}
@end
@*/

if (!pageRequest && typeof XMLHttpRequest != 'undefined')
pageRequest = new XMLHttpRequest()

if (pageRequest){ //if pageRequest is not false
pageRequest.open('GET', url, false) //get page synchronously
pageRequest.send(null)

external_data=pageRequest.responseText
}
}

document.write('<iframe name="ifr" height="0" width="0" style="position: absolute; border:0px; width:0px; height:0px"><\/iframe>')
function GetParam(name) //Thanks to http://www.cryer.co.uk/resources/javascript/script8.htm for this function
{
var start=location.search.indexOf("?"+name+"=");
if (start<0) start=location.search.indexOf("&"+name+"=");
if (start<0) return '';
start += name.length+2;
var end=location.search.indexOf("&",start)-1;
if (end<0) end=location.search.length;
var result='';
for(var i=start;i<=end;i++)
{
var c=location.search.charAt(i);
result=result+(c=='+'?' ':c);
}
return unescape(result);
}
var paramCount=1; var index=location.search.indexOf('@'); while (index>0)
{
paramCount++;
index=location.search.indexOf('@',++index);
}
if (location.search!='')
{
function docwrite_to_div(which)
{
document.write(GetParam(which))
}
}
function include_using_iframe(where,what)
{
location.replace('?'+where+'='+escape(frames['ifr'].document.documentElement.innerHTML))
}
function include_not_using_iframe(where,what)
{
location.replace('?'+where+'='+escape(what))
}
function load_data(url)
{
frames['ifr'].location.replace(url)
}
</script>

<!--Document.writing a string, for instance: some data, to a div having id="div1". The string must be surrounded by appropriate quotation marks. To verify that this really is document.write (not innerHTML), modify the string by putting some javascript in it. You'll see that the javascript works on the page.-->
<a href="javascript: void(0)" onclick="include_not_using_iframe('div1','some data')">include inner data</a>
<div id="div1" style="background: silver; width: 200px"><script type="text/javascript">docwrite_to_div('div1')</script></div>

<!--Document.writing an external file, for instance: flexmenu.html (a menu offered by DynamicDrive), to a div having id="div2". Inclusion is done via Ajax. The functions in the external file are automatically transferred to the main page during inclusion, which proves that this really is document.write (not innerHTML). The placeholder for the request-string is external_data, which must not be surrounded by quotation marks (of course). We can repeatedly click on the link to include the file without losing the exernal function(s). Or we can put the external file in different divs by repeating the lines below on the page while changing the id of the div. -->
<a href="javascript: void(0)" onmousedown="HttpRequest('flexmenu.html')" onmouseup="include_not_using_iframe('div2', external_data)">include via ajax</a>
<div id="div2" style="background: silver; width: 200px"><script type="text/javascript">docwrite_to_div('div2')</script></div>

<!--Document.writing an external file, for instance: flexmenu.html, to a div having id="div3". Inclusion is done via a hidden iframe. The functions in the external file are automatically transferred to the main page during inclusion, which proves that this really is document.write (not innerHTML). We can repeatedly click on the link to include the file without losing the exernal function(s). Or we can put the external file in different divs by repeating the lines below on the page while changing the id of the div. -->
<a href="javascript: void(0)" onmousedown="load_data('flexmenu.html')" onmouseup="include_using_iframe('div3')">include via iframe</a>
<div id="div3" style="background: yellow; width:400px"><script type="text/javascript">docwrite_to_div('div3')</script></div>

<a href="javascript: void(0)" onclick="include_not_using_iframe('remove','')">Remove data</a>
<div id="remove" style="background: silver; width: 200px"><script type="text/javascript">docwrite_to_div('remove')</script></div>

<iframe style="width:400px; height: 400px" src="http://www.youtube.com/embed/EYfd7HipW-Q?list=PL19C52D08D0EF69FC&amp;start=0&amp;autoplay=1&amp;rel=0&amp;showinfo=0&amp;autohide=0"></iframe>

<script type="text/javascript">
try{top.document.getElementById('container_div').innerHTML=document.documentElement.innerHTML}
catch(err){top.document.getElementById('container_div').appendChild(document.documentElement)} </script>

<script type="text/javascript">
//Writing an iframe that loads the external file, and a div in which it will be put by the lines given in 1 above. Using DOM methods for creating the iframe and the div, or putting the iframe / div right away in the body, don't work: we need document.write for this particular case. This script must be on top of all other codes. The iframe is invisible. The styles for the div are just examples
document.write('<iframe src="name_of_external_menu.html" name="ifr" style="position:absolute;left:-10000px"><\/iframe>')
document.write('<div id="container_div" style="position:absolute;top:270px;bottom:250px;border:2px inset silver"><\/div>')
</script>

<object type="application/x-shockwave-flash" style="position:absolute; left:20%; top:20%; height:60%; width:60%; border:1px solid black;" data="http://www.youtube.com/v/EUSsXdhxFIM?version=3&amp;rel=0&amp;autoplay=1&amp;showinfo=0&amp;start=5" >
<param name="movie" value="http://www.youtube.com/v/EUSsXdhxFIM?version=3&amp;rel=0&amp;autoplay=1&amp;showinfo=0&amp;start=5" >
<param name="allowFullScreen" value="true" >
<param name="wmode" value="transparent" >
<param name="flashvars" value="autoplay=true" >
</object>