How to get button element of asp.net in iframe?

Question

I have HTML page having iframe in it.

I am taking asp.net page in ifrmae. That asp.net page also have a master page.

I am not able to fetch button text of my asp.net page in my html page

please suggest javascript/jquery

Thanks in advance..

this is my iframe in my html page

<iframe runat="server" scrolling='no' frameborder='0' id="iframe1" style="width: 100%">

i am assigning path to iframe in this way

document.getElementById('iframe1').src = "default.aspx"

where button is in default.aspx..this page also have a master page

You want to access the button inside an iframe from an aspx page? — SAIndia
– SAIndia, Commented Jun 12, 2014 at 5:25
can you provide code for Button and Iframe. so we can know name and other attributes. — NiiL
– NiiL, Commented Jun 12, 2014 at 6:15

NiiL · Accepted Answer · 2014-06-12 06:46:38Z

1

KarthikManoharan is Leading you to the right way...

but what I suppose missing is, ID of the Button. Dynamically your Button ID is changed by the server every time you compile application.

So you need to prevent that first by adding ClientIDMode="Static" to your button. like :

<asp:Button ID="Button1" runat="server" Text="Button" ClientIDMode="Static" />

now you can access this button in your IFrame like:

 $('#iframe1').contents().find('#Button1')          // Access Button

 $('#iframe1').contents().find('#Button1').html()   // Return Text of Button

 $('#iframe1').contents().find('#Button1').click(function(){       });  // Events

Try this code. and let us know if you find any discrepancy.

answered Jun 12, 2014 at 6:46

NiiL

2,8371 gold badge29 silver badges37 bronze badges

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

1 Comment

Mayur Over a year ago

thanks for your response...html() is giving null and click is giving error access is denied..please suggest some thing

KarthikManoharan · Accepted Answer · 2014-06-12 10:15:21Z

1

try this one,

 $(document).ready(function () {
        document.getElementById("iframe1").src = "WebForm1.aspx";
        $('#iframe1').load(function () {
            var iframe = $('#iframe1').contents();

            iframe.find("#Button1").click(function () {
                alert("test");
            });
        });
    });

edited Jun 12, 2014 at 10:15

answered Jun 12, 2014 at 5:28

KarthikManoharan

8035 silver badges12 bronze badges

6 Comments

Mayur Over a year ago

no its not working..it is giving error access is denied

Mayur Over a year ago

hi i tried your code in other project..but problem is that in my project i am loading another project/solution...so i think i am getting error access is denied..please suggest

KarthikManoharan Over a year ago

where did you place the code in default.aspx or iframe placed page?

Mayur Over a year ago

in iframe placed page like this <script type="text/javascript" language="javascript"> $(document).ready(function () { $("input[type='button'][id$='btnSubmit']").click(function () { // alert(); $('#iframe1').contents().find('#ContentPlaceHolder1_btnback1').click(function () { alert('21212'); }); // $('#iframe1').contents().find(document.getElementById('ContentPlaceHolder1_btnback1')).click(function () { alert(); }); }); }); </script>

Mayur Over a year ago

still it is working only if page is in same project..i am loading page of another project

|

Collectives™ on Stack Overflow

How to get button element of asp.net in iframe?

2 Answers 2

1 Comment

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related