Get parent page's hidden variable data in child iframe

Question

I have a web page inside which i have put an iframe. The iframe loads a pdf file after making few calculations. The calculations are carried out from server side code based on parameters which are stored in a hidden variable in the parent page.

this is the parent page html markup

    <iframe style="width:100%; height:100%;" id="iPdf"></iframe>
    <input type="hidden" id="hdnPrintRo" name="hdnPrintRo" value="1" />

The src of the iframe is set dynamically.

 $('#iPreRoPDf').attr('src', "PrintPDF.aspx?printid=" + printGuid);

This is how i try to access the hidden field from the page which is loaded in iframe(PrintPDF.aspx)

string a = Request.Form["hdnField"];

But i get null everytime.

How shall i get value of hidden field? Or shall i change the way i m fetching the value at server side.

http://stackoverflow.com/questions/935127/how-to-access-parent-iframe-from-javascript — Shekhar Pankaj, May 05 '15 at 07:12
Take a look at [this previous question](http://stackoverflow.com/q/1450286/1341692) — ddanone, May 05 '15 at 07:15

Keval Gangani · Accepted Answer · 2015-05-05T08:45:17.210

1

You can pass hidden field values as a query string in your iframe source URL.

$('#iPreRoPDf').attr('src', "PrintPDF.aspx?printid=" + printGuid + "&PrintRo=" + $('#hdnPrintRo').val());

As discuss with questioner:

Please try below Javascript to get hidden field value in PrintPDF.aspx page.

var getHdnFld = parent.document.getElementById('hdnPrintRo').value;

edited May 05 '15 at 08:45

answered May 05 '15 at 07:41

Keval Gangani

1,326
2
14
28

Thanks Dexterity, but cant do this. As the hidden variable will have a json string which stores 100's of parameters. – MARKAND Bhatt May 05 '15 at 08:27
I have updated my answer, Please try that logic in your `PrintPDF.aspx` page – Keval Gangani May 05 '15 at 08:46

Get parent page's hidden variable data in child iframe

1 Answers1