I am VERY new to this.... as in started digging yesterday.
I have a page, "TestPage.aspx" that includes the following javascript
in the <head> section.
///////////////////////////////////////////////
<script type="text/javascript" src="jquery/jquery-latest.js"></script>
<script type="text/javascript" src="jquery/thickbox.js"></script>
<style type="text/css" media="all">@import "css/thickbox.css";</style>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$('#form1 #AdminGroups1 > #pnlGroup
> :button').click(function()
{
tb_show("Be patient.","images/walkingBear.gif",null);
});
});
</script>
///////////////////////////////////////////////
Its <body> contains a user control....
///////////////////////////////////////////////
<body>
<form id="form1" runat="server">
<div>
</div>
<uc1:AdminGroups ID="AdminGroups1" runat="server" />
</form>
</body>
///////////////////////////////////////////////
In the user control, "AdminGroups.ascx" is a panel with various lists
and buttons.
///////////////////////////////////////////////
<asp:Panel ID="pnlGroup" runat="server" Visible ="true">
<table class="style1" bgcolor="#FFFFCC">
<tr>
blah blah
<td class="style7" colspan="2" style="text-align: center"
width="20%"
bgcolor="#FFCC99">
<asp:Button ID="btnAddUser" runat="server" Text="Add"
Width="66px" />
///////////////////////////////////////////////
I want to show a Thickbox when a button is clicked. I have been trying
various permutations of the selectors I found in the JQuery API to no
avail. Can someone help me write the function that will react to this?
$('#form1 #AdminGroups1 > #pnlGroup > :button').click(function()
{
tb_show("Be patient.","images/walkingBear.gif",null);
});
Thank you so much for your help,
Nancy
