2012-06-22 6 views
0

탭이있는 것처럼 보이는 웹 페이지를 만들었습니다. 우리의 개발 환경에서는 모든 것이 좋았습니다. 우리가 무대로 옮겼을 때 그것은 오늘 아침까지 재미있었습니다. 이제는 오류를 던지고 JS에 대해 충분히 고치지 않습니다. 내가 도움을 많이 사용할 수JS Ext not defined

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

:

여기
<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> 

코드입니다 :

여기

Ext is not defined [Break On This Error]
Ext.get(newboxes[x].id+"_href").removeClass("selected");

스크립트입니다 :

이 오류입니다!

+1

문서가로드 된 후'Ext.js' 파일이 제대로 포함되어 있고'showonlyone' 함수를 호출 했습니까? – antyrat

+0

나는 아무것도 모릅니다. 우리는 다른 개발자가이 코드를 작성하도록했습니다. ext.js 파일이 없습니다. –

+0

글쎄, 어떤 자바 스크립트 파일을 페이지에 포함 시켰습니까? '0120 = ""' – antyrat

답변

1

페이지에 Ext JS를 포함해야합니다. 당신이 사용하는 방법은 사용할 Ext JS의 버전에 달려 있습니다. 귀하의 사용에 의해 판단, 그것은 내선 JS 3. 시도 내선 JS의 CDN 호스팅 사본 3.4를 연결하려면 head이 추가가 될 수있다 :

<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과 함께 제공됩니다.

0

우리는이 문제를 해결할 수있었습니다. dev 환경에서는 무대에없는 파일을 가져 왔습니다. 원래 개발자의 도움으로이 문제를 해결할 수있었습니다. 모두에게 감사드립니다!