使用JQUERY Tabs插件宿主IFRAMES

核心提示： 真正神奇的地方是css代码，我设置body 的margin 为0，使用JQUERY Tabs插件宿主IFRAMES(5)，设置overflow 为hidden，防止scrollbars 出现在页面的body上，正如你将看到以下的隐藏代码，使用Literal的目的是允许后台代码注入东西到IFRAM

真正神奇的地方是css代码，我设置body 的margin 为0，设置overflow 为hidden。防止scrollbars 出现在页面的body上。

IFRAME的scrolling设置为auto，因此，如果需要滚动条，也只有IFRAME提供给它。因为在IFRAME的周围有大量不好看的空白空间，将margins 也设置为0，IFRAME的height和width被设置成100%，来确保网页内容占尽可能多的空间。请注意html标签中使用了Literal控件。正如你将看到以下的隐藏代码，　使用Literal的目的是允许后台代码注入东西到IFRAME元素中，它能构建了正确的querystring的ID和Path参数。

using　System;
using　System.Data;
using　System.Configuration;
using　System.Collections;
using　System.Web;
using　System.Web.Security;
using　System.Web.UI;
using　System.Web.UI.WebControls;
using　System.Web.UI.WebControls.WebParts;
using　System.Web.UI.HtmlControls;
namespace　HomeSite
{
　　　　///　<summary>
　　　　///　Content　Loader　code　behind　class
　　　　///　</summary>
　　　　public　partial　class　ContentLoader　:　System.Web.UI.Page
　　　　{
　　　　　　　　///　<summary>
　　　　　　　　///　On　Page　Load　we　need　to　capture　query　string　parameters,　construct
　　　　　　　　///　an　IFRAME　element,　and　inject　the　IFRAME　element　into　our　Literal　control
　　　　　　　　///　</summary>
　　　　　　　　///　<param　name="sender"></param>
　　　　　　　　///　<param　name="e"></param>
　　　　　　　　protected　void　Page_Load(object　sender,　EventArgs　e)
　　　　　　　　{
　　　　　　　　　　　　string　id　=　"";
　　　　　　　　　　　　string　path　=　"";
　　　　　　　　　　　　//　Validate　we　have　valid　querystring　parameters
　　　　　　　　　　　　//　namely　"ID"　and　"Path"
　　　　　　　　　　　　if　(HasValue(Request["ID"])　&&　
　　　　　　　　　　　　　　　　HasValue(Request["Path"]))
　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　//　Set　our　local　variables
　　　　　　　　　　　　　　　　id　=　Request["ID"].Trim().ToString();
　　　　　　　　　　　　　　　　path　=　Request["Path"].Trim().ToString();
　　　　　　　　　　　　　　　　//　Prepend　the　path　URL　with　http://　if　needed
　　　　　　　　　　　　　　　　if　(!path.ToLowerInvariant().StartsWith("http://"))
　　　　　　　　　　　　　　　　　　　　path　=　"http://"　+　path;
　　　　　　　　　　　　　　　　//　Construct　the　IFRAME　element　and　set　the　Text　value　of　the　Literal　control
　　　　　　　　　　　　　　　　Literal1.Text　=　"<iframe　class=\"contentsIframe\"　"　+　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　"id=\"contentFrame"　+　id　+　"\"　"　+　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　"frameborder=\"0\"　src=\""　+　path　+　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　"\"></iframe>";
　　　　　　　　　　　　}
　　　　　　　　　　　　else
　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　//　Either　query　parameter　or　both　are　not　set　or　do　not
　　　　　　　　　　　　　　　　//　exist　(not　passed　as　request　parameters)
　　　　　　　　　　　　　　　　Literal1.Text　=　"<span　id=\"contentFrame\">An　"　+　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　"error　occurred　while　attempting　to　load　a　web　page.</span>";
　　　　　　　　　　　　}
　　　　　　　　}
　　　　　　　　///　<summary>
　　　　　　　　///　Simple　static　class　used　to　validate　the　value　of　querystring
　　　　　　　　///　parameter　is　not　null　or　an　empty　string
　　　　　　　　///　</summary>
　　　　　　　　///　<param　name="o">The　object　to　check</param>
　　　　　　　　///　<returns>Returns　true　if　the　object　(string)
　　　　　　　　///　　　　　　　　　has　a　value;　false　otherwise.</returns>
　　　　　　　　public　static　bool　HasValue(object　o)
　　　　　　　　{
　　　　　　　　　　　　if　(o　==　null)
　　　　　　　　　　　　　　　　return　false;
　　　　　　　　　　　　if　(o　is　String)
　　　　　　　　　　　　{
　　　　　　　　　　　　　　　　if　(((String)　o).Trim()　==　String.Empty)
　　　　　　　　　　　　　　　　　　　　return　false;
　　　　　　　　　　　　}
　　　　　　　　　　　　return　true;
　　　　　　　　}
　　　　}
}