는 온 클릭 JS를 여기에 iframe이

Question

를로드하지. 로

<li><a href=<?php echo "\"/".INDEX."/sales/\"";?> onclick="loader(sales, this.href)">Sales</a> 
    <ul> 
     <li><a href=<?php echo "\"/".INDEX."/sales/move\"";?> onclick="loader(sales, this.href)">Movement</a></li> 
     <li><a href=<?php echo "\"/".INDEX."/sales/cancel\"";?> onclick="loader(sales, this.href)">Cancel</a></li> 
     <li><a href=<?php echo "\"/".INDEX."/sales/add\"";?> onclick="loader(sales, this.href)">Add new HW</a></li> 
    </ul> 
</li> 

내가 대상 프레임이 있습니다 : 나는 사이드 포함 된 링크를 만든 내가 최고 수준의 링크를 클릭 할 때 작동

<div id='content' style='margin-left: 170px; height: 700px; width: 800px; overflow: auto;'> 
    <iframe id='display' src=<?php echo "\"/".INDEX."/main/home\"";?> style='height: 650px; width: 800px;'></iframe> 
</div> 

을, 내 경우에는 판매는 releveant 문서를 미리 보여줍니다됩니다 대상 프레임에 있지만 하위 메뉴 링크로 이동하면 전체 페이지에로드됩니다. 도와주세요!!!

Answer 1

AJAX가 이미하는 것과 비슷한 것을하려고하는 것처럼 보입니다. jQuery의로드 기능을 사용하도록 로더 클래스를 조정할 수 있습니다. 이렇게하면 iframe을 없애고 div에 페이지를로드 할 수 있습니다. 제 생각에는 div에로드하는 것이 더 좋은 방법 일 것입니다.

당신은 당신의 페이지에 jQuery를 참조해야합니다

는 헤더 :

function Loader(page) { 
    $('#display').load(page + '.html'); 
} 

별도의 내용을로드합니다 :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 

그런 다음 새로운 로더가 다음과 같이 보일 것입니다 HTML 페이지를 전달한 페이지 이름에 따라 디스플레이 div에 추가하십시오. jQuery와 AJAX로드 방법을 사용하는 방법에 대해 더 읽는 것이 좋습니다. http://api.jquery.com/load/

Answer 2

당신이하고 싶은 것이 확실하지 않지만 코드에서 이해 한대로, 다른 링크를 클릭 할 때 다른 iFrames를 표시하려고합니다.

자바 스크립트를 사용하여 모든 데이터를 브라우저에로드 한 다음 클릭 한 링크에 따라 iframe을 숨기거나 표시 할 수 있습니다. 따라서 서로 다른 링크에 대해 서로 다른 iframe을 가질 수 있으며 그에 따라 적절하게 표시하거나 숨길 수 있습니다.

또는 AJAX로 이동하여 클릭 한 다른 링크에 대한 데이터를 보내려면 서버를 호출 할 수 있습니다.