Iframe replace with div and pass the url to the div and load that.

Question

Hi All,

We have a requirement to replace iframe with div.

Currently two iframes in a page, 1st frame is for to show list of records(abc.aspx) and in 2nd frame is for to show details(efg.aspx) of each record.

we have removed that iframe and place two div tags, 1st div tag we are able to show list of records, but 2nd div is loading details of each record in new page.

Js:

function getListPage(url) {
            debugger;
           $('div[id$="pnlList"]').html('');

            }
        function getDetailsPage(url) {
            $('div[id$="pnlDetails"]').html('');
            }

Code Behind:

string script = "window.load = function() { getListPage('http://localhost:1111/Medical/Administration/abc.aspx'); };";
ClientScript.RegisterStartupScript(this.GetType(), "getListPage", script, true);
string script1 = "window.load = function() { getDetailsPage('http://localhost:1111/Medical/Administration/efg.aspx'); };";
ClientScript.RegisterStartupScript(this.GetType(), "getDetailsPage", script1, true);

Kindly please help us how to show both pages in same page in two different div i.e (div 1 for List of record and div 2 for details of each record)