Passing URL parameters to iframe

Question

I would like to grab the parameters from a page that contains an iframe, and append the parameters to the src of the iframe.

Example:

PAGE CONTAINING IFRAME--

http://www.example.com/pref.html?c=%433r3jutlut9se%23&e=test%40example.com

IFRAME IN THE ABOVE PAGE--

<iframe id="myiframe" name="myiframe" src="prefcontent.aspx" frameborder="0" width="100%" height="800"></iframe> 

Here's one of the many things I've tried, which I thought would work in theory, but I had no luck with it:

<script language="javascript"> $(function() {      var loc = window.location.toString(),     params = loc.split('?')[1],     params2 = loc.split('&')[2],     iframe = $('#myiframe');      console.log(params);      iframe.src = iframe.src + '?' + params + '&' + params2;   }); </script> 

Answer 1

if your using jQuery you might want to strip down your code up:

$(function() {     var search = window.location.search;     $("#myiframe").attr("src", $("#myiframe").attr("src")+search); }); 

Use window.location.search; as it will snip off the hash tag at the end of the url and is a lot faster as it is native code.

Then use jQuery selectors to find and replace the attribute of src on the iframe, with it's current src plus the search acquired from this page.

Hope this helps.

Answer 2

You could append the querystring to the source of the iFrame

<script language="javascript">     var iframe = document.getElementById('myiframe');         iframe.src = iframe.src + window.location.search; </script>