Web Analytics Made Easy -
StatCounter How do i create a moving Table Like.. - CodingForum

Announcement

Collapse
No announcement yet.

How do i create a moving Table Like..

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How do i create a moving Table Like..

    How do i create a moving Table Like the one at this site.

    http://www.xxlmag.com/main/index_main.php

    If you look to the left of the page, the Menu moves up and down as you scroll up and down the page. How can i create that effect? Is there a script for that ?


    Appriciate the help...
    Thanks, You Guys Know Everything !!

  • #2
    It is DHTML with a layer that is repositioned
    I show how it is done with a watermark on this page


    http://www10.brinkster.com/A1ien51/S...tWaterMark.htm

    All you would need to do is add the code for the table into the divs and remove the pic and reposition it....
    Tech Author [Ajax In Action, JavaScript: Visual Blueprint]

    Comment


    • #3
      Thanks A1ien51, I appriciate the help.. I have a question though how to i get my object (image,table etc.) to stop at the bottem of the page like your does on your page. I implemented the script you gave me and made a few changes but now when i scroll down to the bottem of the page it just keeps going and going.

      Thanks again
      Thanks, You Guys Know Everything !!

      Comment


      • #4
        Post your code so I can see what you have done...I think I know how to fix it

        A1ien51
        Tech Author [Ajax In Action, JavaScript: Visual Blueprint]

        Comment


        • #5
          Just is case the error lies else where i'm going to paste the entire page

          <html>
          <head>
          <title>..::Extra Extra</title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          <style type="text/css">
          <!--
          .unnamed1 { text-decoration: overline blink; background-color: #00CCFF}
          -->
          </style>

          </head>

          <body bgcolor="#D3D3D3" text="#000000" link="#0000FF" onLoad="rndSlideShow(5000,0);seqSlideShow(5000,0)" vlink="#006666">
          <div align="center">
          <table width="759" border="1" cellspacing="0" cellpadding="0" bordercolor="#666666" height="90">
          <tr>
          <td height="85">
          <table width="759" border="0" cellspacing="0" cellpadding="0" height="86" bordercolor="#000000" bgcolor="#171717">
          <tr>
          <td align="left" valign="middle" width="324" height="80">
          <div align="right"></div>
          </td>
          <td align="left" valign="middle" width="109" height="80">&nbsp;</td>
          <td width="315" height="80">
          <div align="left"></div>
          </td>
          </tr>
          </table>
          </td>
          </tr>
          </table>

          <br>
          <table width="700" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" height="800">
          <tr>
          <td height="746" valign="top">
          <table width="700" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999" height="746">
          <tr valign="top" bgcolor="#0000FF">
          <td colspan="3" height="67">&nbsp;</td>
          </tr>
          <tr>
          <td height="0" valign="top" width="402">
          <p><font color="#CCCCCC">As seen on MTV.com</font></p>
          </td>
          <td height="0" valign="top" width="301">
          <div id=waterA1 style="Right: 0px; POSITION: absolute; TOP: 208px; Z-INDEX: 2; width: 297px; height: 641px; left: 443px">
          <table width="300" border="1" cellspacing="0" cellpadding="0" height="316" bordercolor="#666666">
          <tr>
          <td bgcolor="#666666" height="20">
          <div align="center"><font color="#00FF00">Read All About It
          !!! </font></div>
          </td>
          </tr>
          <tr>
          <td bgcolor="#FFFFFF" height="77"><font color="#FF0000"><font color="#333333"><font color="#FF0000"><a href="http://www.dreamzrreal.com/NellyVsKrs.htm">Nelly
          Vs KRS</a> </font></font><font size="2" color="#333333"> <b><font color="#000000">Round
          2:</font></b> The Heat Is On..Just when Hip-Hop heads thought
          that KRS-One finished him with his track &quot;Ovah Here&quot;,
          Nelly dusted himself off and came at the Blastmaster.... </font></font></td>
          </tr>
          <tr>
          <td bgcolor="#FFFFFF" valign="top" height="69"><font color="#FF0000"><a href="http://www.dreamzrreal.com/Rkelly.htm">R.Kelly
          :</a></font><font size="2"><b><font color="#000000">Latest
          Tapes Irrelevant To R. Kelly Investigation.</font></b> &nbsp;<font color="#000000">Chicago
          police have returned four alleged R. Kelly sex tapes to Orange
          County, Florida, police, after reviewing the material and
          deciding</font>.... </font></td>
          </tr>
          <tr>
          <td bgcolor="#FFFFFF" valign="top" height="72"><font color="#FF0000"><a href="http://www.dreamzrreal.com/Nas.htm">Nas:
          </a><font size="2" color="#000000"><b>Calls Cam'ron A 'Dummy,'
          Retracts Call To Steal Funkmaster Flex's Chain. </b>Concert
          boycotts, calling out other rappers, exposing alleged dirty
          radio politics and under-the-table payoffs....</font></font></td>
          </tr>
          <tr>
          <td bgcolor="#FFFFFF" valign="top" height="43"><font color="#FF0000"><a href="http://www.dreamzrreal.com/50Cent.htm">50
          Cent</a>:</font> <font size="2"><b><font color="#000000">50
          Cent Worth A Million To Dr. Dre And Eminem</font></b></font></td>
          </tr>
          <tr>
          <td bgcolor="#FFFFFF">&nbsp;</td>
          </tr>
          </table>
          </DIV>
          </td>
          <td height="145" valign="top" width="2">&nbsp;</td>
          </tr>
          <tr bgcolor="#999999">
          <td height="0" colspan="3">&nbsp; </td>
          </tr>
          <tr>
          <td bgcolor="#999999" height="10" colspan="3">
          <table width="700" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">
          <tr>
          <td>
          <table width="698" border="0" cellspacing="0" cellpadding="0">
          <tr valign="middle" bgcolor="#666666" align="center">
          <td width="140">
          <div align="center"><font color="#FF0000"><font size="2"></font></font></div>
          </td>
          <td width="140">
          <div align="center"><font color="#FF0000" size="2">Contact
          Info</font></div>
          </td>
          <td width="140">
          <div align="center"><font size="2"></font></div>
          </td>
          <td width="140">
          <div align="center"><font color="#FF0000" size="2">Comments</font></div>
          </td>
          <td width="140">
          <div align="center"><font color="#FF0000"><font size="2"></font></font></div>
          </td>
          </tr>
          </table>
          </td>
          </tr>
          </table>
          </td>
          </tr>
          </table>
          </td>
          </tr>
          </table>
          <br>
          <div align="right">
          <div align="center"> </div>
          </div>
          </div>
          <script>
          A1W = 30;
          A1H = 51;
          A1X = 59;
          A1Y = 48;
          RefreshRate = 20;
          if (!document.all) document.all = document;
          if (!document.all.waterA1.style) document.all.waterA1.style = document.all.waterA1;
          wA1 = document.all.waterA1.style;
          wA1.width = A1W;
          wA1.height = A1H;
          navDOM = window.innerHeight;

          function SetDef() {
          ExW = 0;
          ExH = 0;
          if (navDOM) {
          if (document.height > innerHeight) ExW = 20;
          if (document.width > innerWidth) ExH = 20;
          }
          else {
          innerWidth = document.body.clientWidth;
          innerHeight = document.body.clientHeight;
          }
          posX = ((innerWidth - A1W)-ExW) * (A1X/100);
          posY = ((innerHeight - A1H)-ExH) * (A1Y/100);
          }
          function FixPos() {
          wA1.left = posX + (navDOM?pageXOffset:document.body.scrollLeft);
          wA1.top = posY + (navDOM?pageYOffset:document.body.scrollTop);
          }
          function A1Me() {
          SetDef();
          A1ID = setInterval ("FixPos()",RefreshRate);
          }
          window.onload=A1Me;
          window.onresize=SetDef;
          </script>
          </body>
          </html>
          Last edited by illwill718; Jul 6, 2002, 03:27 PM.
          Thanks, You Guys Know Everything !!

          Comment


          • #6
            Well, uh... This most likely isn't related, but you need to double chekc your title tag.. you uh... put your title, and on the closing tag, you forgot the </

            Comment


            • #7
              Thanks but that was just a copy and paste error... Thanks anyway though..
              Thanks, You Guys Know Everything !!

              Comment

              Working...
              X