링크 클릭시 특정영역에 페이지 불러오기 (아이프레임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
5년 전
감사합니다.
겨울이오기전
4년 전
매우 좋은 자료 입니다.
4년 전
링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2695 | 1개월 전 | 171 | ||
| 2694 | 1개월 전 | 134 | ||
| 2693 | 1개월 전 | 143 | ||
| 2692 | 1개월 전 | 157 | ||
| 2691 | 1개월 전 | 311 | ||
| 2690 | 1개월 전 | 217 | ||
| 2689 |
 SIR개발팀 |
1개월 전 | 424 | |
| 2688 | 1개월 전 | 275 | ||
| 2687 |
선택과집중
|
1개월 전 | 313 | |
| 2686 | 1개월 전 | 275 | ||
| 2685 | 1개월 전 | 330 | ||
| 2684 | 2개월 전 | 462 | ||
| 2683 | 2개월 전 | 261 | ||
| 2682 | 2개월 전 | 287 | ||
| 2681 |
선택과집중
|
2개월 전 | 263 | |
| 2680 | 2개월 전 | 313 | ||
| 2679 |
 Xenon54 |
2개월 전 | 417 | |
| 2678 |
Xenon54 |
2개월 전 | 487 | |
| 2677 | 2개월 전 | 312 | ||
| 2676 | 2개월 전 | 287 | ||
| 2675 |
선택과집중
|
2개월 전 | 464 | |
| 2674 |
 ideaman |
2개월 전 | 309 | |
| 2673 | 2개월 전 | 322 | ||
| 2672 | 2개월 전 | 272 | ||
| 2671 | 2개월 전 | 244 | ||
| 2670 | 2개월 전 | 356 | ||
| 2669 | 2개월 전 | 274 | ||
| 2668 |
선택과집중
|
2개월 전 | 470 | |
| 2667 |
선택과집중
|
2개월 전 | 455 | |
| 2666 |
선택과집중
|
3개월 전 | 388 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기