Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <blockquote> <p>I actually just wanted to load a form that is created in another asp. page into the main content area...</p> </blockquote> <p>I fear that what you need is not <code>UpdatePanel</code> but rather "ordinary" AJAX loading that other page contents into some element.. using jQuery it's as simple as:</p> <pre><code>$("#OtherPagePanel").load("OtherPage.aspx"); </code></pre> <p>Where <code>OtherPagePanel</code> is the ID of some element in your <code>.aspx</code> code.</p> <p>You can pass parameters to the other page over the URL, if you need to Post data it's still possible but requires some extra lines - let us know in such case.</p> <p>Edit:</p> <p>In the placeholder where you want the data from other page to appear, have this:</p> <pre><code>&lt;div id="OtherPagePanel"&gt;&lt;/div&gt; </code></pre> <p>Have such link in the other placeholder: (no need in LinkButton, ordinary HTML link is enough)</p> <pre><code>&lt;a id="lnkShowOtherPage" href="#"&gt;Show other page&lt;/a&gt; </code></pre> <p>Now in the <code>&lt;head&gt;</code> section of your master page add this code and it's all done:</p> <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(function() { $("#lnkShowOtherPage").click(function() { $("#OtherPagePanel").load("OtherPage.aspx"); }); }); &lt;/script&gt; </code></pre> <p>You can also copy the <code>jQuery.min.js</code> file to your own server and change the <code>src</code> accordingly.</p> <p>Edit 2:</p> <p>In order to debug add such lines to the code, it will tell what went wrong:</p> <pre><code>&lt;script type="text/javascript"&gt; alert("JS code in general: OK"); $(function() { alert("Page load: OK"); $("#lnkShowOtherPage").click(function() { alert("Link click: OK"); $("#OtherPagePanel").load("OtherPage.aspx"); }); }); &lt;/script&gt; </code></pre> <p>Reload the page and let us know what alerts you get.</p> <p>Edit 3:</p> <p>Based on the previous debug results, have this code now:</p> <pre><code>&lt;script type="text/javascript"&gt; $(function() { $("#lnkShowOtherPage").click(function() { alert("OtherPagePanel length: " + $("#OtherPagePanel").length); alert("OtherPagePanel load: " + $("#OtherPagePanel").load); $("#OtherPagePanel").load("OtherPage.aspx"); }); }); &lt;/script&gt; </code></pre> <p>Edit 4 and hopefully last:</p> <p>In order to load different page into different <code>div</code> by clicking different button in addition to everything you already have, have such code:</p> <pre><code>&lt;script type="text/javascript"&gt; $(function() { $("#lnkShowOtherPage").click(function() { $("#OtherPagePanel").load("OtherPage.aspx"); }); $("#lnkShowDifferentOtherPage").click(function() { $("#DifferentOtherPagePanel").load("DifferentOtherPage.aspx"); }); }); &lt;/script&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload