Hi all,
I have a user control that uses control literal to build
a heading with a link, and a div containing links below.
As the link heading is hit, I want to change the style of
the div, making it visible or not. Yep you guessed it,
expanding tree type functionality.
The header has an onclick event onclick='Doexpandcollapse
(Personal)'
The div is set as follows "<DIV> ID=Personal".
From the page load event in the user control I register a
client script block.
function Doexpandcollapse(whichElement)
{
whichElement.style.display=
(whichelement.style.display="none")?" ":"none";
}
I get an error Personal is undefined.
I have also tried document.all.Personal get the same error
I have also tried document.all.whichElement
none of them seem to be able to locate the DIV.
/*
<HEAD>
<title>DefaultPage</title>
<meta content="Microsoft Visual
Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript"
name="vs_defaultClientScript">
<meta
content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
<LINK href="IntranetStyleSheet.css"
type="text/css" rel="stylesheet">
</HEAD>
<body bottomMargin="0" topMargin="10">
<form name="Form1" method="post"
action="Default.aspx" id="Form1">
<input type="hidden" name="__VIEWSTATE"
value="dDwtODk2MzgzMTIzO3Q8O2w8aTwxPjs+O2w8dDw7bDx pPDE+Oz4
7bDx0PHA8cDxsPFBhZ2VJbmRleDtPdGhlckxpbmtzO090aGVyT Glua3NVc
mxzO0ltYWdlTGlua0xlZnRJbWFnZVVybDtJbWFnZUxpbmtMZWZ 0VmlzaWJ
sZTtVc2VyUGFnZXM7PjtsPGk8MD47QDxDb250ZW50O01haW50L lBhZ2U7R
GVsZXRlIFBhZ2U7PjtAPENvbnRlbnQuYXNweD9QYWdlSW5kZXg 9MDtNYWl
udFBhZ2UuYXNweD9QYWdlSW5kZXg9MDtEZWxldGVQYWdlLmFzc Hg/UGFnZ
UluZGV4PTA7PjsuLi9pbWFnZXMvdHJpbml0eV9sb2dvLmpwZzt vPHQ+O0B
UQ1MuQXBwbGljYXRpb25zLk5ldC50Y3NJbnRyYW5ldFBvcnRhb C5JbnRyY
W5ldFBhZ2UsIHRjc0ludHJhbmV0Q2xhc3NlcywgVmVyc2lvbj0 xLjAuMC4
wLCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPW51b Gw8YjxBQ
UVBQUFELy8vLy9BUUFBQUFBQUFBQU1BZ0FBQUVsMFkzTkpiblJ 5WVc1bGR
FTnNZWE56WlhNc0lGWmxjbk5wYjI0OU1TNHdMakF1TUN3Z1EzV nNkSFZ5W
lQxdVpYVjBjbUZzTENCUWRXSnNhV05MWlhsVWIydGxiajF1ZFd 4c0JRRUF
BQUF6VkVOVExrRndjR3hwWTJGMGFXOXVjeTVPWlhRdWRHTnpTV zUwY21Gd
VpYUlFiM0owWVd3dVNXNTBjbUZ1WlhSUVlXZGxCQUFBQUFad1l XZGxhV1F
PYzJWeGRXVnVZMlZ1ZFcxaVpYSVBiR1ZtZEdoaGJtUnRiMlIxY kdWekVIS
nBaMmgwYUdGdVpHMXZaSFZzWlhNQkFBWUdDQUlBQUFBR0F3QUF BQVJJYjI
xbDZBTUFBQWtFQUFBQUNRVUFBQUFSQkFBQUFBRUFBQUFHQmdBQ UFBQVJCU
UFBQUFFQUFBQUpCZ0FBQUFzPT47YjxBQUVBQUFELy8vLy9BUUF BQUFBQUF
BQU1BZ0FBQUVsMFkzTkpiblJ5WVc1bGRFTnNZWE56WlhNc0lGW mxjbk5wY
jI0OU1TNHdMakF1TUN3Z1EzVnNkSFZ5WlQxdVpYVjBjbUZzTEN CUWRXSnN
hV05MWlhsVWIydGxiajF1ZFd4c0JRRUFBQUF6VkVOVExrRndjR 3hwWTJGM
GFXOXVjeTVPWlhRdWRHTnpTVzUwY21GdVpYUlFiM0owWVd3dVN XNTBjbUZ
1WlhSUVlXZGxCQUFBQUFad1lXZGxhV1FPYzJWeGRXVnVZMlZ1Z FcxaVpYS
VBiR1ZtZEdoaGJtUnRiMlIxYkdWekVISnBaMmgwYUdGdVpHMXZ aSFZzWlh
NQkFBWUdDQUlBQUFBR0F3QUFBQVpRWVdkbElESFFCd0FBQ1FRQ UFBQUpCU
UFBQUJFRUFBQUFBUUFBQUFZR0FBQUFBQkVGQUFBQUFRQUFBQWt HQUFBQUN
3PT0+Oz47Pj47PjtsPGk8MT47aTwzPjtpPDU+Oz47bDx0PHA8c DxsPEltY
WdlVXJsOz47bDwuLi9pbWFnZXMvdHJpbml0eV9sb2dvLmpwZzs +Pjs+Ozs
+O3Q8cDxwPGw8VmlzaWJsZTs+O2w8bzxmPjs+Pjs+Ozs+O3Q8c DxwPGw8V
mlzaWJsZTs+O2w8bzxmPjs+Pjs+Ozs+Oz4+Oz4+Oz4+Oz4VjdJ yQDGO4uo
/blpMHMc/AvRcPg==" />
<P>
<TABLE id="Table2" cellSpacing="0" cellPadding="0"
width="100%" border="0">
<TR>
<TD noWrap><a
id="PageHeaderControl_ImageLinkLeft"><img
src="images/trinity_logo.jpg" border="0" /></a></TD>
<TD noWrap align="center"></TD>
<TD noWrap align="right"></TD>
</TR>
<tr>
<td height="5"></td>
</tr>
</TABLE>
<TABLE id="Table1" cellSpacing="0" cellPadding="0"
width="100%" border="0">
<TR>
<TD id="PageHeaderControl_tblcellPages"
align="left" width="1%"><table cellspacing="0"
cellpadding="5" border="0" style="width:100%;border-
collapse:collapse;">
<tr>
<td class="ActivePage" nowrap="nowrap"
align="Center"><a class="PageLink" href="default.aspx?
PageIndex=0">Home</a></td><td class="InactivePage"
nowrap="nowrap" align="Center"><a class="PageLink"
href="default.aspx?PageIndex=1">Page 1</a></td>
</tr>
</table></TD>
<TD class="InactivePage"
width="98%"> </TD>
<TD id="PageHeaderControl_tblcellMaint"
align="right"><table cellspacing="0" cellpadding="5"
align="Right" border="0" style="width:100%;border-
collapse:collapse;">
<tr>
<td class="InactivePage" nowrap="nowrap"
align="Center"><a class="MaintLink" href="Content.aspx?
PageIndex=0">Content</a></td><td class="InactivePage"
nowrap="nowrap" align="Center"><a class="MaintLink"
href="MaintPage.aspx?PageIndex=0">Maint.Page</a></td><td
class="InactivePage" nowrap="nowrap" align="Center"><a
class="MaintLink" href="DeletePage.aspx?
PageIndex=0">Delete Page</a></td>
</tr>
</table></TD>
</TR>
<TR>
<TD class="PagerBackground" colSpan="2"
height="4"></TD>
<TD class="PagerBackground"
height="4"></TD>
</TR>
</TABLE>
</P>
<P>
<LINK href="../../IntranetStyleSheet.css" type="text/css"
rel="stylesheet">
<TABLE class="Dialogue" id="Table1" cellSpacing="0"
cellPadding="10" width="100%" border="0">
<TR>
<TD class="PagerBackground" style="FONT-
WEIGHT: bold" align="center" height="20">Favourite
Links</TD>
<TD class="PagerBackground" align="right"
width="2%" height="20"><input type="submit"
name="Links1:btnClose" value="X" id="Links1_btnClose"
class="CloseButton" style="height:0px;width:20px;" /></TD>
</TR>
<TR>
<TD id=" " colspan="2"><h5
STYLE='COLOR:blue'><a STYLE='CURSOR: hand;'
onclick='DoExpandCollapse()'><IMG src='images/plus.jpg'
alt='Expand/Collapse Node' border='0'
height='10'></a> Personal</h5><DIV title = 'Yeh
right!' style=' display: none; ID='Personal'><LI style='
FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Arial;
LIST-STYLE-TYPE: disc'><a style='CURSOR: hand; COLOR:
blue; TEXT-DECORATION: none;'
href='http://www.microsoft.com' alt='Microsofts Web
Site'></a>MyLink</LI><LI style=' display: none; FONT-
WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Arial; LIST-
STYLE-TYPE: disc'><a style='CURSOR: hand; COLOR: blue;
TEXT-DECORATION: none;' href='http://www.microsoft.com'
alt='Microsofts Web Site'></a>MyLink1</LI><LI style='
display: none; FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-
FAMILY: Arial; LIST-STYLE-TYPE: disc'><a style='CURSOR:
hand; COLOR: blue; TEXT-DECORATION: none;'
href='http://www.microsoft.com' alt='Microsofts Web
Site'></a>MyLink2</LI><LI style=' display: none; FONT-
WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Arial; LIST-
STYLE-TYPE: disc'><a style='CURSOR: hand; COLOR: blue;
TEXT-DECORATION: none;' href='http://www.microsoft.com'
alt='Microsofts Web Site'></a>MyLink3</LI><LI style='
display: none; FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-
FAMILY: Arial; LIST-STYLE-TYPE: disc'><a style='CURSOR:
hand; COLOR: blue; TEXT-DECORATION: none;'
href='http://www.microsoft.com' alt='Microsofts Web
Site'></a>MyLink4</LI></DIV><h5 STYLE='COLOR:blue'><a
STYLE='CURSOR: hand;' onclick='DoExpandCollapse()'><IMG
src='images/plus.jpg' alt='Expand/Collapse Node'
border='0' height='10'></a> Test</h5><DIV title
= 'Yeh right!' style=' display: none; ID='Test'><LI
style=' FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY:
Arial; LIST-STYLE-TYPE: disc'><a style='CURSOR: hand;
COLOR: blue; TEXT-DECORATION: none;'
href='http://www.trinitypartner.com' alt='Trinity Partner
Web Site'></a>My Other Link</LI><LI style=' display:
none; FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY:
Arial; LIST-STYLE-TYPE: disc'><a style='CURSOR: hand;
COLOR: blue; TEXT-DECORATION: none;'
href='http://www.trinitypartner.com' alt='Trinity Partner
Web Site'></a>My Other Link1</LI><LI style=' display:
none; FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY:
Arial; LIST-STYLE-TYPE: disc'><a style='CURSOR: hand;
COLOR: blue; TEXT-DECORATION: none;'
href='http://www.trinitypartner.com' alt='Trinity Partner
Web Site'></a>My Other Link2</LI><LI style=' display:
none; FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY:
Arial; LIST-STYLE-TYPE: disc'><a style='CURSOR: hand;
COLOR: blue; TEXT-DECORATION: none;'
href='http://www.trinitypartner.com' alt='Trinity Partner
Web Site'></a>My Other Link3</LI></TD>
</TR>
<TR>
<TD class="Pagerbackground" align="right"
height="20"></TD>
<TD class="Pagerbackground" noWrap
align="right" width="2%" height="20"><a
id="Links1_HyperLink1">Maintain Links</a></TD>
</TR>
</TABLE>
<script language="javascript">
<!--
function DoExpandCollapse()
{
alert(document.all.Personal);
/* alert(whichElement.id);
alert(whichElement.style.display);
whichElement.style.display =
(whichElement.style.display)?"":"none";*/
}
//-->
</script>
<INPUT id="mybutton" type="button" value="Button">
</P>
</form>
</body>
*/
Any help would be appreciated.....Pete