Home/ Questions/Q 6209897
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T06:03:59+00:00

I have an iframe that I use to display HTML pages published from Excel.

  • 0

I have an iframe that I use to display HTML pages published from Excel. This iframe loads a document comprising a frameset, which in turn contains two frames. The bottom frame contains a tabstrip for sheets in the excel document, and I would like to place this at the top rather, where it is immediately visible to users.

My containing iframe:

<iframe name="excel-frame" src="@Url.Content(Model.RelativeHttpPath + "/BettingCards.htm")" width="100%" height="100%"></iframe>

The abridged BettingCards.htm document loaded into the above iframe:

<html>
    <frameset rows="*,39" border=0 width=0 frameborder=no framespacing=0>
        <frame src="bettingcards_files/sheet001.htm" name="frSheet">
        <frame src="bettingcards_files/tabstrip.htm" name="frTabs" marginwidth=0 marginheight=0>
            <noframes>
                <body>
                    <p>This page uses frames, but your browser doesn't support them.</p>
                </body>
        </noframes>
    </frameset>
</html>

I could, if tortured enough, achieve this by manipulating the DOM and rewriting the HTML file, but I would much rather just fire off some jQuery code when the page has loaded.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this

    $(function(){

 $("iframe[name=excel-frame]").load(function(){
   var iframeContents = $(this).contents();
   iframeContents.find("iframe[name=frTabs]").after(iframeContents.find("iframe[name=frSheet]"));
 });

});
    • 0