2013-05-30 3 views
0

는 I이 링크 측 메뉴했다 : 이러한 하나 열면 콘텐츠 (이미지이다 첫 페이지에서, 이미 몇몇의 컨텐츠를 가지고) 다른 DIV에서 열HTML 페이지의 특정 div 내에 PHP 링크를로드 하시겠습니까?

<div id="menu_lat"> 
    <a href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a> 
    <a href="relatorios.html">Relatórios</a> 
    <a href="proximos.html">Próximos Eventos</a> 
    <a href="chat.html">Chat</a> 
</div> 

:

<div id="conteudo"> 
    <img src="img/foto_inicial.jpg"> 
</div> 

링크를 클릭하면 어떻게이 레이어 안에 PHP 파일을로드 할 수 있습니까?

+1

'프레임'설정을 할 수는 있지만 권장하지 않습니다. conteudo div의 html 내용을 실행하고 해당 페이지에서 반환 된 html로 변경하는 javascript 함수를 할당 할 수도 있습니다. 코드를 수행 할 시간이 없다.하지만 그건 내 생각이다. – JClaspill

+1

'.htaccess' 파일에서'AddHandler application/x-httpd-php .html .htm'을 사용하지 않는 한'.html' 파일에 PHP 지시어를 포함 할 수 없습니다. iframe을 사용할 수는 있지만 상황이 복잡 할 수 있습니다. 전체 파일 구조를'.php '로 변경하면 훨씬 더 쉬울 것입니다. JS 사용은 괜찮지 만 사용자가 JS를 사용하지 않도록 설정하면 어떻게됩니까? 그럼 너는 '그 크릭'이야. ;-) –

답변

3

사용 jQuery를 당신이 클래스와 연결하는 load() 기능

업데이트에 Ajax 호출을 DO 클래스 로더를 사용하여 링크에서 클릭 이벤트.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $('.loader').click(function(event) { 
     event.preventDefault(); // stop the link loading the URL in href 
     $('#conteudo').load($(this).attr('href')); 
    }); 
}); 
</script> 
+0

그냥 내 스크립트 태그에 추가하고 내 페이지에서 jQuery를 사용할 수 있습니까? 나는 아직 그것을 연구하지 않았고 Ajax도 연구하지 않았다. :/ – rsb2097

+0

링크가 전체 페이지에서 URL을로드 중입니다. – rsb2097

+1

jQuery 라이브러리 자체도 포함해야합니다. 업데이트 된 답변보기 – fullybaked

1

당신의 <script> 태그 다음
<div id="menu_lat"> 
    <a class="loader" href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a> 
    <a class="loader" href="relatorios.html">Relatórios</a> 
    <a class="loader" href="proximos.html">Próximos Eventos</a> 
    <a class="loader" href="chat.html">Chat</a> 
</div> 

이이를 처리하기 위해 추가 DIV 아이디 conteudo