Home/ Questions/Q 9119635
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T05:26:36+00:00

I’m using an iframe as target for one of my forms. I need to

  • 0

I’m using an iframe as target for one of my forms. I need to transform the html of the iframe once the form is submitted. I tried using the onload event, but when the event is fired, my iframe does not have the html resulting from my form yet (right on the debugger breakpoint):

<html>
<head>
<title>Test</title>
</head>
<body>
    <script language="javascript">
        function loaded(){
            var lResponse = document.getElementById('results');
            debugger;
        }   
    </script>
    <div>
        <table>
            <tr>
                <td width="100%">
                    <form id="serverForm" target="results" <web:taskProcessorName attribute="action"  type="admin"/>>
                        <div>
                            <table>
                                <tr>
                                    <td>
                                        <div name="resultsDiv" id="resultsDiv" style="display: none">
                                            <iframe name="results" id="results" onload="loaded" frameborder="0"></iframe>                                           
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!-- Hidden Inputs -->
                        <input type="hidden" name="server" value="..." /> 
                    </form>
                </td>
            </tr>
        </table>
    </div>
    <script language="javascript">
        document.getElementById('serverForm').submit();
        document.getElementById('resultsDiv').style.display='block';        
    </script>
</body>
</html>

No 3rd party library – pure javascript.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I use the following instead and that seems to catch the event when the iframe html is set already:

    function lLoadFunc(){
    var lResponse = document.getElementById('results');
}

if(lResponse.addEventListener)
    lResponse.addEventListener('load', lLoadFunc, true);
    • 0