How to prevent fancybox opening

Question

0.00/5 (No votes)

See more:

Hello All,

I have gridview with link buttons on my page. If values are there linkbutton will be enable otherwise it will disable. If i click on link button, opening the values in jquery fancybox using javascript. My problem is if I click on disabled link button, even then also fancy box is opening with previous values. How can I over come this problem. Please help me...

Below is my Gridview code...

XML

 <ItemTemplate>                                                                    
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: <asp:LinkButton  runat="server" CssClass="modalbox" ID="lnkEmailFailed" Text='<%#Bind("EmailSentFailed")%>'
 önClick='<%# String.Format("javascript:return fnUserDetailsPopup(\"0}\",\"1}\")",Eval("FileID"),"EmailFailed")%>'>
</asp:LinkButton>
</div>
</ItemTemplate>

Script:

C#

function fnUserDetailsPopup(id,type) {
    $('.modalbox').fancybox
    (
    {
        'padding': 4,
        'width': 600,
        'height': 300,
        'scrolling': 'no',
        'type': 'iframe',
        'href': '../PopUps/UserCreadtedDetails.aspx?BulkFileId=' + id + '&type=' + type
    }
    );
    return false;
}

Posted 30-May-13 2:10am

NaVeN Kumar

Updated 30-May-13 2:11am

v2

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ankur^\m/ · Answer 1 · 2013-05-30T02:58:00

Solution 1

That happens because you have asked the popup to open everytime irrespective of the link is disabled or not.
To prevent this just add a check before opening the popup.
While calling pass the id/element to know which link button called it. And in the function, check if that link is disabled or not. I have not checked this code. It should work, but do use firebug and make adjustments if it doesn't work.

javascript:return fnUserDetailsPopup(\"0}\",\"1}\", this)",Eval("FileID"),"EmailFailed

JavaScript

function fnUserDetailsPopup(id,type,elem) {
    $('.modalbox').fancybox(
    {
      if($(elem).attr("disabled") != "disabled")
      {
        'padding': 4,
        'width': 600,
        'height': 300,
        'scrolling': 'no',
        'type': 'iframe',
        'href': '../PopUps/UserCreadtedDetails.aspx?BulkFileId=' + id + '&type=' + type
      }
    });
    return false;
}

Hope this helps!

Posted 30-May-13 2:58am

Ankur^\m/

Comments

NaVeN Kumar 31-May-13 0:58am

Hello Ankur,

I tried as you suggested but even then also fancybox is opening.

Ankur^\m/ 1-Jun-13 8:47am

Use firebug (or similar tools) and debug the javascript. See why it is not opening.

NaVeN Kumar 31-May-13 1:14am

I have disable link buttons in GridView if value is not present. When i click on disabled linkbutton script is also not firing.

Ankur^\m/ 1-Jun-13 8:48am

Are you using onClientClick event? That should still fire.

NaVeN Kumar 3-Jun-13 4:45am

Yes I am using onclientclick event... Script is not firing as they were disabled.

Ankur^\m/ 3-Jun-13 8:30am

Firstly, hit reply link rather than clicking 'have a question or comment' as it will maintain the thread structure.
I didn't write a code to check it but when I Googled, the first link - http://forums.asp.net/t/1176572.aspx/1 says just otherwise. I seems you have some other issue. Did you use Firebug? Is there any script error?

NaVeN Kumar 4-Jun-13 2:26am

Yes I used firebug and did not give any error... Script is not even firing if link is disabled but fancybox is opening with old values. I am not getting whats the mistake and suspecting that, we are opening on base of cssclass, so link is having that class and opening.

Ankur^\m/ 4-Jun-13 2:45am

Is there any other place where opening of the fancybox code is present? If not, this is the script that is firing. Firebug sometimes, doesn't hit the debuggers properly. Add debugger keyword at the start of the function and check.

How to prevent fancybox opening

1 solution

Solution 1

Add your solution here

Preview 0

How to prevent fancybox opening

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us