title: Alternative for iframes for jQuery ui tabs plugin - with support for postback
body: <p>Actually this is a more specific version of a question I posted in past regarding iframe -</p>
  
  <blockquote>
    <p><a href="https://stackoverflow.com/questions/6421989/iframe-good-or-bad-for-my-mvc-web-app-scenario">iframe good or bad for my MVC web-app scenario</a></p>
  </blockquote>
  
  <p>The above post ended up into being more inclined towards "iframes are bad" where as I was actually looking for a solid iframe equivalent (if iframes are really bad for my scenario). They almost hanged me :) but I was just trying to derive a better alternative. Some suggested me to consider an AJAX library which would bring the MVC processing on client-side, <strong>too complex</strong>. The post is still frozen.</p>
  
  <p>Anyway, let me simplify. I'm using jQuery UI tabs plugin to display a tab-view. I want to isolate the tab content pages because they manage (add\edit) separate entities. Each tab postback/validation has to be isolated - so that <strong>processing in a tab doesn't 'disturb' the other one</strong>. iframes are serving the purpose v.well and I've already handled the issues like session timeout, etc.. but experts say 'iframes are bad' so I've started looking for alternatives. Hope you've understood what I want - a replacement for iframe for isolated functionality.</p>
  
  <p>Here're some alternatives I've found -</p>
  
  <ol>
  <li><p><strong>jQuery UI tabs</strong> does allow dynamic loading if we specify it in Better alternative to an iframe?
  This was perfect until I got stuck into cross tab validation issues unlike iframe this is NOt isolated and postback in one tab tries to postback the whole page (i.e. all the tabs).</p></li>
  <li><p>For the problem mentioned in (1.) I came across a plugin which is able to limit the postback to a container. (<strong>jQuery UI tab + jquery-hyjack</strong>) Looks promising -
  <a href="http://code.google.com/p/jquery-hijack/" rel="nofollow noreferrer">http://code.google.com/p/jquery-hijack/</a></p></li>
  <li><p>I've got tons of solutions like inline <strong>rendering of tabs in DIV, server-side includes</strong>, etc.. but this takes me back to the original issue of isolation. Postback/validation of one tab triggers validation in other tabs. Also I don't like the idea of loading the whole page because of postback in a single tab (other tabs stay unaffected).</p></li>
  <li><p>Some say this works better then iframe -</p></li>
  </ol>
  
  <blockquote>
    <p>object
    classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13"
    type="text/html" data="xpto.html"
    width="300" height="300"></p>
  </blockquote>
  
  <p>(5.) I've gone thru some popular blogs, forums to find the issues of iframe like -
  <a href="http://www.mediacollege.com/internet/html/frames/pros-cons.html" rel="nofollow noreferrer">http://www.mediacollege.com/internet/html/frames/pros-cons.html</a> (its about frames but some of it applied to iframe as well)</p>
  
  <blockquote>
    <p>If I'm not concerned about SEO,
    linking/bookmarks and I've handled the
    iframe navigation, security and
    session timeout/redirection issues -
    do the iframes still disqualify for my
    scenario?</p>
  </blockquote>
  
  <p><strong>Please suggest and provide a worth solution.</strong></p>
  
  <p>Some links for iframe info:</p>
  
  <ul>
  <li><a href="http://www.webmasterworld.com/google/3569863.htm" rel="nofollow noreferrer">http://www.webmasterworld.com/google/3569863.htm</a></li>
  <li>pros &amp; cones: <a href="http://in.answers.yahoo.com/question/index?qid=20081106232754AA9a1SC" rel="nofollow noreferrer">http://in.answers.yahoo.com/question/index?qid=20081106232754AA9a1SC</a></li>
  <li>iframe support: <a href="http://www.webmaster-resources101.com/articles/view/417/" rel="nofollow noreferrer">http://www.webmaster-resources101.com/articles/view/417/</a></li>
  <li>iframe is in w3c: <a href="http://www.w3.org/TR/html4/present/frames.html#h-16.5" rel="nofollow noreferrer">http://www.w3.org/TR/html4/present/frames.html#h-16.5</a></li>
  </ul>