링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)
아이프레임은 너~무 싫다!
링크클릭시 지정 div에 ajax로 외부페이지 및 특정페이지 불러오기.
id="include_page" 를 가진 div안에 인클루드된 페이지를
다른 페이지로 대체합니다.
html
[code]
<a href="javascript:void(0);" onclick="btnclick('불러올페이지 Url')">클릭</a>
<div id="include_page"><?php include('미리불러둘페이지 Url'); ?></div>
[/code]
Script
[code]
<script type="text/javascript">
function btnclick(_url){
$.ajax({
url : _url,
type : 'post',
success: function(data) {
$('#include_page').html(data);
},
error: function() {
$('#include_page').text('페이지 점검중 입니다.');
}
});
}
</script>
[/code]
유용했다면 추천 구걸.. ^^
댓글 21개
6년 전
좋은자료 감사합니다
6년 전
감사합니다~! 맛점 되시길!
6년 전
유용한 자료 감사합니다!
6년 전
감사합니다~
브러운아이
6년 전
오~ 좋은 정보네요. 알려주셔서 감사합니다.
6년 전
감사합니다 ^^
와칸다포에버
6년 전
유용하군요!
6년 전
다행이네요~ 감사합니다~
6년 전
감사합니다
6년 전
^^
머시기거시기
6년 전
제가 잘못한건지 모르겟지만
예제를 보여주시면 안될가요?
예제를 보여주시면 안될가요?
6년 전
http://false9.wckorea.gethompy.com/ex/
직접 다시 코딩해서 테스트해본 예제 입니다..
소스보기 하시면
<div id="include_page">첫페이지 (01.html)</div> 부분은
아래와 같습니다.
<div id="include_page"><?php include('01.html'); ?></div>
제이쿼리 라이브러리 호출하셨는지 확인해보세요
<script src="js/jquery-1.8.3.min.js"></script>
참고로 위 코드로는 도메인이 다른 페이지는 불러올 수 없습니다~
보안의 이유로 크로스도메인를 허용하지 않습니다.
직접 다시 코딩해서 테스트해본 예제 입니다..
소스보기 하시면
<div id="include_page">첫페이지 (01.html)</div> 부분은
아래와 같습니다.
<div id="include_page"><?php include('01.html'); ?></div>
제이쿼리 라이브러리 호출하셨는지 확인해보세요
<script src="js/jquery-1.8.3.min.js"></script>
참고로 위 코드로는 도메인이 다른 페이지는 불러올 수 없습니다~
보안의 이유로 크로스도메인를 허용하지 않습니다.
머시기거시기
6년 전
친절한 설명 감사합니다~
다른 도메인에 해보니 안되어서 그렇군요
다른 도메인에 해보니 안되어서 그렇군요
6년 전
네 ^^ 자바스크립트는 보안때문에 타 도메인은 안되는걸로 알고있어요 ㅠ
6년 전
유용한 자료 감사합니다.
6년 전
감사합니다~
6년 전
감사합니다.
잘 쓰겠습니다.
잘 쓰겠습니다.
6년 전
감사합니다~ 잘쓰셔요~
SmudiBra
6년 전
감사합니다.
겨울이오기전
5년 전
매우 좋은 자료 입니다.
4년 전
링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4419 | ||
| 2694 | 2개월 전 | 193 | ||
| 2693 | 2개월 전 | 151 | ||
| 2692 | 2개월 전 | 160 | ||
| 2691 | 2개월 전 | 176 | ||
| 2690 | 2개월 전 | 328 | ||
| 2689 | 2개월 전 | 238 | ||
| 2688 |
 SIR개발팀 |
2개월 전 | 442 | |
| 2687 | 2개월 전 | 294 | ||
| 2686 |
선택과집중
|
2개월 전 | 331 | |
| 2685 | 2개월 전 | 292 | ||
| 2684 | 2개월 전 | 352 | ||
| 2683 | 2개월 전 | 483 | ||
| 2682 | 3개월 전 | 279 | ||
| 2681 | 3개월 전 | 305 | ||
| 2680 |
선택과집중
|
3개월 전 | 278 | |
| 2679 | 3개월 전 | 333 | ||
| 2678 |
 Xenon54 |
3개월 전 | 430 | |
| 2677 |
Xenon54 |
3개월 전 | 504 | |
| 2676 | 3개월 전 | 329 | ||
| 2675 | 3개월 전 | 307 | ||
| 2674 |
선택과집중
|
3개월 전 | 481 | |
| 2673 |
 ideaman |
3개월 전 | 323 | |
| 2672 | 3개월 전 | 337 | ||
| 2671 | 3개월 전 | 286 | ||
| 2670 | 3개월 전 | 261 | ||
| 2669 | 3개월 전 | 374 | ||
| 2668 | 3개월 전 | 291 | ||
| 2667 |
선택과집중
|
3개월 전 | 486 | |
| 2666 |
선택과집중
|
3개월 전 | 472 | |
| 2665 |
선택과집중
|
3개월 전 | 409 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기