JSFiddle - React, Tailwind, and code Playground

by borcagos

HTML

<!DOCTYPE html>
  <html>
  <head>
    <meta http-equiv='X-UA-Compatible' content='IE=edge' />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style/grid.css">
    <title>Hello world</title>
  </head>
  <body>
    <input type="text" id="operation_id" value="operation_id"/> 
    <input type="button" id="buttonPOST" value=" Передать параметры"/>
  <hr>
    <div><iframe id="my_iFrame" src="http://10.10.0.117:8000/sap/bi/aas/rt/index.html?APPLICATION=TEST " width="100%" height="300px" align="left"></iframe></div> <!--!-->
    <script src="main.js" type="text/javascript" charset="utf-8"></script>
  </body>
  </html>

JavaScript

document.getElementById('buttonPOST').onclick = function (){
    //alert('buttonPOST');
    var id 			      = "my_ext_app_id"; // идентификатор внешнего приложения
    var _frame		    = document.getElementById('my_iFrame');//контейнер с DS приложенем
    var _op_id        = document.getElementById('operation_id').value; 
    var param_object = {
    	"id": id,
      "operation_id": _op_id
    };        
    _frame.contentWindow.postMessage(param_object);
 };