Please help. netscape issues with show/hide tables..

**Andrew Thompson** · Jul 23 '05, 02:08 PM

Re: Please help. netscape issues with show/hide tables..

On 1 Oct 2004 12:52:56 -0700, Zambien wrote:
[color=blue]
> Here is the html...[/color]

All 1600 broken lines of it.

In future, please provide a link, but before you do..

a) Validate your HTML, this is lacking the 'type' attribute..
<SCRIPT LANGUAGE="JavaS cript">, whereas this is potentially worse
<script language="javas cript1.1" src="js/source_popup.js "></script>

b) TRIM IT! Sheeesh.. You have four groups with 24
options, surely this problem manifests with 2 groups
of just 4 options. Much less code to look through, or
download.

c) Even if you were posting a short example direct to
the group, watch your line length, most news-clients
wrap lines at 72 chars, and while this sometimes does
not cause any problems, it often does.

Check here for tips on preparing examples for others to see.
<http://www.physci.org/codes/sscce.jsp>, and here..
<http://www.spartanicus .utvinternet.ie/help_us_help_yo u.htm>
(The first is more geared to Java, the second to HTML/CSS,
but both have tips that apply here..)

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.lensescapes.com/ Images that escape the mundane

**kaeli** · Jul 23 '05, 02:08 PM

Re: Please help. netscape issues with show/hide tables..

In article <633fb71.041001 1152.120369b3@p osting.google.c om>, zambien1977
@yahoo.com enlightened us with...[color=blue]
> Hi all,
>
> Here's my problem. I have tables that are using the menu/submenu idea
> for hiding rows. This works fine in IE (of course) and does show/hide
> correctly in netscape, but as soon as the shown method is called, the
> table gets skewed and the presentation of the data on the page goes
> horribly wrong. I don't think this is a table issue as I have spent
> alot of time staring at this code. Here is the html...
>[/color]

Oh, dear.
What version of Netscape? 4 and 7 are VASTLY different.
Have you tested in Firefox?
[color=blue]
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">[/color]

No URL for doctype throws browsers into quirks mode. This is usually not
desirable.
[color=blue]
>
> <html>
> <head>
>
> <title>Investme nt Transfer</title>
> <META HTTP-EQUIV="Expires" CONTENT="Mon, 03 Mar 1997 01:00:00 GMT">
> <META HTTP-EQUIV="pragma" CONTENT="no-cache">
> <script language="javas cript1.1">[/color]

The language attribute is deprecated. Use type.
type="text/javascript"
[color=blue]
>
> </script>
> <script language="javas cript1.1" src="js/ua.js"></script>
> <script language="javas cript1.1" src="js/styleLF.js"></script>
> <script language="javas cript1.1" src="js/source_popup.js "></script>
> <script language="javas cript1.1" src="js/prod_popup.js"> </script>[/color]

If your script needs any of these, it'll be pretty hard for us to test it
without it.

That said, trim this script down to a fully testable, SMALLER version that
demonstrates your problem so we can copy it and test it locally.
Trimming it down to the smallest thing needed to demonstrate the problem also
often finds the problem for you. Just make a small table and copy in the
javascript that shows and hides things. Leave off everything else.

1500 lines of code with a bunch of line breaks and functions that aren't
relevant to the problem is a bit hard for us to read, much less help you
debug.

--
--
~kaeli~
Murphy's Law #3020: Quality assurance doesn't.

http://www.ipwebdesign.net/wildAtHeart

http://www.ipwebdesign.net/kaelisSpace

**Adam McNeely** · Jul 23 '05, 02:08 PM

Re: Please help. netscape issues with show/hide tables..

Sorry about that folks! Here's the cut down html, with the changes you
recommended. Thanks for the help so far.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<title>Investme nt Transfer</title>
<META HTTP-EQUIV="Expires" CONTENT="Mon, 03 Mar 1997 01:00:00 GMT">
<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<SCRIPT LANGUAGE="JavaS cript1.1">

