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> </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;">  ;</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>