0

タブがあるように見える Web ページを作成しました。私たちの開発環境では、すべて問題ありません。ステージに移動したときは、今朝までは楽しかったのですが、エラーがスローされ、JS について十分な知識がなく、修正することができませんでした。

これはエラーです：

Ext が定義されていません [このエラーで中断]
Ext.get(newboxes[x].id+"_href").removeClass("selected");

スクリプトは次のとおりです。

<script language="javascript">
function showonlyone(thechosenone) {
      var newboxes = document.getElementsByTagName("div");
            for(var x=0; x<newboxes.length; x++) {
                  name = newboxes[x].getAttribute("name");
                  if (name == 'newboxes') {
                        if (newboxes[x].id == thechosenone) {
                        newboxes[x].style.display = 'block';
                        Ext.get(newboxes[x].id+"_href").addClass("selected");
                        } else {
                        newboxes[x].style.display = 'none';
                        Ext.get(newboxes[x].id+"_href").removeClass("selected");
                        }
                    }
            }
}
</script>

コードは次のとおりです。

<!-- Tabs start -->
 <div class="fulltab">  
    <div class="tabheader">
        <ul class="tabs">
            <li><a id="tab01_href" href="javascript:showonlyone('tab01');" class="selected">Applications</a></li>
            <li><a id="tab02_href" href="javascript:showonlyone('tab02');" >Features</a></li>
            <li><a id="tab03_href" href="javascript:showonlyone('tab03');" >Testimonials</a></li>
        </ul>
    </div>
    <div style="clear:both;"></div>
<div id="contentDiv">
      <div class="tab-content-wrap" style="background: url(../images/block3.png) no-repeat;">
        <div name="newboxes" id="tab01" class="tab-content" style="display: block;">
            <br /><br />
             <img class="alignleft" style="float:left; margin:5px 11px;border:1px solid #6B6B6B;" src="../images/tt_ss.jpg" alt="" width="400px" /><br />
                        <u><b>STUFF</b></u>
                        <ul style="margin-left:440px;list-style-type:disc;padding:0;margin-top:0;">
                        <li>STUFF</li>
                        <li>STUFF</li>
                        <li>STUFF</li>
                        </ul>
        </div>

        <div name="newboxes" id="tab02" class="tab-content" style="display: none;">
        <div style="margin-left:10px; width:700px;">
            <br /><br />
            <strong>STUFF</strong><br />
            <ul style="margin-left:10px; margin-top:0px;list-style-type:disc;padding: 0;">
                    <li>STUFF</li>
                    <li>STUFF</li>
            </ul>
        </div>
        </div>
    <div name="newboxes" id="tab03" class="tab-content" style="display: none;">
         <div style="padding-right:25px;padding-top:10px;">
            <ul>
                <p>STUFF</p>
                <p>STUFF</p>
            </ul>
         </div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>
</div>
    <!-- Tabs End -->

私は多くの助けを使うことができました！

4

2 に答える 2

1

ページに Ext JS を含める必要があります。これを行う方法は、使用する予定の Ext JS のバージョンによって異なります。使用状況から判断すると、Ext JS 3 である可能性があります。これを に追加してhead、CDN でホストされている Ext JS 3.4 のコピーに接続してみてください。

<script type="text/javascript" src="http://cdn.sencha.io/ext-3.4.0/ext-all.js"></script>

その後ページが機能する場合は、 Ext JS の概要を読むか、 Ext JS 4にアップグレードすることをお勧めします。Ext JS にはライセンス制限があることに注意してください。

于 2012-06-22T14:34:12.573 に答える
0

問題を解決することができました。開発環境は、ステージにないファイルをプルしていました。これは、元の開発者の助けを借りて修正できました。皆さんありがとう！

于 2012-06-22T14:54:30.797 に答える