Calling JavaScript from Asp.Net CodeBehind(Not a function)

Question

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" />

Waqas Raja · Accepted Answer · 2011-11-20 16:48:16Z

2

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();" />

answered Nov 20, 2011 at 16:48

Waqas Raja

10.9k4 gold badges35 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Icarus Over a year ago

+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.

coder Over a year ago

@Waqas-For button it dosen't work properly and If I use hyperlink it works well and what may be the reason for this?

Collectives™ on Stack Overflow

Calling JavaScript from Asp.Net CodeBehind(Not a function)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related