Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Code not working

Status
Not open for further replies.

extempore

Programmer
Jun 1, 2001
71
US
Hi all,

I am not sure if this question has to be posted here or in the HTML section. The issue seems to be small but I cant figure out y my code is not working. anyway..I have pasted my code here. Please save it as html file and try viewing it. I need to have the gifs moved to the place where the text "MOVE TAB HERE" appear. Can someone tell me what I should do? Thanks and reagrds. Please paste the code after correction so that I know where the correction was made. Thanks a bunch.

Code:

<HTML>
<HEAD>
<TITLE>Hotsauce POS</TITLE><LINK rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/photo.css&quot;><LINK rel=&quot;stylesheet&quot; href=&quot;css/ecoaStyles.css&quot; type=&quot;text/css&quot;>
<META http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<!-- BEGIN TABS CODE-->
<SCRIPT language=&quot;javaScript1.2&quot;><!--

var layerIndex2=new Array(&quot;right2a&quot;,&quot;right2b&quot;,&quot;right2c&quot;)

// initializes layers - run body onload

function setUp()
{
if(document.layers)
for(document.all=document.layers,x=0;x<document.all.length;x++)
document.all[x].style=document.all[x]
if(!document.all)
if(document.getElementsByTagName)
document.all=document.getElementsByTagName(&quot;div&quot;)
}


function changeLayer2(layerid)
{
for(x=0;x<layerIndex2.length;x++)
document.getElementById(layerIndex2[x]).style.visibility='hidden';
var hbar = document.getElementById(layerid);
hbar.style.visibility= &quot;visible&quot;;
}

// -->
</SCRIPT><!-- END TABS CODE-->
<!-- BEGIN SLOT 2 -->
</head>

<BODY bgcolor=&quot;#ffffff&quot;>
<DIV id=&quot;Layer1&quot; style=&quot;WIDTH: 752; HEIGHT: 453;&quot;>
<TABLE width=&quot;100%&quot; height=&quot;417&quot; border=&quot;0&quot; bordercolor=&quot;#ffffff&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<TR>
<TD align=&quot;left&quot; valign=&quot;top&quot;>
<TABLE width=&quot;100%&quot; height=&quot;76%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<TR>
<TD height=&quot;53&quot; align=&quot;left&quot; valign=&quot;top&quot;>
<TABLE width=&quot;756&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; style=&quot;height: 244px&quot;>
<TR>
<TD width=&quot;398&quot; valign=&quot;bottom&quot;>
</TD>
<TD width=&quot;354&quot;>
<P> </P>
<P>MOVE TAB HERE</P>
</TD>
</TR>
<TR>
<TD height=&quot;48&quot; colspan=&quot;6&quot; width=&quot;754&quot;>
<TABLE width=&quot;754&quot; height=&quot;186&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;WIDTH: 754px; HEIGHT: 186px&quot; bordercolor=&quot;#FF0000&quot; bordercolorlight=&quot;#E9967A&quot; bordercolordark=&quot;#E9967A&quot;>
<TR>
<TD width=&quot;53%&quot; align=&quot;left&quot; valign=&quot;top&quot;>
<div class=&quot;O&quot;>
 
</div>
<p align=&quot;center&quot;><span style=&quot;font-family:Verdana;
font-size:117%;color:red&quot;><b><font size=&quot;6&quot;>As Low as $4999</font></b></span></p>
</TD>
<TD width=&quot;47%&quot; align=&quot;left&quot; valign=&quot;top&quot;>
<DIV id=&quot;right2a&quot; style=&quot;VISIBILITY: hidden; POSITION: absolute&quot;>
<TABLE width=&quot;250&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<TR>
<TD colspan=&quot;3&quot; width=&quot;250&quot;><IMG src=&quot;i\Solutions1.gif&quot; alt=&quot;&quot; height=&quot;21&quot; width=&quot;250&quot; usemap=&quot;#right2&quot; border=&quot;0&quot;>
</TD>
<MAP name=&quot;right2&quot;>
<AREA shape=&quot;RECT&quot; coords=&quot;167,3,245,18&quot; href=&quot;#c&quot; onClick=&quot;changeLayer2('right2c');return false;&quot; alt=&quot;&quot;>
<AREA shape=&quot;RECT&quot; coords=&quot;85,4,163,19&quot; href=&quot;#b&quot; onClick=&quot;changeLayer2('right2b');return false;&quot; alt=&quot;&quot;>
<AREA shape=&quot;RECT&quot; coords=&quot;1,3,82,19&quot; href=&quot;#a&quot; onClick=&quot;changeLayer2('right2a');return false;&quot; alt=&quot;&quot;>
</MAP>

