Menu
Hi i want to pass the value by calling the parent link page value to its iframe link page sample code is
<html>
<head>
<title>
</title>
<script>
function sendvalue(v){
alert(v);
}
</script>
</head>
<body>
<form id="f">
<input type="button" value="123" onclick="sendvalue(this.value)">
</form>
<iframe id="frame1" src="a.html" width="500px;"></iframe>
</body>
</html>
a.html
<html>
<head>
<title>
</title>
<script>
</script>
</head>
<body>
<h3> Frame</h3>
<form id="myform">
Req value <input type="text" name="a" id="a">
</form>
</body>
</html>
when i call sendvalue function then the value should pass to iframe link page in form for input field. how this can be achieved.
884
You can use postMessage in order to communicate between 2 iframe.
On the parent frame you need to grab the iframe's window with iframeEl.contentWindow.postMessage(value as a string, can be json.stringified value)
On the child frame you need to add event of type message, something like that:
window.addEventListener('message', function(dataPassed) {
//Your logic here.
})
For more info read that
63
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