function expandMenu(prod code) {

var closed = new Image();
var opened = new Image();

closed.src = "images/select_button.g if";
opened.src = "images/select_disabled _button.gif";

if(prodcode == "9P") {
document.getEle mentById("menu_ row1_9P").src = opened.src;

document.getEle mentById("sm_ro w1_9P_0").style .display = "block";
document.getEle mentById("sm_ro w2_9P_0").style .display = "block";
// ensure radio button is not checked
document.getEle mentById("sm_ra dio_9P_0").chec ked = "";

}
else {
document.getEle mentById("menu_ row1_9P").src = closed.src;

document.getEle mentById("sm_ro w1_9P_0").style .display = "none";
document.getEle mentById("sm_ro w2_9P_0").style .display = "none";

}

if(prodcode == "P9") {
document.getEle mentById("menu_ row1_P9").src = opened.src;

document.getEle mentById("sm_ro w1_P9_0").style .display = "block";
document.getEle mentById("sm_ro w2_P9_0").style .display = "block";
// ensure radio button is not checked
document.getEle mentById("sm_ra dio_P9_0").chec ked = "";

}
else {
document.getEle mentById("menu_ row1_P9").src = closed.src;

document.getEle mentById("sm_ro w1_P9_0").style .display = "none";
document.getEle mentById("sm_ro w2_P9_0").style .display = "none";

}

if(prodcode == "G1") {
document.getEle mentById("menu_ row1_G1").src = opened.src;

document.getEle mentById("sm_ro w1_G1_0").style .display = "block";
document.getEle mentById("sm_ro w2_G1_0").style .display = "block";
// ensure radio button is not checked
document.getEle mentById("sm_ra dio_G1_0").chec ked = "";

}
else {
document.getEle mentById("menu_ row1_G1").src = closed.src;

document.getEle mentById("sm_ro w1_G1_0").style .display = "none";
document.getEle mentById("sm_ro w2_G1_0").style .display = "none";

}

}

function hideAllSubMenus () {

var closed = new Image();
var opened = new Image();

closed.src = "images/select_button.g if";
opened.src = "images/select_disabled _button.gif";

document.getEle mentById("menu_ row1_9P").src = closed.src;

document.getEle mentById("sm_ro w1_9P_0").style .display = "none";
document.getEle mentById("sm_ro w2_9P_0").style .display = "none";

document.getEle mentById("menu_ row1_P9").src = closed.src;

document.getEle mentById("sm_ro w1_P9_0").style .display = "none";
document.getEle mentById("sm_ro w2_P9_0").style .display = "none";

document.getEle mentById("menu_ row1_G1").src = closed.src;

document.getEle mentById("sm_ro w1_G1_0").style .display = "none";
document.getEle mentById("sm_ro w2_G1_0").style .display = "none";

document.getEle mentById("menu_ row1_9L").src = closed.src;

document.getEle mentById("sm_ro w1_9L_0").style .display = "none";
document.getEle mentById("sm_ro w2_9L_0").style .display = "none";

document.getEle mentById("menu_ row1_4U").src = closed.src;

document.getEle mentById("sm_ro w1_4U_0").style .display = "none";
document.getEle mentById("sm_ro w2_4U_0").style .display = "none";
}

function doOnLoad() {
//initArray();
hideAllSubMenus ();
clearOtherFrame s();
}

// End -->
</script>
</head>

<body onload="setFrmH eight();doOnLoa d()">
<form name="FundToFun dTransferForm" method="post" target="frame2"
action="fundToF und2.do">

<input type="hidden" name="src_code" value="">
<input type="hidden" name="prd_code" value="">
<input type="hidden" name="src_name" value="">
<input type="hidden" name="prd_name" value="">

<table border="0" cellspacing="0" cellpadding="0" >


<tr>
<td id="button_loca tion9P" colspan="7"><IM G SRC="images/spacer.gif"
HEIGHT=5 BORDER=0 ALT=""></td>
</tr>
<tr class="menu1">
<td align="left" colspan="2">&nb sp;</td>
<td width="80" align="left" valign="bottom" ><img id="menu_row1_9 P"
src="images/select_button.g if" onClick="handle SelectButton('9 P',
'button_locatio n9P')" border="0" /></td>
<td width="250" align="left"> <STRONG><a
href="javascrip t:prodPopUp('9P ')">T II S&P 500 LARGE STOCK
</a></STRONG></td>
<td width="80" align="left"><S TRONG>0.0</STRONG></td>

<td width="90" align="left"><S TRONG>$0.0</STRONG></td>
<td width="70" align="left"><S TRONG>0.0%</STRONG></td>
</tr>
<tr>
<td colspan="7"><IM G SRC="images/spacer.gif" WIDTH=400 HEIGHT=5
ORDER=0 ALT=""></td>
</tr>

<tr class="submenu" id="sm_row1_9P_ 0">
<td align="left" colspan="3">&nb sp;</td><td width="250"
align="left" valign="bottom" >

<input type="radio" name="nothing" value="*"
onclick="handle FromRadioButton ('9P', '*','T II S&P 500 LARGE STOCK
','ALL SOURCES ')" id="sm_radio_9P _0">

<STRONG>&nbsp ;
ALL SOURCES

