2014-04-25 3 views
0

페이지의 메뉴에 대해 별도의 파일에서 내용을로드하려고합니다. 각 메뉴 옵션에는 별도의 내용 파일 .txt가 있습니다. 콘텐츠 영역 만 변경하면됩니다. xmlHttp 변수를 선언하는 코드를 작성했습니다. 이 변수는 브라우저 변수이므로 나를 위해 데이터를 가져올 수 있습니까?Ajax for PhoneGap

나는 cordova에 안드로이드 응용 프로그램을 디자인하고 있습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 

<html> 
<head> 
    <title></title> 
</head> 

<body> 
    <div class="ui-content" data-role="main"> 
     <div id="A4FullspecsSideMenudiv"> 
      <ul data-icon="arrow-r" data-role="listview" id= 
      "A4FullspecsSideMenu"> 
       <li><a class="ui-state-persist" href="#" id="A4Design" name= 
       "A4Design" onclick="contentfetch()">Design</a></li> 

       <li><a class="ui-state-persist" href="#">Technical 
       Data</a></li> 

       <li><a class="ui-state-persist" href="#">Efficiency</a></li> 

       <li><a class="ui-state-persist" href="#">Equipments</a></li> 
      </ul> 
     </div> 

     <div id="AudiA4Content"> 
      <h3>Text about Design</h3><br> 

      <p>Text about DesignText about DesignText about DesignText about 
      DesignTextText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about Design<br> 
      <br> 
      Text about DesignText about DesignText about DesignText about 
      DesignTextText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about Design<br> 
      <br> 
      Text about DesignText about DesignText about DesignText about 
      DesignTextText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about DesignText 
      about DesignText about DesignText about DesignText about Design<br> 
      <br></p> 
     </div> 
    </div> 
</body> 
</html> 

이 A4Content의 텍스트가 변경됩니다. 나는 약간의 독서를했고 text.html로 4 개의 태그를 만들었고 각각의 텍스트를 분리했다.

function contentfetch() { 
    var txt = $("#A4div1").load("A4Specs.html"); 
    $("#A4Design").click(function() { 
     $("AudiA4Content").val(txt); 
    }); 
} 

<li><a href="#" onclick="contentfetch()" id="A4Design" class="ui-state-persist">Design</a></li> 
+0

그런 다음 우리에게 코드를 보여주십시오 :) –

+0

A4Content의 텍스트는 예를 들어 클릭하면 변경됩니다. – MixedVeg

+0

왜 HTML 파일을로드 하시겠습니까? –

답변

0

에이 스크립트를 실행 그것은,

는 $ ("AudiA4Content")를 사용 했 부하를 ("MyHtml.html #thedivwithInfo.");