Load pages in DIV using JQuery

If you have a <DIV> in your HTML or ASP.NET page and want to load another page in that DIV, then here's how to do so using one line of jQuery code


<html xmlns="http://www.w3.org/1999/xhtml">


<head runat="server">


    <title></title>


    <style type="text/css">


    .divPage


    {


        width:300px;


        height:200px;


    }


    </style>


 


    <script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>


    <script type="text/javascript">


        $(document).ready(function() {


        $('#LoadPage').load('Default.aspx');


        });    


    </script>


</head>


<body>


    <form id="form1" runat="server">


    <div>


    <div id="LoadPage" class="divPage">


    </div>


    </div>


    </form>


</body>


</html>


7 comments:

  1. JacobMay 29, 2009 at 1:24 AM

    Is it possible to show a progress bar?

    ReplyDelete
  2. virenOctober 5, 2009 at 12:41 PM

    Hi,
    This is very infomative site,boss you are doing great job..
    thanks
    thank you very much....
    god bless you brother.

    ReplyDelete
  3. subheadJune 14, 2010 at 2:20 AM

    thanks for that short tutorial. this helps me a lot.

    ReplyDelete
  4. AnonymousNovember 22, 2010 at 10:28 PM

    Hi, is there a way to load data, because in my aspx, I fill a dropdownlist by code behind, and if I use $('#dvInc').load('Default.aspx'); it doesn't.

    ReplyDelete
  5. PalaashNovember 22, 2010 at 10:37 PM

    Why do you want to load a page inside a div which contains a dropdown. Why not load the dropdown directly inside the div?

    ReplyDelete
  6. clareJanuary 25, 2011 at 9:33 AM

    Doesnt seem to work in Chrome ...

    ReplyDelete
  7. AnonymousAugust 2, 2011 at 5:23 AM

    Such a shame it doesn't work in chrome!

    ReplyDelete