Nightfire Webworker Archiv - JavaScript - JS Inclusion Function

[]

Die Funktion demonstriert, wie man externe Dateien dynamisch in ein HTML- Dokument laden kann.

[Code]

[zwischen <BODY> und </BODY>]

<script>

var fl;
var s;

function stoperror(){
return true
}
window.onerror=stoperror;

function FileLoader (url, onload) {
this.id = FileLoader.cnt;
FileLoader.elements[FileLoader.cnt++] = this;
this.url = url;
this.onload = onload;
this.createIFRAME();
setTimeout('FileLoader.elements[' + this.id + '].loadDocument()', 5);
}
function FileLoader_createIFRAME () {
this.frameName = 'FileLoader' + this.id;
if (document.all) {
var html = '';
html += '<IFRAME ID="' + this.frameName + '"';
html += ' NAME="' + this.frameName + '"';
html += ' STYLE="display: none;"';
html += ' SRC="about:Downloading....please wait....">';
html += '<\/IFRAME>';
document.body.insertAdjacentHTML('beforeEnd', html);
}

//For other browsers that different to IE//

else if (document.getElementById) {
var ifr = document.createElement('IFRAME');
ifr.id = ifr.name = this.frameName;
ifr.style.visibility = 'visible'; // just for testing
ifr.width = 300; ifr.height = 100;
ifr.src = 'about:blank';
document.body.appendChild(ifr);
}
}
FileLoader.prototype.createIFRAME = FileLoader_createIFRAME;
function FileLoader_loadDocument (url) {
if (url)
this.url = url;
this.loaded = false;
this.document = null;
var ifrWin = self.testfrm;
var html = '';
html += '<BODY ONLOAD="';
html += 'var fl = top.FileLoader.elements[' + this.id + '];';
html += 'fl.loaded = true;';
html += 'fl.document = window.frames[0].document;';
html += 'fl.onload(fl.document);';
html += '"';
html += '>';
html += '<IFRAME SRC="' + this.url + '">';
html += '<\/IFRAME>';
html += '<\/BODY>';

ifrWin.self.document.open();
ifrWin.self.document.write(html);
ifrWin.self.document.close();
}
FileLoader.prototype.loadDocument = FileLoader_loadDocument;
FileLoader.cnt = 0;
FileLoader.elements = new Array();

function loadHandler (document) {
s=document.body.innerHTML;

window.status='Downloading included page....';

self.document.getElementById("jsinc").innerHTML=s;

window.status='Including successful. Done';

}
function include(x){

self.document.getElementById("jsinc").innerHTML='<b>Loading....Please wait....</b>';

fl = new FileLoader(x, loadHandler);
return false;
}
function setup_jsinc(){
document.write("<iframe name=testfrm src=\"about:blank\" width=0 height=0></iframe>");
document.write("<div id=jsinc></div>");
}
</SCRIPT>
<center>
<ul>
<li>

<A HREF="javascript:void(0)" ONCLICK="include('js_inclusionfunction_demo.htm');">Include Demopage</A>
</li>
<li>
<A HREF="javascript:void(0)" ONCLICK="include('about:blank');">Reset</A>
</li>
</ul>
</center>
<script>setup_jsinc();</script>

[]

??

[]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 460