[ LoadHTML]
Load Page
Das Script
lädt ein externes HTML- File in einen CSS- Layer. Es ist NS6- kompatibel
und funktioniert unter IE4+ und NS4x.
Ein Online-
Tutorial zu diesem Script finden Sie hier
[Kompatibilität]
[ zwischen <HEAD> und </HEAD>]
<script language="JavaScript">
<!--
Original: Eddie Traversa (psych3@primus.com.au) -->
<!--
Web Site: http://dhtmlnirvana.com/ -->
<!--
Begin
var nn4
= (document.layers);
var nn6
= (document.getElementById && !document.all);
var ie4
= (document.all && !document.getElementById);
var ie5
= (document.all && document.getElementById);
function
loadPage(id,nestref,url) {
if (nn4)
{
var lyr
= (nestref)? eval('document.'+nestref+'.document.'+id) : document.layers[id]
lyr.load(url,lyr.clip.width)
}
else if(ie4)
parent.contentFRM.location = url;
else if(ie5
|| nn6) document.getElementById('contentFRM').src = url;
}
function
showPage(id) {
if (ie4)
{
document.all[id].innerHTML
= parent.contentFRM.document.body.innerHTML;
}
else if(nn6
|| ie5) {
document.getElementById(id).innerHTML
= window.frames['contentFRM'].document.getElementById('theBody').innerHTML;
}
}
//
End -->
</script>
[ in den <BODY> Tag]
onload="parent.showPage('contentLayer')"
[ zwischen <BODY> und </BODY>]
<a
href="javascript:loadPage('contentLayer',null,'load-html-demo.html ')">Load
Page</a>
<iframe
name="contentFRM" id="contentFRM" width="0" height="0" frameborder="0">
</iframe>
<div
id="contentLayer" style="position:absolute; width:345px; height:115px;
z-index:1; left: 186px; top: 304px"></div>
[ in die zu ladende Seite]
... in unserem Beispiel load-html-demo.html , tragen Sie folgenden Code in den <BODY> Tag ein
id="theBody" onload="parent.showPage('contentLayer')"
[ ]
Eddie
Traversa
[ ]
Kopieren Sie
bitte den Code