D.R.Y. code: jquery ajax load

here is the content page (Load.aspx) ...

    6 <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    7     <style>

    8         .otherPage{border:solid 1px black; background:#eee; margin:5px; padding:5px;}

    9     </style>

   10     <script language="javascript">

   11         $(document).ready(function() {

   12             LoadHtml();

   13         });

   15         function LoadHtml() {

   16             $("#feeds").load("feeds.html");

   17         }

   18     </script>

   19 </asp:Content>

   20 <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

   21     <span>this is in load.aspx</span>

   22     <div id="feeds" class="otherPage" ></div>

   23 </asp:Content>

here is the feeds.html

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

    3 <head>

    4     <title></title>

    5 </head>

    6 <body>

    7     <div >

    8         <i>this is from feeds.html</i>

    9         <b>45</b> feeds found.

   10     </div>

   11 </body>

   12 </html>

the master page ....

    8     <script src="http://www.google.com/jsapi"></script>

    9     <script type="text/javascript">

   11         // Load jQuery

   12         google.load("jquery", "1.3.2");

   13         google.load("jqueryui", "1.7.1");

   14         google.load("yui", "2.7.0");

   16         google.setOnLoadCallback(function() {

   17             // Your code goes here.

   18         });

   19     </script>

result (Load.aspx) ...

this is in load.aspx

this is from feeds.html
45 feeds found.

Search