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

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)

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
put both the function inside a single function, though it may create issues on postback if you have such controls.
function getPage() {
            debugger;
           $('div[id$="pnlList"]').load('http://localhost:1111/Medical/Administration/abc.aspx');
            $('div[id$="pnlDetails"]').laod('http://localhost:1111/Medical/Administration/efg.aspx');
            }
ClientScript.RegisterStartupScript(this.GetType(), "getPage", script, true);