이전
목록
다음
천

자바스크립트로 Ajax 효과내기 입니다.

혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2016-01-21 (목) 00:23:32 · 398

일반 페이지에서 하단에 iframe을 만듭니다.
링크의 target을 iframe 이름으로 지정합니다.
링크의 href에 쓰인 파일은 Javascript로 parent의 element 값들을 수정합니다.

예를 들어서 다음 세 파일을 만들고 p.html을 부릅니다.
c.html============================
<html><body></body></html>
================================

p.html============================
<html><body>
hidden frame에서 form을 만들고
거기서 post한 후
script로  child frame에 데이터 수정하기
<a href=set.php target=aja >set</a>
<p style="border: 1px solid blue;height:20px;" id=content></p>
<iframe name=aja src=c.html height=10 width=300>
</body>
</html>
=================================
set.php============================
<html>
<head>
<script language=JavaScript>

parent.document.all.content.innerText="여기가 바뀌는 부분입니다.";
</script>
</html>  

#개발자 #javascript
|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

태그 필터 (최대 3개) 전체 디자이너 개발자 javascript 기타 php linux mysql flash 정규표현식 jquery node.js mobile 웹서버 os 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성
+
제목 글쓴이 날짜 조회
16-03-02 조회 843
16-01-19 조회 466
15-12-23 조회 627
15-12-08 조회 1,279
14-10-30 조회 2,860
14-06-06 조회 2,275
12-08-30 조회 1,481
12-08-20 조회 1,269
12-07-15 조회 2,677
12-07-13 조회 1,454
12-07-06 조회 1,445
12-06-27 조회 1,009
12-06-23 조회 1,122
12-05-03 조회 3,084
12-04-20 조회 2,035
12-03-29 조회 2,353
12-03-22 조회 2,692
12-03-22 조회 1,441
12-03-21 조회 1,272
12-03-11 조회 1,616
12-03-06 조회 1,887
12-02-22 조회 2,228
12-02-17 조회 1,206
12-02-17 조회 4,255
12-02-14 조회 3,869
글쓰기