2013-03-23 2 views
0

정적 헤더 및 푸터가있는 기본 웹 페이지를 작성하고 있습니다. 왼쪽에는 메뉴가 있습니다. 메뉴 버튼을 누르면 아약스 요청이 만들어지고 오른쪽에는 DIV로 텍스트가 업데이트됩니다.ajax가있는 HTML 페이지는 RGraph를 구현할 수 없습니다.

menu01 - menu01.php 에는 약간의 MySQL 결과가있는 PHP 코드가 포함되어 있지만 정상적으로 작동합니다. 모든 텍스트 출력이므로 정상적으로 작동한다고 생각합니다.

menu02 - Menu02.php 에는 RGraph를 표시하는 HTML 코드가 포함되어 있으며, 일부 텍스트는 오른쪽 DIV에 표시되지만 그래프는 표시되지 않습니다. 이 파일을 직접 호출하면 menu02.php 파일이 잘 표시됩니다.

PHP 파일의 RGraph 출력은 페이지의 오른쪽 DIV를 업데이트하는 데 사용할 수있는 xml 데이터가 아니라는 것을 알았습니다. 아약스는 일부 텍스트 만 받는다고 의심합니다. 맞습니까? 그래서 내 페이지를 동적으로 업데이트하고 다른 페이지를 다시로드하지 않고 오른쪽 DIV에 여러 가지 종류의 것을 표시하는 다른 방법을 찾아야합니다. 이 정보를 사용하면 작동하지 않는 이유를 알 수 있다고 생각하지만 결과를 얻는 방법을 모르겠습니다. 누구가 찾을 수있는 단서가 있습니까? 코드의

조각 :

index.html을 :

<script src="./js/ajax.js"></script> 

<section id="sidebar"> 
    <nav> 
     <ul> 
     <li> <button onclick="goto_menu1()">Menu 1</button> </li> 
     <li> <button onclick="goto_menu2()">Menu 2</button> </li> 
     </ul> 
    </nav> 
</section> 

은 ajax.js : 그것은 오른쪽에 바로 JS로드의 모든 문제였다 결국

function goto_menu1() 
    { 
     var xmlHttp = getXMLHttp(); 
     xmlHttp.onreadystatechange = function() 
     { 
     if(xmlHttp.readyState == 4) 
     { 
      HandleResponse(xmlHttp.responseText); 
     } 
     } 
     xmlHttp.open("GET", "./menu01/menu01.php", true); 
     xmlHttp.send(null); 
    } 

function goto_menu2() 
    { 
     var xmlHttp = getXMLHttp(); 
     xmlHttp.onreadystatechange = function() 
     { 
     if(xmlHttp.readyState == 4) 
     { 
      HandleResponse(xmlHttp.responseText); 
     } 
     } 
     xmlHttp.open("GET", "./menu02/menu02.php", true); 
     xmlHttp.send(null); 
    } 
+0

내가 내 실종 조각을 발견했습니다 생각을 가지고 사람들에게 희망을주는 희망한다. 내 페이지의 오른쪽면을로드하려면 iframe을 사용해야합니다. 작동하고 있지만 이것이 최상의 솔루션이라고 확신하지 못합니다. – Gaston

+0

흠, iframe은 현재 내 문제의 빠른 픽스입니다. 하지만 최선의 선택이라고 생각하지 않습니다. – Gaston

답변

0

페이지. 그리고 rgraph에 맞는 jquery 코드를 호출합니다.

동적 생성 된 div에로드 된 RGraph (또는 기타 js 모듈)를 가져 오는 데 의심스러워서 이제는 작동하도록 만들었습니다. 어떻게?

index.html : 
load js rgraph module 
call a js function for updating div 

js function: 
open a php page, generate data and set up the html layout 
next, check-document-ready, run jquery rgraph call 

나는 그것이 동일한 검색 :