Does anyone have a answer to this problem?
Is it possible to catch scrolling events and how?

Thanx

%%!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”%%
%%html%%
%%head%%%%head%%
%%body%%
%%div id=“title” style=“position:absolute; top:25px; height:30px; width:100%;padding-left:15px; background-color:#E4E4E4; z-index:100″%%
Do not show!
%%div%%
%%iframe id=“DivShim“
scrolling=“no“
frameborder=“0”
style=“position:absolute; top:0px; left:0px; display:none;”%%
%%iframe%%

%%div id=“region-contentBrowse”%%
%%table id=“filterTable” border=“0”%%
%%tr%%%%td%% %%td%%%%tr%%
%%tr%%%%td%% %%td%%%%tr%%
%%tr%%%%td%% %%td%%%%tr%%
%%tr%%%%td%% %%td%%%%tr%%
%%tr%%
%%td%%
%%div id=“selectbox”%%
%%select name=“SEL_IND” size=“1”%%
%%option value=“AC”%%Actief%%option%%
%%option value=“FU”%%Toekomstig%%option%%
%%option value=“HI”%%Historie%%option%%
%%option value=“AL”%%Alles%%option%%
%%select%%
%%td%%
%%div%%
%%tr%%
%%table%%
%%div%%
%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%
%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%
%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%%%br/%%
%%script type=“text/javascript”%%

floatingControlTop(document.getElementById(“title”),59);

function floatingControlTop(div, iOffset){
if (document.recalc && document.body.attachEvent){

div.style.setExpression(“top”, “document.body.scrollTop + ” + iOffset);
document.body.onscroll=function()
{
document.recalc(true);
DivSetVisible();
//WCH.Apply(‘title’,”, true);
document.recalc(true);
};
}
}
function DivSetVisible()
{
var DivRef = document.getElementById(‘title’);
var IfrRef = document.getElementById(‘DivShim’);

var selectRef = document.getElementById(‘selectbox’);

DivRef.style.display = “block”;
IfrRef.style.width = DivRef.offsetWidth;
IfrRef.style.height = DivRef.offsetHeight;

IfrRef.style.top = DivRef.style.top;
IfrRef.style.left = DivRef.style.left;
IfrRef.style.zIndex = DivRef.style.zIndex — 1;
IfrRef.style.display = “block”;
}

%%script%%
%%body%%
%%html%%

I’ve added a html example here (sorry for the ‘awfull’ code):

Do not show!

Actief
Toekomstig
Historie
Alles

floatingControlTop(document.getElementById(“title”),59);

function floatingControlTop(div, iOffset){
if (document.recalc && document.body.attachEvent){

div.style.setExpression(“top”, “document.body.scrollTop + ” + iOffset);
document.body.onscroll=function()
{
document.recalc(true);
DivSetVisible();
//WCH.Apply(‘title’,”, true);
document.recalc(true);
};
}
}
function DivSetVisible()
{
var DivRef = document.getElementById(‘title’);
var IfrRef = document.getElementById(‘DivShim’);

var selectRef = document.getElementById(‘selectbox’);

DivRef.style.display = “block”;
IfrRef.style.width = DivRef.offsetWidth;
IfrRef.style.height = DivRef.offsetHeight;

IfrRef.style.top = DivRef.style.top;
IfrRef.style.left = DivRef.style.left;
IfrRef.style.zIndex = DivRef.style.zIndex — 1;
IfrRef.style.display = “block”;
}

Can someone help me please? I would really appreciate your help! Thanks!

Greetz,
Erik

For our website we have a similar problem and the examples pushed me in the right direction but the problem still isn’t solved completely.

Our website uses a moving DIV menu so that this menu is always at the top of the page and the content can be scrolled underneath this menu. Directly under this menu we have a moving TITLE DIV (in the body of the html page). This DIV is used because the text in it changes with every page of the website. The content of our website contains dropdownlists and these windowed controls will appear through the moving DIV’s normally, but as i’ve learned here a moving IFRAME, directly underneath the TITLE (and menu ) DIV can be used to hide these windowed controls.

This all seemed to work well and it does when the scrollbar is scrolled with the left mouse button. IT DOESN’T WORK HOWEVER WHEN THE SCROLLBAR IS SCROLLED WITH THE MOUSE WHEEL!!! The window controls are NOT shown underneath the TITLE (and menu) DIV’s but when they are scrolled from the top to the bottom and back again underneath the TITLE div, the window control ( dropdown list) isn’t refreshed properly. The dropdown list sometimes isn’t shown at all and at other times it contains colors from the menu and/or TITLE DIV. How is this possible?

I tested it many times and the recalc(true) function is called thrice when the mouse wheel is scrolled minimally. The IFRAME is refreshed thrice underneath the TITLE DIV, but anyhow i get these strange results.

Can someone help me please?

Greetings,
Erik

If it doesn’t find the stylesheet, nothing happens, so you can just ignore it, and let people choose to have the stylesheet, without you needing to do anything special to maintain two separate bodies of code.

Oh, and this one will work in other browsers, if they add a title attribute to the stylesheet, which is nice for those of us who are going to have to hack on another test-case for N6/Flash6– (and it since it just uses a stylesheet we can do whatever sort of hiding object and replacing them with images we needed to).

http://www.infosauce.org/standards/IE5hiding2.html

Tim

http://www.infosauce.org/standards/WCH_tim.js

Tim

*such as having a showAll method, that hides all hiders, which could now be tracked by pushing them into an array, which could be a property of the class

**now the path to the hiding .css could be set in the calling page, by setting that property.

http://www.infosauce.org/standards/WCH_tim2.js

I took your idea and extended it to dynamically add the .WCHhider rule to existing style sheets. I’m preparing the write-up…