JS Ext не определено

Question

Я создал веб-страницу, которая должна выглядеть так, как будто она имеет вкладки. В нашей среде разработки все в порядке, когда мы переместили его на сцену, это было весело до сегодняшнего утра, теперь оно бросает ошибки, и я не знаю достаточно о JS, чтобы исправить это.

это ошибка:

Ext is not defined [Break On This Error]
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 --> 

я мог бы использовать много помощи!

Answer 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> 

Если ваша страница работает после этого, вы можете прочитать Overview of Ext JS или обновить до Ext JS 4. Имейте в виду, что Ext JS поставляется с licensing restrictions.

Answer 2

Мы смогли решить проблему. В среде Dev вытащил файл, который не был на стадии. Мы смогли исправить это с помощью оригинальной помощи. Спасибо всем!