up vote 1 down vote favorite

I need to know how can I call the below Javascript with a button click event in Asp.Net

<script type='text/javascript'>
        $("#various3").fancybox({
            'width': '75%',
            'height': '75%',
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'type': 'iframe'
        });
</script>

This is my normal Asp.Net button

<asp:Button ID="Button1" runat="server" Text="Button" />
share|improve this question
80% accept rate
feedback

1 Answer

up vote 2 down vote accepted

Wrap the code inside a function and call the function on client click event of the button.

<script type='text/javascript'>
   function createFancyBox() {
    $("#various3").fancybox({
        'width': '75%',
        'height': '75%',
        'autoScale': false,
        'transitionIn': 'none',
        'transitionOut': 'none',
        'type': 'iframe'
    });
    // include this line to stop the button to call the server side event
    return false;
  }
</script>

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return createFancyBox();" />
share|improve this answer
Thank you waqas it worked well! – coder Nov 20 '11 at 16:52
+1 but since the function will always return false and nothing ever will postback from the click of this button; i'd get rid of the asp:button control and just have a regular button element. – Icarus Nov 20 '11 at 17:22
@Waqas-For button it dosen't work properly and If I use hyperlink it works well and what may be the reason for this? – coder Nov 20 '11 at 17:28
feedback

Your Answer

 
or
required, but never shown
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.