Question

I want to open a another page in <div></div> but when I do that it opens a new page.

I used iframe but that is discouraged, and it has scroll bars.

<div id="iframeLogin"><a href="first.php" target="_self">Link</a></div>

Is there anyway to open a page to this div?

I want it to autoload the page on to the DIV when I access the site.

Answer 1

You can use jQuery’s load method.

$(function() {
    $("#iframeLogin").load("first.php");
});

Note that if first.php is a complete HTML page, you’ll want to only load a portion of the page.

$("#iframeLogin").load("first.php #content");