onclick function with iframes

Question

i have this in left frame and i want the result in other frame and i tried a lot but nothing work for me , any help with that?

<script type="text/javascript">
    function goToPage() {
        var page = document.getElementById('datepicker').value;
        window.location = "http://example.com";
    }
</script>

<p><b><font color="#FF0000" size="4">Date:</font></b> 
<input type="text" id="datepicker" size="20" name="datepicker" value="Date Field" maxlength="8"><input type="submit" value="submit" onclick="goToPage();" /></a></p>

Possible dup: http://stackoverflow.com/questions/7027799/access-elements-of-parent-window-from-iframe — Hackerman, Feb 28 '14 at 20:46

score 0 · Answer 1 · answered Feb 28 '14 at 20:53

You need a reference to the iframe where you want to load the url.

Assuming your target iframe id is 'targetIframe' and that jQuery is loaded on all iframes, you could do this from another iframe:

var iframe = window.top.$('#targetIframe');
iframe.attr('src', url);

You could also do:

iframe.contentWindow.location = url;

onclick function with iframes

1 Answers1