...

View Full Version : How do i create a moving Table Like..



illwill718
07-04-2002, 06:16 AM
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...

A1ien51
07-04-2002, 06:26 AM
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/Scripts/BotWaterMark.htm

All you would need to do is add the code for the table into the divs and remove the pic and reposition it....

illwill718
07-05-2002, 03:36 AM
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

A1ien51
07-05-2002, 02:27 PM
Post your code so I can see what you have done...I think I know how to fix it

A1ien51

illwill718
07-05-2002, 09:49 PM
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>

Cloudski
07-05-2002, 11:46 PM
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 </

:p

illwill718
07-06-2002, 03:38 AM
Thanks but that was just a copy and paste error... Thanks anyway though..



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum