Hii have a link button i want close the div onclick But not able to disable postback or page is getting refreshedPlease help ltdiv id34dvFrame34 runat34server34 datacanzoom34yes34gt ltltbutton id34btnsave34 onclick34return hideDiv34gtSaveltbuttongtgt ltltinput type34button34 value34Click me34 onclick34javascript hideDiv34gtgt ltaspLi

Hi suhaas121You have to use OnClientClick instead of OnClick and need to add return statement before the function nameCheck this example Now please take its reference and correct your codeHTMLltaspLinkButton ID34lnkclose34 OnClientClick34return hideDiv34 runat34server34 CssClass34btn btndanger btnrounded btnicon34 Width3450px34 ToolTip34Close34gtlti class34fas fatimes34gtltigtltaspLinkButtongtltscriptgt function hideDiv return false ltscriptgtCodeCprotected void PageLoadobject sender EventArgs e lnkcloseAttributesAdd34onClick34 34return hideDiv34VBNetProtected Sub PageLoadByVal sender As Object ByVal e As EventArgs Handles MeLoad lnkcloseAttributesAdd34onClick34 34return hideDiv34End Sub

Disable page Postback on LinkButton Click using JavaScript in ASP.Net

suhaas12...

SOLVED CLOSED ACTIVE ANSWERED
User: suhaas121
Posted: on Oct 05, 2020 12:20 AM
Forum: JavaScript
Answer: 1
Views: 16404
Sample Code: Download

i have a link button i want close the div onclick. But not able to disable postback or page is getting refreshed.

Please help.

            <div id="dvFrame" runat="server"  data-canzoom="yes">
                <%--<button id="btnsave" onclick="return hideDiv();">Save</button>--%>
                <%--<input type="button" value="Click me" onclick="javascript: hideDiv();"/>--%>
                <asp:LinkButton ID="lnkclose" OnClick="hidediv(); return false;" runat="server" CssClass="btn btn-danger btn-rounded btn-icon" Width="50px" ToolTip="Close"><i class="fas fa-times"></i></asp:LinkButton>
                <%--<asp:Button ID="lnk" runat="server" Text="" CssClass="btn btn-primary btn-rounded btn-icon" Width="50px" OnClientClick="hidediv(); return false;" autopostback="false"/>--%>
                <iframe allowfullscreen="true" webkitallowfullscreen mozallowfullscreen oallowfullscreen
                    msallowfullscreen id="frameB" draggable="true" scrolling="yes" style="width: 99%;
                    max-width: 1500px;height:83vh"></iframe>
             </div>

<script>
    function hideDiv() {
        document.getElementById('dvFrame').style.display = 'none';
</script>

protected void Page_Load(object sender, EventArgs e)
{
    lnkclose.Attributes.Add("onClick", "hidediv(); return false;");
}

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Oct 05, 2020 12:21 AM
Modified: on Oct 05, 2020 12:44 AM
Report

Hi suhaas121,

You have to use OnClientClick instead of OnClick and need to add return statement before the function name.

Check this example. Now please take its reference and correct your code.

HTML

<asp:LinkButton ID="lnkclose" OnClientClick="return hideDiv();" runat="server"
    CssClass="btn btn-danger btn-rounded btn-icon" Width="50px" ToolTip="Close"><i class="fas fa-times"></i></asp:LinkButton>
<script>
    function hideDiv() {
        return false;
    }
</script>

Code

protected void Page_Load(object sender, EventArgs e)
{
    lnkclose.Attributes.Add("onClick", "return hideDiv();");
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    lnkclose.Attributes.Add("onClick", "return hideDiv();")
End Sub

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Disable page Postback on LinkButton Click using JavaScript in ASP.Net

Company

Explore

Follow us

Contact Us