How to bind data of mysql from existing iframe into a new iframe on the same webpage

[Ramanjit]

Hi

I have perl script in which onclick the column in left panel iframe the data got binded with right panel that works perfect. but how can i now bind data to a new iframe on right side by click on the cloumn of iframe on left side. please let me know i will be thankful to you

 

[Kuncode]

To bind data to a new iframe on the right side in your Perl script, you can use JavaScript to handle the click event on the column in the left panel iframe, then use JavaScript to dynamically create the new iframe on the right side and populate it with the data you want to bind to it.

Here's an example code snippet to get you started:

<iframe id="left-panel-iframe" onclick="bindDataToRightIframe(event)">
  <!-- Left panel iframe content -->
</iframe>

<div id="right-side">
  <!-- Right side content -->
</div>

<script>
  function bindDataToRightIframe(event) {
    // Get the data to bind from the click event
    const data = event.target.innerHTML;

    // Create the new iframe
    const rightIframe = document.createElement("iframe");
    rightIframe.id = "right-panel-iframe";
    rightIframe.srcdoc = data;

    // Append the new iframe to the right side
    document.getElementById("right-side").appendChild(rightIframe);
  }
</script>

Next time share your code