I have it implemented via your plugin as below, it will only works if I downgrade your plugin:
Step 1: Include the following JavaScript files in your HTML:
1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
Please note, this first jQuery line is optional, and only needed if you don’t already have JQuery on the page. *** Introducing a second JQuery version could cause conflicts on the page ***
2. <script src="https://www.polygon.net/cgi/en/Js/jquery/plugins/jquery.ba-postmessage-custom.js"></script>
*** The jquery.ba-postmessage-custom.js include must be AFTER Jquery include ***
Step 2: Replace the current “iframe”, or simply add the following if this is a new install:
<div id="diamondIp"></div>
***This line should come after the JQuery and before the iFrame***
Step 3: Add the following JavaScript at the bottom on the page.
Please ensure to include your client ID below
<script type="text/javascript"> jQuery(document).ready(function() { var clientId = '153384'; var iFrameOriginalHeight = 750; var currentUrl = encodeURIComponent(document.location.href), frame_height, src = 'https://www.polygon.net/pog-diamond.ip.search-search.prep-en.jsa?ClientNo=' + clientId + '#' + currentUrl, // Append the iframe into the DOM. iframe = jQuery('<iframe src="' + src + '" width="100%" height="' + iFrameOriginalHeight + '" scrolling="no" frameborder="0"></iframe>').appendTo('#diamondIp'); jQuery.receiveMessage(function(e) { // Get the height from the passed data. var h = parseInt(e.data.replace(/.*frame_height=([0-9]+)(?:&|$)/, '$1')); if (!isNaN(h) && h > 0 && h !== frame_height) { // Height has changed, update the iframe. iframe.height(frame_height = h + 40); } }, "https://www.polygon.net"); }); </script>
