473,699 Members | 2,568 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

border of table lost when div in cell hidden

Hello here is my html, if you click the missing image in the first
column on the left, the div is shown, when clicked again the div
disappears...bu t the bottom border disappears as well...Is there anyway
to stop this...???
<HTML>
<HEAD>
<title>Confor m Inbox</title>
<meta content="False" name="vs_snapTo Grid">
<META http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<meta content="Micros oft Visual Studio .NET 7.1" name="GENERATOR ">
<meta content="C#" name="CODE_LANG UAGE">
<meta content="JavaSc ript" name="vs_defaul tClientScript">
<meta content="http://schemas.microso ft.com/intellisense/ie5"
name="vs_target Schema">
<script language="javas cript" src="Inbox.js"
type="text/javascript"></script>
<script language="javas cript">
<!--
function __doPostBack(ev entTarget, eventArgument) {
var theform;
if (window.navigat or.appName.toLo werCase().index Of("netscape") > -1)
{
theform = document.forms["Form2"];
}
else {
theform = document.Form2;
}
theform.__EVENT TARGET.value = eventTarget.spl it("$").join(": ");
theform.__EVENT ARGUMENT.value = eventArgument;
theform.submit( );
}
// -->
</script>
<script language="JavaS cript">
function HierarGrid_togg leRow(sender)
{
if(sender == null)
return;

var state = 1;

//if the hidden row has not already been generated, clone the panel
into a new row
var existingRow = window.document .getElementById (sender.id +
"showRow");
if (existingRow==n ull)
{
//getting a reference to the table
var table = GetParentElemen tByTagName(send er, "TABLE");
var index = GetParentElemen tByTagName(send er, "TR").sectionRo wIndex
+ 1;
//concatenate name of hidden panel => replace "Icon" from sender.id
with "Panel"\n
rowDivName = HierarGrid_Repl aceStr(sender.i d, "Icon", "Panel");
var rowDiv = window.document .getElementById (rowDivName);
//adding new row to table
var newRow = table.insertRow (index);
newRow.id = sender.id + "showRow";
//adding new cell to row
var newTD=document. createElement(" TD");
if(table.rows[0].cells[0].colSpan > 1)
newTD.colSpan = table.rows[0].cells[0].colSpan;
else
newTD.colSpan = table.rows[0].cells.length;
var myTD = newRow.appendCh ild(newTD);
//clone Panel into new cell
var copy = rowDiv.cloneNod e(false);
copy.innerHTML = rowDiv.innerHTM L;

copy.style.disp lay = "";
myTD.innerHTML = copy.innerHTML;
rowDiv.parentNo de.removeChild( rowDiv);

sender.src = HierarGrid_Repl aceStr(sender.s rc, "plus", "minus");
state = 1;
}
else
{
if (existingRow.st yle.display=="n one")
{
existingRow.sty le.display = "";
sender.src = HierarGrid_Repl aceStr(sender.s rc, "plus", "minus");
state = 1;
}
else
{
existingRow.sty le.display = "none";
sender.src = HierarGrid_Repl aceStr(sender.s rc, "minus", "plus");
state = 0;
}
}
ChangeRowState( sender, state);
}
function HierarGrid_Repl aceStr(orgStrin g, findString, replString)
{
pos = orgString.lastI ndexOf(findStri ng);
return orgString.subst r(0, pos) + replString + orgString.subst r(pos +
findString.leng th);
}
function GetParentElemen tByTagName(elem ent, tagName)
{
var element=element ;
while(element.t agName != tagName)
element = element.parentN ode;
return element;
}
function ChangeRowState( sender, state)
{
var table = GetParentElemen tByTagName(send er, "TABLE");
var hiddenfield = table.getAttrib ute("ExpandedCl ientIDsName");
var rowStates = document.getEle mentsByName(hid denfield)[0].value;

if(state == 1)
{
if(rowStates.in dexOf(sender.id ) == -1)
rowStates += ", " + sender.id;
}
else if(state == 0)
rowStates = rowStates.repla ce(sender.id, "");

document.getEle mentsByName(hid denfield)[0].value = rowStates;
}
</script>
</HEAD>
<body bottomMargin="0 " bgColor="#fffff f" leftMargin="0" topMargin="0"
rightMargin="0" marginwidth="0" marginheight="0 ">
<form name="Form2" method="post" action="default .aspx" id="Form2"
__smartNavEnabl ed="true">
<input type="hidden" name="HierarGri d_ExpandedIDs_H G1" value="" />
<div id="folders">
<table cellspacing="0" cellpadding="1" rules="all"
ExpandedClientI DsName="HierarG rid_ExpandedIDs _HG1" bordercolor="Bl ack"
border="1" id="HG1"
style="backgrou nd-color:White;bor der-color:Black;bor der-width:1px;borde r-style:None;font-family:Verdana, Arial,Helvetica ,sans-serif;font-size:10px;width :100%;border-collapse:collap se;">
<tr style="color:Wh ite;background-color:#0B6CCE;" >
<td>&nbsp;</td>
<td align="Center"> Req.<br/>Attn.</td><td align="Center"> Mail</td>
<td align="Center"> <a
href="javascrip t:__doPostBack( 'HG1$_ctl1$_ctl 0','')"
style="color:Wh ite;">Name</a></td>
<td align="Center"> <a
href="javascrip t:__doPostBack( 'HG1$_ctl1$_ctl 1','')"
style="color:Wh ite;">Issuer</a></td>
<td align="Center"> <a
href="javascrip t:__doPostBack( 'HG1$_ctl1$_ctl 2','')"
style="color:Wh ite;">Date Issued <img
src="../images/tree/ElementArrowDow n.jpg" border="0" /></a></td>
<td align="Center"> Info</td>
</tr>
<tr
style="color:Bl ack;background-color:#EEEEEE;b order-color:#999999;" >
<td>
<img id="HG1__ctl2_I con"
onClick="javasc ript:HierarGrid _toggleRow(this );"
src="../../Conform/images/plus.gif" border="0" />
<div id="HG1__ctl2_P anel" class="HierarGr id_Item"
style="display: none">
<div id="HG1__ctl2_P anel_Table1">
<img src="../images/sp.gif" border="0" height="3" />
<table cellspacing="0" cellpadding="1" rules="all"
bordercolor="#9 99999" border="0"
id="HG1__ctl2_C hildTemplate_Ta ble1_DG1"
style="backgrou nd-color:White;bor der-color:#999999;b order-width:0px;borde r-style:None;font-family:Verdana, Arial,Helvetica ,sans-serif;font-size:9px;width: 100%;border-collapse:separa te">
<tr style="color:Wh ite;background-color:#4791DA;" >
<td
style="color:Wh ite;background-color:White;bor der-color:White;wid th:14px;">&nbsp ;</td>
<td align="Center" style="width:50 px;">Status</td>
<td align="Center" style="width:50 px;">Doc<br/>Type</td>
<td>Name</td><td style="width:10 0px;">Revision No.</td>
<td align="Center" style="width:50 px;">Doc<br/>Desc</td>
<td align="Center" style="width:50 px;">Info</td>
</tr>
<tr style="color:Bl ack;background-color:#EEEEEE;" >
<td
style="color:Wh ite;background-color:White;bor der-color:White;wid th:14px;"></td><td
align="Center" style="width:50 px;">
<img src="../images/xclam_sm.gif"/>
</td>
<td align="Center" style="width:50 px;">
<img src="../images/check.gif"/>
</td>
<td>
<a id="HG1__ctl2_C hildTemplate_Ta ble1_DG1__ctl2_ ViewDoc"
href="javascrip t:__doPostBack( 'HG1$_ctl2$Chil dTemplate_Table 1$DG1$_ctl2$Vie wDoc','')">bast ard</a>
</td>
<td align="Center" style="width:10 0px;">1</td>
<td align="Center" style="width:50 px;">
<img src="../images/history.gif" alt="Document Description :
asdfdsaffdsRevi sion Description : asdfdsaffds" />
</td>
<td align="Center" style="width:50 px;">
<img src="../images/info.gif" alt="Document Creation Date :
07-12-2004 10:02:13 Revision Creation Date : 07-12-2004 10:02:13" />
</td>
</tr>
<tr style="color:Bl ack;background-color:Gainsboro ;">
<td
style="color:Wh ite;background-color:White;bor der-color:White;wid th:14px;"></td>
<td align="Center" style="width:50 px;"><img
src="../images/xclam_sm.gif"/></td>
<td align="Center" style="width:50 px;"><img
src="../images/test.gif"/></td>
<td><a id="HG1__ctl2_C hildTemplate_Ta ble1_DG1__ctl3_ ViewDoc"
disabled="disab led">capitalsRa ndom&All</a></td>
<td align="Center" style="width:10 0px;">1</td>
<td align="Center" style="width:50 px;"><img
src="../images/history.gif" alt="Document Description : asdfsadRevision
Description : asdfsad" /></td>
<td align="Center" style="width:50 px;"><img
src="../images/info.gif" alt="Document Creation Date : 07-12-2004
12:01:35Revisio n Creation Date : 07-12-2004 12:01:35" /></td>
</tr>
</table>
<img src="../images/sp.gif" border="0" height="3" />
</div>
</div>
</td>
<td align="Center">
<input name="HG1:_ctl2 :distrec" id="HG1__ctl2_d istrec" type="hidden"
value="15" /></input>
<asp:Label ID="flash1"><im g
src="../images/exclamation_hig h.gif"/></asp:Label>
</td>
<td align="Center">
<a href='mailto:yu ***@yahoo.co.uk '><img src="../images/mail.gif"
border="0" /></a>
</td>
<td align="Center"> first1</td>
<td align="Center"> ma***********@h iteclabs.co.uk</td>
<td align="Center"> 07-12-2004 15:34:31</td>
<td align="Center">
<img src="../images/info_blue2.gif" alt='Source : asdf On Behalf Of
: asdf Date Created : 07-12-2004 15:34:22' />
</td>
</tr>
</table>
</div>
<script language="JavaS cript">
var HierarGrid_Expa ndedIDs_HG1 =
(document.getEl ementsByName("H ierarGrid_Expan dedIDs_HG1")[0]).value.split(" ,
");
for(var index = 0; index < HierarGrid_Expa ndedIDs_HG1.len gth; index++)
{
if(HierarGrid_E xpandedIDs_HG1[index] != null &&
HierarGrid_Expa ndedIDs_HG1[index] != "")
HierarGrid_togg leRow(document. getElementsByNa me(HierarGrid_E xpandedIDs_HG1[index])[0]);
}
</script>
</form>
</body>
</HTML>

Jul 21 '05 #1
0 2729

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
14779
by: Rolf Brauser | last post by:
Hi, I want to have a table with a border of 1px arround it but table="1" is more than a pixel because this 3d effect is attached. Values below are not accepted How can I get this border with 1px can someone give me any hints ? thanks for any help
0
812
by: yurps | last post by:
Hello here is my html, if you click the missing image in the first column on the left, the div is shown, when clicked again the div disappears...but the bottom border disappears as well...Is there anyway to stop this...??? <HTML> <HEAD> <title>Conform Inbox</title> <meta content="False" name="vs_snapToGrid">
7
10872
by: jeff | last post by:
Doing this: td{border: 1px solid black} gives me 2px borders on adjacent cells. How do I get the same size border on inside cell walls as outside, much as <table border="1" cellspacing="0"> would give. A courtesy copy to my email would be appreciated (I'm on Google News at the moment).
3
1068
by: ireneatngs | last post by:
Hi, I have example html below which contains a couple of hidden divs. However, some of the table borders within these hidden divs are actually displayed when they should not be. In my example, I have comments indicating that if I remove the 'border-collapse' attribute for two of the tables within the hidden divs, my problem is fixed.
7
41731
by: Bob Bedford | last post by:
I've an image in a cell of a table. I've this CSS: ..dbtable{ width: 600px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-collapse: collapse; border: 1px solid #000000;
23
52125
by: Bob Bedford | last post by:
I've a table. The table must not have any border. The TR (every line) must have a border, but not the lines between cells. The TR.pages must have no border. so .mytable{border:0px;} ..mytable tr{border:1px solid #000000;} ..mytable th{border:0px;}
2
5290
by: Jon | last post by:
Hi all, I am trying to create a page that contains a number of div elements, with links on the left side of the page allowing the user to select which div to display. Some of the pages contain tables with border styles used to block off the columns and the headers, but not the individual rows. The pages will be displayed using IE 5.5 and later in the finished app. Now to the problem, which is a little awkward to describe:
3
58251
by: effendi | last post by:
Hi Can any tell me what is the javascript equivalent of CSS border? I would like to change the border of my cell when it is set on focus. I have tried onFocus="style.border='3px'" but it is not working. Thanks
2
4957
by: dschectman | last post by:
This appears to be a feature of IE JavaScript. I am running IE 6.0 with the latest patches from Microsoft. Are there any workarounds other than re-coding the source HTML to place all the non-visible columns at the front? I have a page with a dynamic table. The table has some visible columns and some non-visible columns. The style "hide" is .hide { display:none; } <table id="SelectedList">
0
8705
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8623
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
1
8941
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
7785
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6549
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5881
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4637
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3071
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2015
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.