From the "body" to "layer" ?

[Asch]

Hi, actually that prints a background image that follows scrollbar... it works with the "body"... i have a layer and I need it to work in it ? any idea ??? thx


if (document.all||document.getElementById)
document.body.style.background="url('back.gif') white center no-repeat fixed"

[Jona]

Hello,

You can use document.getElementById('name_of_layer').style.background to do the same thing. Apply the style.overflow="auto" and width and height styles for the layer, and it will have scrollbars.

[J]ona

[Asch]

Hi jona, thx for your reply...

I tried something like this ? but does not work ? :O)... i mstill learning in javascript :O) ! and with document.getElementById it will only work with netscape...

function backscroll() {
if (document.getElementById)
{document.getElementById('scroll2').style.background="url('gif/back_bottom.gif') white center no-repeat fixed";}
do you have an better idea

[Kor]

it will only work with netscape

It will deffinitely work with IE5, IE6 either... Of course if you have use DIV or SPAN tag layers, not LAYER, which is an only NS tag

For cross-browser with IE4 use

function backscroll() { 
if (document.getElementById){
document.getElementById('scroll2').style.background="url('gif/back_bottom.gif') white center no-repeat fixed";
document.getElementById('scroll2').style.overflow ='auto';
else if (document.all){
document.all['scroll2'].style.background="url('gif/back_bottom.gif') white center no-repeat fixed";
document.all['scroll2'].style.overflow ='auto';
} 
} 

make sure you gave the layer an id, <div id="scroll2"></div>