[thelist] fixed table header - scrolling table body

[.jeff]

joshua,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: Joshua Olson
>
> > it's two separate tables actually.  the headers are in
> > a table and the scrolling section is a table inside of
> > a div with a height and overflow set to auto.
>
> Are you sure about this?
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

yup, absolutely positive.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> The scroll bar seems to go to the top of the table
> header.  If you were correct, the scroll bar would stop
> at the top of body of the visible table.
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

unless they were using some sort of weird margins and/or the table header
were absolutely positioned.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> How did you check the HTML code?  Like was mentioned,
> the developers did a good job of making the code
> inaccessible via IE.  It doesn't seem to be in the
> browser cache anywhere.
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

i just messed around with javascript from the open dialog until i was able
to get what i wanted.  started by getting the url to the history page:

http://v4.windowsupdate.microsoft.com/en/history.asp?corporate=false&

there appears to be some js variables being passed to this page when it's
called though so it doesn't show anything when requested directly.  looking
at the source of the toolbar, there's a form with a single hidden input.
possibly that's coming into play as well.  nonetheless, when the full app is
displayed, this is the line of javascript that did the trick for me:

javascript:top.frames[2].document.oncontextmenu = null; void(0);

now right-click is enabled in the frame with the history file.

all i had to do was select all, right-click, and select an option called
"view partial source" which basically opens a window with the innerHTML or
outerHTML (can't remember) of the selected text range.

there's also some "magic" going on in the history.js file that's referenced
by the history.asp page:

view-source:http://v4.windowsupdate.microsoft.com/shared/js/history.js

there are also a couple of css files that play an important role in the
display of the page:

view-source:http://v4.windowsupdate.microsoft.com/shared/css/hcp.css
view-source:http://v4.windowsupdate.microsoft.com/shared/css/content.css

here's the culprit right here for the top of the scrollbar and the top of
the fixed header row being at the same height.

body.history td#eSortTableHeaderContainer table {
	position: absolute;
}

it's absolutely positioned, as i'd expected.

anyone that's interested in the source code as far as i've snagged it is
welcome to it.  just email me offlist.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> Oddly, this relates back to a conversation a couple days
> ago about hiding code.  Can anybody figure out how to
> get the code off the "installation history" page of this
> url?:
>
> http://v4.windowsupdate.microsoft.com/en/default.asp
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

see above.  choosing "save as..." > webpage complete was also pretty
enlightening.

.jeff

http://evolt.org/
jeff at members.evolt.org
http://members.evolt.org/jeff/