When I view-source I see that ASP.NET 2 has given the control:
lstActivities no id but a
name="ctl00$Con tentPlaceHolder $lstActivities"
How can I get the client-side id (or name) of a HTML element? (the id
that is seen by javascript). What should I put in between the server
tags: CheckStyle('<% %>') such that the div id="tdStyle" is displayed
when the ListBox has an item with text 'Awarded mandate'?
The function init runs when the page is loaded.
I realise that this can be done with server code but I have needed to
know the client-side ids of html elements in the past so I'll still
post the question.
<html>
<head>
<script type="text/javascript">
onload=init
function init()
{
CheckStyle('<% %>')
}
function CheckStyle(oSel )
{
document.getEle mentById('tdSty le').style.disp lay=(oSel.optio ns[oSel.selectedIn dex].text=='Awarded
mandate')?'bloc k':'none'
}
</script>
</head>
<body>
<asp:ListBox ID="lstActiviti es" runat="server"
AutoPostBack="T rue"
OnSelectedIndex Changed="lstAct ivities_Selecte dIndexChanged"
onblur="CheckSt yle(this)">
</asp:ListBox>
<div id="tdStyle" style="display: none;">
<strong>Style </strong><br /><br />
<asp:RadioButto nList ID="rblStyle" runat="server">
<asp:ListItem Text="Active" Value="A" />
<asp:ListItem Text="Passive" Value="P" />
<asp:ListItem Text="Unconstra ined" Value="U" />
<asp:ListItem Text="Undisclos ed" Value="N" />
</asp:RadioButton List>
</div>
</body>
</html>
