JavaScript & Ajax

I was playing around with some code recently and discovered - more or less by accident - that we can include any fully functioning standalone menu by doing the following. The scripts and styles belonging to the external file will be preserved after inclusion:
1. We put this script just before the closing body-tag of the external file:

Code:

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

...

The player used on http://www.youtube.com/watch?v=VIDEO_ID is YouTube's version3 player. If you want to use it directly (without the watch?v= part) you can do, for instance: http://www.youtube.com/v/EUSsXdhxFIM?version=3. (You may have to press CTRL if you want this to work in IE).

The advantage of the version3-player over other versions is that a click on a playing video doesn't open a new YouTube window containing all sorts of information that you may not be interested in. The click ...

Some Remarks about Ajax-includes using document.write

I. Why document.write?
Including external content with the help of document.write brings in external html AND external code (js, css). This is a clear advantage of document.write over other inclusion-methods, like innerHTML (does not execute scripts) and appendChild (does not automatically import all the external js and/or css when IE, Chrome or Opera are used). To see this, create a file external.html with some js in it, ...

The Ajax Includes Script given at http://www.dynamicdrive.com/dynamici...axincludes.htm uses document.write for including external content. Advantage: you don't have to explicitly bring the js belonging to the external file(s) to the main page. But beware the results in certain cases! In IE, (external) scripts added to the page using document.write are not run until after the document.write that adds them has finished. Non-IE browsers will run them straight away. So

Code:

<script type="text/javascript">

...