Fixed Footer

[covoxer]

Yes, the attached example is made for the WD 5.0.1. Upgrade and it will work.
The script in my last message is for WD 5.0 so if you replace th eone in the example with this, it will work well.

And you are not a pain, perhaps making this snippet usefull for you, with real designs, can make it more usefull for others. So it's a good thing that you give me suggestions.

Here's the version for the WD 5.0.1:

</div>
<script type="text/javascript">
var my_oldres=window.onresize;
window.onresize=my_res;
function my_res(e)
{
if(my_oldres)my_oldres(e);
var dh=document.documentElement.clientHeight;
var ph=parseInt(xr_xr.style.height);
var h=dh;
if(dh>ph)my_footer.style.top=(dh-ph)+'px';else{my_footer.style.top='0px';h=ph;};
xr_xr.style.clip='rect(0px, '+parseInt(xr_xr.style.width)+'px, '+h+'px, 0px)';
if(my_background){h-=parseInt(my_background.style.top);my_background.style.height=h+'px';};
};
</script>
<div id='my_footer' style="top:0px;left:0px;position:absolute;">
<script type="text/javascript">
var my_footer=document.getElementById('my_footer');
var my_background=document.getElementById('my_background');
my_footer.style.width=parseInt(xr_xr.style.width)+'px';
my_res();</script>
<div>

[StevenWWinters]

Yes, the attached example is made for the WD 5.0.1. Upgrade and it will work.

Ah, you slipstreamed an upgrade on me.

This one works perfect! Thanks.

Will have to try to make sense of the code when I get a chance...

[jclements]

John, this is so impressive.

1- I am looking at the code but couldn't decipher it. Would you mind describing what and how the code accomplishes the end result.

2- Quote: "Actually you can skip the layer, simply all object(s) between these two will be treated as a footer."..... By between did you mean the object's physical local relative to the two "magic" rectangles or something else?

JC

[covoxer]

By between did you mean the object's physical local relative to the two "magic" rectangles or something else?

Something else.
There is an order of objects, some objects are in front of the others. You can sort them using Ctrl+B, Ctrl+Shift+B, Ctrl+F, Ctrl+Shift+F shortcuts or with arrange menu. So, all objects located in front of the first placeholder, and behind the second, are treated as a footer. Thus I say between.
When you put the entire footer on a separate layer, it's easier to make sure that those placeholders are correctly positioned because you can apply Ctrl+B and Ctrl+F to them.

[jclements]

So, can you put the 1st rectangle on its own unique layer and and the 2nd rectangle on another unique layer and then have those two layers on each page and arrange the two layers as needed for a particular page? If so, this could be another way of quickly maintaining the proper stacking order for each page.

[covoxer]

So, can you put the 1st rectangle on its own unique layer and and the 2nd rectangle on another unique layer and then have those two layers on each page and arrange the two layers as needed for a particular page? If so, this could be another way of quickly maintaining the proper stacking order for each page.

Yes, you can.

[jclements]

Its interesting to see what happens when the "footer" layers are rearranged.

Try putting the bottom code on top of the stack. The green rectangle has sort of a scrolling effect when the browser window is resized.

[covoxer]

And you break html consistency as well.

[darocket]

Hi all, its a bit late I know but is there a way of making this fixed footer work for DPX9? Thanks.

[Big Frank]

It already does.