Filter iframe report in a page with a custom function

Filter iframe report in a page with a custom function

hi guys, i've got 2 reports in a page, Report A and Report B. Report has a custom function button named "View". what i want to achieve is that whevener user click the "view" button on report A, automatically Report B will be filtered by the criteria on Report A on the same page.  i made both of the reports published.

below is the custom function code:
void CustomAction.viewallreport(WORK_ORDER_FORM recID)
{
}

and the code below is the page itself:

  2. <!doctype html>
  3. <html lang="en">
  4.   <head>
  5.     <title>Input and Output</title>
  6.     <!-- Required meta tags -->
  7.     <meta charset="utf-8">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  10.     <!-- Bootstrap CSS -->
  11.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
  12.   </head>
  13.   <body>
  14.     <div class="container">
  15.       <!-- Report A -->
  16.       <div class="col-6 mt-1 mb-4 ml-auto mr-auto">
  17.         <div class="embed-responsive embed-responsive-16by9">
  18.           <iframe class="embed-responsive-item" width="100%" frameborder='0' allowTransparency='true' scrolling='auto' src='https://creator.zohopublic.com/howard200/icon-production-version-2/report-embed/WORK_ORDER_MANAGEMENT/E8mZMfYrW8BtHvRaYu0HuukqabP7GWHnnhhWjEkz2TMj8pHXjtnX96D0bDbhJOkbuSubKtae62BvQJmuB3AUpPRd7q8WXdyHxQRZ'></iframe>
  19.   

  21.   
  22.         </div>
  23.       </div>
  24.       <!-- Report  B-->
  25.       <div class="col-6 mt-1 mb-1 ml-auto mr-auto">
  26.         <div class="embed-responsive embed-responsive-16by9">
  27.           <iframe name="test" class="embed-responsive-item" width="100%" frameborder='0' allowTransparency='true' scrolling='auto' src='https://creator.zohopublic.com/howard200/icon-production-version-2/report-embed/Services_Report1/zFAFOx8SpJ0Mg6f393TJayHNOn2YF00CABYUqZGh5puBSRPxvsWFBQ2wJsZrNMDCGA8y8OxxDAA1N8a9UO7zCYVOkFy2xA7jnFhD'></iframe>
  28.   

  30.         </div>
  31.       </div>
  32.       </div>
  33.   </body>
  34. </html>
but when i click the "view" button, it will always open a new window eventhough i've set the setting to iframe, are the settings correct?

thanks guys!

Jeff