</TR>
<TR>
<TD valign=&quot;top&quot; bgcolor=&quot;#ffffff&quot; width=&quot;248&quot;>
<TABLE width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot;>
<TR>
<TD valign=&quot;top&quot; width=&quot;79&quot;><TEXTAREA border=&quot;0&quot; READONLY class=TA id=textarea1 style=&quot;WIDTH: 349; HEIGHT: 180&quot; name=textarea1 rows=7 wrap=on cols=55>Standard
TEXT for Standard</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id=&quot;right2b&quot; style=&quot;VISIBILITY: visible; POSITION: absolute&quot;>
<TABLE width=&quot;250&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<TR>
<TD colspan=&quot;3&quot; width=&quot;250&quot;><IMG src=&quot;i\Solutions2.gif&quot; alt=&quot;&quot; height=&quot;21&quot; width=&quot;250&quot; usemap=&quot;#right2&quot; border=&quot;0&quot;>
</TD>
</TR>
<TR>
<TD valign=&quot;top&quot; bgcolor=&quot;#ffffff&quot; width=&quot;248&quot;>
<TABLE width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot;>
<TR>
<TD valign=&quot;top&quot; width=&quot;79&quot;><TEXTAREA READONLY class=TA id=textarea1 style=&quot;WIDTH: 349; HEIGHT: 180&quot; name=textarea1 rows=7 wrap=on cols=55>All-In-1
TEXT for All-In-1</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>

</TABLE>
</DIV>
<DIV id=&quot;right2c&quot; style=&quot;VISIBILITY: hidden; POSITION: absolute&quot;>
<TABLE width=&quot;250&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<TR>
<TD colspan=&quot;3&quot; width=&quot;250&quot;><IMG src=&quot;i/Solutions3.gif&quot; alt=&quot;&quot; height=&quot;21&quot; width=&quot;250&quot; usemap=&quot;#right2&quot; border=&quot;0&quot;>
</TD>
</TR>
<TR>
<TD valign=&quot;top&quot; bgcolor=&quot;#ffffff&quot; width=&quot;248&quot;>
<TABLE width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot;>
<TR>
<TD valign=&quot;top&quot; width=&quot;79&quot;><TEXTAREA READONLY class=TA id=textarea1 style=&quot;width: 349; height: 180&quot; name=textarea1 rows=7 wrap=on cols=55>Customized
TEXT for Customized</TEXTAREA>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
<DIV id=&quot;dumm1&quot; style=&quot;VISIBILITY: hidden; WIDTH: 346px; POSITION: relative;
HEIGHT: 162px&quot;>
</DIV><!-- height is exact height of div --><!-- END SLOT 2 -->
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>
 
You want to have another table at the top of the page, and move the &quot;tab&quot; stuff from where it is into this table. That way, it will appear where you wish it to ...

(Sorry , I refuse to &quot;cut 'n' paste&quot; for you, as this will not teach you the skills you need).
 
Do I have to move my textarea also along with the tabs to the new table. I tried it then my alignment is messed up. If I lave the textarea and move just my tabs...the code does not work when I click on it. Since it relies on the DIV. Can you explain why it is doing it. thanks and regards.
 
You should be able to lift all the tab stuff out, and place it above, so your general structure will be :

<body>
<table>
<tr><td>
<table>
<!-- all the tab stuff -->
</table>
</td></tr>
<tr><td>
<table>
<-- all the other stuff -->
</table>
</td></tr>
</table>
</body>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top