Passing In Javascript Values Into Iframe Tag

What's the best way to pass in the value held in a javascript variable into an iframe call on the same html page? I'm trying to improve my site's page response times by moving ad s

Solution 1:

The only way you can pass values directly to an iframe of a page with a different domain is through the url, as querystring values, anchors, or perhaps some form of rewriting. Even if it's on the same domain, that's probably the easiest and safest way to pass it.

Main document:

document.getElementById('IframeID').src = "somepage.html?seed=" + custom_seed;

Inner document:

var seed = window.location.search.substring(window.location.search.indexOf('seed=') + 5);
if (seed.indexOf('&') >= 0) {
    seed = seed.substring(0, seed.indexOf('&'));
}

Solution 2:

A simple away to get the value in iframe file :

document.getElementById("youfiled").value="";

And use the echo php $_GET['seed'];

inside of the coma element;

Solution 3:

Here's a neat workaround with no ugly url variables. While you can't send variables into an iframe, you can call a function to run.

Begin by programming a function in the destination page to receive and set the variable:

<scripttype="application/javascript">functionvariable(value) {
        var seed = value;
</script>

Then all you need to do is call the function from the origin page:

<scripttype="application/javascript">document.getElementById("IframeID").contentWindow.variable("value");
</script>