<s:tabbedPanel>标签不正常显示

ls8707
飞雪无情
等级:
可用分等级：贫农
总技术分：24
总技术分排名：178628

发表于：2008-05-19 06:58:162楼得分:0

源代码是一个书上的例子
源代码如下：

HTML code

<%@ page contentType="text/html;charset=GBK" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
    <title>tabbled panel示例：简单tabbled panel</title>
    <s:head theme="ajax" debug="true"/>
     <link rel="stylesheet" type="text/css" href="<s:url value="/struts/tabs.css"/>">
     <link rel="stylesheet" type="text/css" href="<s:url value="/struts/niftycorners/niftyCorners.css"/>">
    <link rel="stylesheet" type="text/css" href="<s:url value="/struts/niftycorners/niftyPrint.css"/>" media="print">
    <script type="text/javascript" src="<s:url value="/struts/niftycorners/nifty.js"/>"></script>
    <script type="text/javascript">
        dojo.event.connect(window, "onload", function() {
            if (!NiftyCheck())
                 return;
            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
           Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
           //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
           // "white" needs to be replaced with the background color
        });
    </script>
  
</head>
<body>
简单Tab页面，doLayout属性设置是否使用固定高度<br>
<s:tabbedPanel id="tab1" theme="ajax" cssStyle="width: 400px; height: 240px;" doLayout="true">
      <s:div id="" label="第一个Tab页" theme="ajax" >
          Spring2.0宝典<br>
          轻量级J2EE企业实战<br>
          基于J2EE的Ajax宝典<br>
      </s:div >
      <s:div  id="" label="第二个Tab页"  theme="ajax" >
          <h3>作者简介</h3>
          作者曾任广州电信、广东龙泉科技等公司的技术培训导师，<br>
          现任新东方IT培训广州中心软件教学总监，并兼任广东技术师范学院计算机科学系的兼职副教授。<br>
          现居在广州，如果读者阅读本书有任何问题，都可以发邮件给我。<br>
      </s:div >     
</s:tabbedPanel>
</body>
</html>

不正常的在浏览器里查看源代码是：

HTML code


<html>
<head>
    <title>tabbled panel示例：简单tabbled panel</title>
    <link rel="stylesheet" href="/tabbedpanel/struts/xhtml/styles.css" type="text/css"/>
<script language="JavaScript" type="text/javascript">
    // Dojo configuration
    djConfig = {
        baseRelativePath: "/tabbedpanel/struts/dojo",
        isDebug: true,
        bindEncoding: "GBK",
        debugAtAllCosts: true // not needed, but allows the Venkman debugger to work with the includes
    };
</script>
<script language="JavaScript" type="text/javascript"
        src="/tabbedpanel/struts/dojo/dojo.js"></script>
<script language="JavaScript" type="text/javascript"
        src="/tabbedpanel/struts/simple/dojoRequire.js"></script>
<script language="JavaScript" type="text/javascript"
        src="/tabbedpanel/struts/ajax/dojoRequire.js"></script>
<script language="JavaScript" type="text/javascript"
        src="/tabbedpanel/struts/CommonFunctions.js"></script>

     <link rel="stylesheet" type="text/css" href="/tabbedpanel/struts/tabs.css">
     <link rel="stylesheet" type="text/css" href="/tabbedpanel/struts/niftycorners/niftyCorners.css">
    <link rel="stylesheet" type="text/css" href="/tabbedpanel/struts/niftycorners/niftyPrint.css" media="print">
    <script type="text/javascript" src="/tabbedpanel/struts/niftycorners/nifty.js"></script>
    <script type="text/javascript">
        dojo.event.connect(window, "onload", function() {
            if (!NiftyCheck())
                 return;
            Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
           Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
           //                Rounded("div#tab_header_main li","top","white","transparent","border #ffffffS");
           // "white" needs to be replaced with the background color
        });
    </script>
  
</head>
<body>
简单Tab页面，doLayout属性设置是否使用固定高度<br>
<script type="text/javascript">
  dojo.require("dojo.widget.TabContainer");
  dojo.require("dojo.widget.LinkPane");
  dojo.require("dojo.widget.ContentPane");
</script>

<div dojoType="TabContainer"
      style="width: 400px; height: 240px;"    id="tab1"    doLayout="true">

      <div dojoType="struts:BindDiv"
        label="第一个Tab页"    showError="true">

          Spring2.0宝典<br>
          轻量级J2EE企业实战<br>
          基于J2EE的Ajax宝典<br>
      </div>

      <div dojoType="struts:BindDiv"
        label="第二个Tab页"    showError="true">

          <h3>作者简介</h3>
          作者曾任广州电信、广东龙泉科技等公司的技术培训导师，<br>
          现任新东方IT培训广州中心软件教学总监，并兼任广东技术师范学院计算机科学系的兼职副教授。<br>
          现居在广州，如果读者阅读本书有任何问题，都可以发邮件给我。<br>
      </div>
     
</div>

</body>
</html>

正常的是：

HTML code



<html>
<head>
    <title>tabbled panel示例：简单tabbled panel</title>
    <link rel="stylesheet" href="/struts/struts/xhtml/styles.css" type="text/css"/>
<script language="JavaScript" type="text/javascript">
    // Dojo configuration
    djConfig = {
        baseRelativePath: "/struts/struts/dojo",
        isDebug: true,
        bindEncoding: "GBK",
        debugAtAllCosts: true // not needed, but allows the Venkman debugger to work with the includes
    };
</script>
<script language="JavaScript" type="text/javascript"
        src="/struts/struts/dojo/dojo.js"></script>
<script language="JavaScript" type="text/javascript"
        src="/struts/struts/simple/dojoRequire.js"></script>
<script language="JavaScript" type="text/javascript"
        src="/struts/struts/ajax/dojoRequire.js"></script>
<script language="JavaScript" type="text/javascript"
        src="/struts/struts/CommonFunctions.js"></script>

    <link rel="stylesheet" type="text/css" href="/struts/struts/tabs.css;jsessionid=6DA50B87E9AD9D1437128F713B5A6964">    
</head>
<body>
简单Tab页面，doLayout属性设置是否使用固定高度<br>
<script type="text/javascript">
  dojo.require("dojo.widget.TabContainer");
  dojo.require("dojo.widget.LinkPane");
  dojo.require("dojo.widget.ContentPane");
</script>

<div dojoType="TabContainer"
      style="width: 400px; height: 240px;"    id="tab1"    doLayout="true">

      <div dojoType="struts:BindDiv"
    
      id="left"    label="第一个Tab页"    showError="true">

          Spring2.0宝典<br>
          轻量级J2EE企业实战<br>
          基于J2EE的Ajax宝典<br>
      </div>

      <div dojoType="struts:BindDiv"
    
      id="middle"    label="第二个Tab页"    showError="true">

          <h3>作者简介</h3>
          作者曾任广州电信、广东龙泉科技等公司的技术培训导师，<br>
          现任新东方IT培训广州中心软件教学总监，并兼任广东技术师范学院计算机科学系的兼职副教授。<br>
          现居在广州，如果读者阅读本书有任何问题，都可以发邮件给我。<br>
      </div>
     
</div>

</body>
</html>

这个问题困了我好几天了，真诚的希望你能解答，需要什么代码或者其他什么的我可以提供！！！先谢谢了

修改删除举报引用回复