[jQuery] Hello and window.innerHeight
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=562443213-19072006><FONT face=Arial color=#0000ff size=2>Yes it
does. Using the Sitepoint example, there's a bar that shows up at the bottom of
the page when you first visit. I use IE for all my browsing and it works just
fine in IE.</FONT></SPAN></DIV>
<P><FONT size=2><!----------------//------<BR>andy matthews<BR>web
developer<BR>certified advanced coldfusion programmer<BR>ICGLink,
Inc.<BR>andy@icglink.com<BR>615.370.1530
x737<BR>--------------//---------></FONT> </P>
<BLOCKQUOTE>
<DIV class=OutlookMessageHeader dir=ltr align=left><FONT face=Tahoma
size=2>-----Original Message-----<BR><B>From:</B> discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com]<B>On Behalf Of
</B>DragonMails<BR><B>Sent:</B> Tuesday, July 18, 2006 6:25 PM<BR><B>To:</B>
jQuery Discussion.<BR><B>Subject:</B> Re: [jQuery] Hello and
window.innerHeight<BR><BR></FONT></DIV>for firefix. IE doesnt support the
fixed positioning :-\<BR><BR>
<DIV><SPAN class=gmail_quote>On 7/18/06, <B class=gmail_sendername>Will
Jessup</B> <<A
href="mailto:will@willjessup.com">will@willjessup.com</A>> wrote: </SPAN>
<BLOCKQUOTE class=gmail_quote
style="PADDING-LEFT: 1ex; MARGIN: 0pt 0pt 0pt 0.8ex; BORDER-LEFT: rgb(204,204,204) 1px solid">Rob,<BR><BR>Something
like sitepoint has, you mean?<BR><BR>I havn't tested it out, but I would
guess that <BR><BR>position:fixed;bottom:0px;<BR><BR>should work for
that...<BR>> Greetings from Adelaide South Australia,<BR>><BR>>
Firstly, I would like to congratulate John and the core group of<BR>>
developers for such an awesome <BR>> library, it is indeed a credit to
you.<BR>><BR>> Secondly, I would like to say thank you to everyone on
this list for<BR>> sharing their excellent plug-ins,<BR>> code
snippets and knowledge with us all. Although I do not have much <BR>>
experience with jQuery<BR>> and Java script in general at this stage, I
can offer this list my<BR>> experience with PHP, MySQL and<BR>>
Apache, and would be happy to assist anyone if need be. Please feel free
<BR>> to email me (off list).<BR>><BR>> Ok, now that I have sucked
up (LOL) I wonder if someone can help me with<BR>> the
following?<BR>><BR>> I found the code below at<BR>> <A
href="http://www.duoh.com/csstutorials/csstemplate/footer.js">http://www.duoh.com/csstutorials/csstemplate/footer.js</A><BR>><BR>>
It keeps the page footer in place at the bottom of a browser window
and<BR>> I was wondering if<BR>> jQuery has any methods to do it or,
if someone has made a plug-in for <BR>> this purpose and would<BR>> be
happy to share same?<BR>><BR>> Any assistance will be greatly
appreciated.<BR>><BR>> Thanks in advance...<BR>><BR>>
Rob<BR>><BR>>
<code><BR>><BR>>
function getWindowHeight()
{<BR>>
var windowHeight =
0;<BR>>
if (typeof(window.innerHeight) == 'number')
{<BR>>
windowHeight =
window.innerHeight;<BR>>
}<BR>>
else
{<BR>>
if (document.documentElement &&<BR>>
document.documentElement.clientHeight) {
<BR>>
windowHeight =<BR>>
document.documentElement.clientHeight;<BR>>
}<BR>>
else
{<BR>>
if ( document.body &&<BR>> document.body.clientHeight)
{<BR>>
windowHeight =<BR>>
document.body.clientHeight;<BR>>
}<BR>>
}<BR>>
}<BR>>
return
windowHeight;<BR>>
}<BR>>
function setFooter()
{<BR>>
if ( document.getElementById)
{<BR>>
var windowHeight =
getWindowHeight();<BR>>
if (windowHeight > 0)
{<BR>>
var contentHeight = <BR>>
document.getElementById('main').offsetHeight;<BR>>
var footerElement =<BR>>
document.getElementById('footer');<BR>>
var footerHeight = <BR>>
footerElement.offsetHeight;<BR>>
if (windowHeight -<BR>> (contentHeight + footerHeight) >= 0)
{<BR>><BR>> footerElement.style.position =
'relative';<BR>>
footerElement.style.top<BR>> = (windowHeight - (contentHeight +
footerHeight)) +
'px';<BR>>
}<BR>>
else {<BR>><BR>> footerElement.style.position =
'static';<BR>>
}<BR>>
}<BR>>
}<BR>>
}<BR>>
window.onload = function()
{<BR>>
setFooter();<BR>>
}<BR>>
window.onresize = function()
{<BR>>
setFooter();<BR>>
}<BR>><BR>> </code> <BR>><BR>>
_______________________________________________<BR>> jQuery mailing
list<BR>> <A
href="mailto:discuss@jquery.com">discuss@jquery.com</A><BR>> <A
href="http://jquery.com/discuss/">http://jquery.com/discuss/
</A><BR>><BR>><BR>><BR>><BR><BR><BR>--<BR>|||||||||||||||||||||||||||||||||||<BR>Will
Jessup<BR>c. 760 807
0850<BR><BR><BR>_______________________________________________<BR>jQuery
mailing list<BR><A
href="mailto:discuss@jquery.com">discuss@jquery.com</A><BR><A
href="http://jquery.com/discuss/">http://jquery.com/discuss/</A><BR></BLOCKQUOTE></DIV><BR></BLOCKQUOTE></BODY></HTML>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/