</STRONG></td>
<td width="80" align="left">97 .6682</td>
<td width="90" align="left">$2 753.17</td>
<td width="70" align="left">&n bsp;</td>
</tr>
<tr class="submenu"
id="sm_row2_9P_ 0"><td>&nbsp ;</td><td> </td><td> </td><td>&nbsp
;</td><td> </td><td> </td><td> </td></tr>

<tr>
<td id="button_loca tionP9" colspan="7"><IM G SRC="images/spacer.gif"
HEIGHT=5 BORDER=0 ALT=""></td>
</tr>
<tr class="menu1">
<td align="left" colspan="2">&nb sp;</td>
<td width="80" align="left" valign="bottom" ><img id="menu_row1_P 9"
src="images/select_button.g if" onClick="handle SelectButton('P 9',
'button_locatio nP9')" border="0" /></td>
<td width="250" align="left"> <STRONG><a
href="javascrip t:prodPopUp('P9 ')">T III SIP SMALLER STOCK
</a></STRONG></td>
<td width="80" align="left"><S TRONG>0.0</STRONG></td>

<td width="90" align="left"><S TRONG>$0.0</STRONG></td>
<td width="70" align="left"><S TRONG>0.0%</STRONG></td>
</tr>
<tr>
<td colspan="7"><IM G SRC="images/spacer.gif" WIDTH=400 HEIGHT=5
ORDER=0 ALT=""></td>
</tr>

<tr class="submenu" id="sm_row1_P9_ 0">
<td align="left" colspan="3">&nb sp;</td><td width="250"
align="left" valign="bottom" >

<input type="radio" name="nothing" value="*"
onclick="handle FromRadioButton ('P9', '*','T III SIP SMALLER STOCK
','ALL SOURCES ')" id="sm_radio_P9 _0">

<STRONG>&nbsp ;
ALL SOURCES

</STRONG></td>
<td width="80" align="left">38 .0399</td>
<td width="90" align="left">$2 169.87</td>
<td width="70" align="left">&n bsp;</td>
</tr>
<tr class="submenu"
id="sm_row2_P9_ 0"><td>&nbsp ;</td><td> </td><td> </td><td>&nbsp
;</td><td> </td><td> </td><td> </td></tr>

</table>
</form>
</body>
</html>

*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

**Robert** · Jul 23 '05, 02:08 PM

Re: Please help. netscape issues with show/hide tables..

In article <415dd811$0$260 88$c397aba@news .newsgroups.ws> ,
Adam McNeely <zambien1977@ya hoo.com> wrote:
[color=blue]
> Sorry about that folks! Here's the cut down html, with the changes you
> recommended. Thanks for the help so far.[/color]

Got an error message the function setFrmHeight() was missing. I added a
dummy one.

Got error message
Error: document.getEle mentById("menu_ row1_G1") has no properties
Source File: file:///Users/mac/Desktop/Try/test.html
Line: 141

Robert

**Dr John Stockton** · Jul 23 '05, 02:09 PM

Please help. netscape issues with show/hide tables..

JRS: In article <633fb71.041001 1152.120369b3@p osting.google.c om>, dated
Fri, 1 Oct 2004 12:52:56, seen in news:comp.lang. javascript, Zambien
<zambien1977@ya hoo.com> posted :[color=blue]
>
> Here is the html...[/color]

If you want your code to be readily copied and tested, you MUST arrange
that no line is long enough for your sending software to break it,
either by narrowing your code or by widening the margin.

If you want your code to be widely read, you MUST, in addition to the
above, make your code lines no longer than about 76 characters, after
tab expansion.

You SHOULD NOT indent code in News by a tab per level, let alone 2,
since most of us are accustomed to two or three spaces per level, and
tabs expanded to 8 spaces. Some readers will not know how to set tabs
while reading, or be unable to; most will not want to bother.

It appears that some of your lines are indented with tabs, and some with
spaces.

Note that while Google may be [equal] best as a Web service for News, it
cannot be as good as well-written news software running, independent of
the Web, on one's own machine.

Your article is also far too long.

--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 IE 4 ©
<URL:http://www.jibbering.c om/faq/> JL/RC: FAQ of news:comp.lang. javascript
<URL:http://www.merlyn.demo n.co.uk/js-index.htm> jscr maths, dates, sources.
<URL:http://www.merlyn.demo n.co.uk/> TP/BP/Delphi/jscr/&c, FAQ items, links.

Please help. netscape issues with show/hide tables..

Please help. netscape issues with show/hide tables..

Comment

Comment

Comment

Comment

Comment