I have the following code :
The lightbox_me.js can be found at
http://buckwilson.me/lightboxme/ . On this site is says you must reference jquery.js, I am referencing jquery.min.js . When I reference jquery.js I get errors within my javascript function below.
<script type="text/javascript" src='<%= Page.ResolveUrl("Resources/Shared/scripts/jquery/jquery.lightbox_me.js") %>'></script>
<script type="text/javascript" language="javascript" >
function BeforeClientContextHandler(node, itemText, itemID) {
$('#sign_up').lightbox_me({
centered: true,
onLoad: function() {
$('#sign_up').find('input:first').focus();
}
});
}
</script>
This function is called by a javascript function, it uses the function above to display the light box. The box appears as it should.
<div id="sign_up" style="display:none;background-color:red;" >
<input type="hidden" runat="server" id="hidValue" />
<h3 id="see_id" class="sprited" >Can I see some ID?</h3>
<span>Please sign in using the form below</span>
<div id="sign_up_form">
<label><strong>Username:</strong> <input class="sprited"/></label>
<label><strong>Password:</strong> <input class="sprited"/></label>
<div id="actions">
<asp:Button ID="btnReports" runat="server" OnClick="btnReports_Click" Text="Run Report" CausesValidation="false" />
</div>
</div>
<h3 id="left_out" class="sprited">Feeling left out?</h3>
<span>Don't be sad, just <a href="#">click here</a> to sign up!</span>
<a id="close_x" class="close sprited" href="#">close</a>
</div>
The asp button in the light box btnReports does not post back to the server to the event btnReports_Click . If I move the asp button outside the div box the btnReports buttons fires the click event.
Your help wouldbe much appreicated!