DHTML Fenster - HTMLopen.de

Kompatibilität: Ms Internet Explorer, Netscape

Dieses Beispiel zeigt, wie man die Farben des IFRAME definieren kann.
Javascript mit Bilder und Tabellen werden angewendet und vom File "test.html" aufgerufen.

[ Das Beispiel zeigen ]

HTML Code für deine Website

<HTML> <HEAD><TITLE>HTMLopen - Dynamic HTML Beispiele</TITLE> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <STYLE TYPE="text/css"> #scrollBarTop {position:absolute; left:0; top:15; width:19;} #scrollBarBottom {position:absolute; left:0; top:257; width:19;} </STYLE> </HEAD>
                 
                 <BODY onLoad="init()">
                 
                 <SCRIPT LANGUAGE="JavaScript">
                 document.writeln('<STYLE TYPE="text/css">');
                 document.writeln('<\!--');
                 document.writeln('#scrollWindow {position:absolute; left:'+scrollLeft+'; top:'+scrollTop+'; width:'+scrollWidth+'; height:'+scrollHeight+'; clip:rect(0,'+scrollWidth+','+scrollHeight+',0);}');
                 document.writeln('#scrollBorderTop {position:absolute; left:0; top:0; width:'+scrollWidth+'; height:'+scrollBorder+'; clip:rect(0,'+scrollWidth+','+scrollBorder+',0); background-color:'+scrollBorderColor+'; layer-background-color:'+scrollBorderColor+';}');
                 document.writeln('#scrollBorderBottom {position:absolute; left:0; top:'+(scrollHeight-scrollBorder)+'; width:'+scrollWidth+'; height:'+scrollBorder+'; clip:rect(0,'+scrollWidth+','+scrollBorder+',0); background-color:'+scrollBorderColor+'; layer-background-color:'+scrollBorderColor+';}');
                 document.writeln('#scrollBorderLeft {position:absolute; left:0; top:0; width:'+scrollBorder+'; height:'+scrollHeight+'; clip:rect(0,'+scrollBorder+','+scrollHeight+',0); background-color:'+scrollBorderColor+'; layer-background-color:'+scrollBorderColor+';}');
                 document.writeln('#scrollBorderRight {position:absolute; left:'+(scrollWidth-scrollBorder)+'; top:0; width:'+scrollBorder+'; height:'+scrollHeight+'; clip:rect(0,'+scrollBorder+','+scrollHeight+',0); background-color:'+scrollBorderColor+'; layer-background-color:'+scrollBorderColor+';}');
                 if (ie) document.writeln('#scrollTextWindow {position:absolute; left:'+scrollBorder+'; top:'+scrollBorder+'; width:'+(scrollWidth-scrollBarWidth-2*scrollBorder)+'; height:'+(scrollHeight-2*scrollBorder)+'; clip:rect(0,'+(scrollWidth-scrollBarWidth-2*scrollBorder)+','+(scrollHeight-2*scrollBorder)+',0); background-color:'+scrollTextBGColor+'; layer-background-color:'+scrollTextBGColor+';}');
                 document.writeln('#scrollBar {position:absolute; left:'+(scrollWidth-scrollBarWidth-scrollBorder)+'; top:'+scrollBorder+'; width:'+scrollBarWidth+'; height:'+(scrollHeight-2*scrollBorder)+'; clip:rect(0,'+scrollBarWidth+','+(scrollHeight-2*scrollBorder)+',0); background-color:'+scrollBarColor+'; layer-background-color:'+scrollBarColor+';}');
                 if (scrollBoxColor=="none") document.writeln('#scrollBoxDiv {position:absolute; left:0; top:0; width:'+scrollBarWidth+'; height:'+scrollBoxHeight+'; clip:rect(0,'+scrollBarWidth+','+scrollBoxHeight+',0);}');
                 else document.writeln('#scrollBoxDiv {position:absolute; left:0; top:'+scrollArrowHeight+'; width:'+scrollBarWidth+'; height:'+scrollBoxHeight+'; clip:rect(0,'+scrollBarWidth+','+scrollBoxHeight+',0); background-color:'+scrollBoxColor+'; layer-background-color:'+scrollBoxColor+';}');
                 document.writeln('#scrollArrowUpDiv {position:absolute; left:0; top:0; width:'+scrollBarWidth+'; height:'+scrollArrowHeight+'; clip:rect(0,'+scrollBarWidth+','+scrollArrowHeight+',0); background-color:'+scrollArrowColor+'; layer-background-color:'+scrollArrowColor+';}');
                 document.writeln('#scrollArrowDownDiv {position:absolute; left:0; top:'+(scrollHeight-2*scrollBorder-scrollArrowHeight)+'; width:'+scrollBarWidth+'; height:'+scrollArrowHeight+'; clip:rect(0,'+scrollBarWidth+','+scrollArrowHeight+',0); background-color:'+scrollArrowColor+'; layer-background-color:'+scrollArrowColor+';}');
                 document.writeln('-->');
                 document.writeln('</STYLE>');
                 </SCRIPT>
                 
                 <DIV ID="scrollWindow">
                 <DIV ID="scrollBar">
                 <DIV ID="scrollBoxDiv"><IMG SRC="images/scrollbox.gif" WIDTH=19 HEIGHT=23 ALT="Scroll Me" BORDER=0></DIV>
                 <DIV ID="scrollArrowUpDiv"><IMG SRC="images/scrollarrowup.gif" WIDTH=19 HEIGHT=15 BORDER=0></DIV>
                 <DIV ID="scrollArrowDownDiv"><IMG SRC="images/scrollarrowdown.gif" WIDTH=19 HEIGHT=15 BORDER=0></DIV>
                 <DIV ID="scrollBarTop"><IMG SRC="images/scrollbartop.gif" WIDTH=19 HEIGHT=4 BORDER=0></DIV>
                 <DIV ID="scrollBarBottom"><IMG SRC="images/scrollbarbottom.gif" WIDTH=19 HEIGHT=4 BORDER=0></DIV>
                 </DIV>
                 <DIV ID="scrollBorderTop"></DIV>
                 <DIV ID="scrollBorderBottom"></DIV>
                 <DIV ID="scrollBorderLeft"></DIV>
                 <DIV ID="scrollBorderRight"></DIV>
                 
                 <SCRIPT LANGUAGE="JavaScript">
                 if (n) document.writeln('<LAYER NAME="scrollTextWindow" SRC="'+scrollFirstPage+'" LEFT='+scrollBorder+' TOP='+scrollBorder+' WIDTH='+(scrollWidth-scrollBarWidth-2*scrollBorder)+' HEIGHT='+(scrollHeight-2*scrollBorder)+' CLIP="0,0,'+(scrollWidth-scrollBarWidth-2*scrollBorder)+','+(scrollHeight-2*scrollBorder)+'" BGCOLOR="'+scrollTextBGColor+'"></LAYER>')
                 if (ie) document.writeln('<DIV ID="scrollTextWindow"><IFRAME NAME="scrollTextFrame" SRC="'+scrollFirstPage+'" WIDTH='+(scrollWidth-scrollBarWidth-2*scrollBorder)+' HEIGHT='+(scrollHeight-2*scrollBorder)+' MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER="No" SCROLLING="No"></IFRAME></DIV>')
                 </SCRIPT>
                 </DIV>
                 </BODY>
                 </html>

Scrollbare Grafik