HTML & WEB-Design

Moderators: Jonathan
Number of threads: 1249
Number of posts: 3348

This Forum Only
Post New Thread
Single Post View       Linear View       Threaded View      f

Report
Dynamic Headers Posted by robellis52 on 22 Jan 2002 at 9:16 AM
How do you create dynamic headers without using frames?

The one on the page below follows you as you scroll up and down the screen. Its quite impressive, does anyone know how to do this?

http://www.belinea.com/include/zeigemonitor.asp?monitorid=322&sprachid=101&landid=81&lang=1

Report
Re: Dynamic Headers Posted by Secret_Doom on 22 Jan 2002 at 2:56 PM
Hi. I think I can do such a thing:
I'm putting the header as a DIV


<html>

<script Language="Javascript">
function refresh_pos () {
  header.style.top = document.body.scrollTop
  timer = setTimeout('refresh_pos()' , 1)
}
</script>

<body leftmargin=0 topmargin=0>
<div id="header"
style="POSITION:absolute ; BACKGROUND:#000066 ;
width:100% ; height:30 ; COLOR:#FFFFFF ;
FONT-FAMILY:Courier New ; TEXT-ALIGN:center">OPTIONS</div>
<p>text...<p>text...<p>text...<p>text...<p>text...
<p>text...<p>text...<p>text...<p>text...<p>text...
<p>text...<p>text...<p>text...<p>text...<p>text...
<p>text...<p>text...<p>text...<p>text...<p>text...
<p>text...<p>text...<p>text...<p>text...<p>text...
<p>text...<p>text...<p>text...<p>text...<p>text...
<p>text...<p>text...<p>text...<p>text...<p>text...
<p>text...<p>text...<p>text...<p>text...<p>text...
</body>

<script language="Javascript">
timer = setTimeout('refresh_pos()' , 1)
</script>

</html>



Is that what you wanted? Did it work on your browser?
If you need any further assistence, just ask !

-- Secret_Doom - Leonardo Pignataro --

secret_doom@hotmail.com
www.batch.hpg.com.br



: How do you create dynamic headers without using frames?
:
: The one on the page below follows you as you scroll up and down the screen. Its quite impressive, does anyone know how to do this?
:
: http://www.belinea.com/include/zeigemonitor.asp?monitorid=322&sprachid=101&landid=81&lang=1
:
:

Report
Re: Dynamic Headers Posted by robellis52 on 23 Jan 2002 at 1:58 AM
Brilliant, thanks a lot. I'm pretty new to HTML, so that would've taken me days. Cheers.

: Hi. I think I can do such a thing:
: I'm putting the header as a DIV
:
:
:
<html>
: 
: <script Language="Javascript">
: function refresh_pos () {
:   header.style.top = document.body.scrollTop
:   timer = setTimeout('refresh_pos()' , 1)
: }
: </script>
: 
: <body leftmargin=0 topmargin=0>
: <div id="header"
: style="POSITION:absolute ; BACKGROUND:#000066 ;
: width:100% ; height:30 ; COLOR:#FFFFFF ;
: FONT-FAMILY:Courier New ; TEXT-ALIGN:center">OPTIONS</div>
: <p>text...<p>text...<p>text...<p>text...<p>text...
: <p>text...<p>text...<p>text...<p>text...<p>text...
: <p>text...<p>text...<p>text...<p>text...<p>text...
: <p>text...<p>text...<p>text...<p>text...<p>text...
: <p>text...<p>text...<p>text...<p>text...<p>text...
: <p>text...<p>text...<p>text...<p>text...<p>text...
: <p>text...<p>text...<p>text...<p>text...<p>text...
: <p>text...<p>text...<p>text...<p>text...<p>text...
: </body>
: 
: <script language="Javascript">
: timer = setTimeout('refresh_pos()' , 1)
: </script>
: 
: </html>

:
:
: Is that what you wanted? Did it work on your browser?
: If you need any further assistence, just ask !
:
: -- Secret_Doom - Leonardo Pignataro --
:
: secret_doom@hotmail.com
: www.batch.hpg.com.br
:
:
:
: : How do you create dynamic headers without using frames?
: :
: : The one on the page below follows you as you scroll up and down the screen. Its quite impressive, does anyone know how to do this?
: :
: : http://www.belinea.com/include/zeigemonitor.asp?monitorid=322&sprachid=101&landid=81&lang=1
: :
: :
:
:




 

Recent Jobs

Official Programmer's Heaven Blogs
Web Hosting | Browser and Social Games | Gadgets

Popular resources on Programmersheaven.com
Assembly | Basic | C | C# | C++ | Delphi | Flash | Java | JavaScript | Pascal | Perl | PHP | Python | Ruby | Visual Basic
© Copyright 2011 Programmersheaven.com - All rights reserved.
Reproduction in whole or in part, in any form or medium without express written permission is prohibited.
Violators of this policy may be subject to legal action. Please read our Terms Of Use and Privacy Statement for more information.
Operated by CommunityHeaven, a BootstrapLabs company.