이전
목록
다음
천

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

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

일반 페이지에서 하단에 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-01-25 조회 398
16-01-24 조회 362
16-01-24 조회 405
16-01-24 조회 339
16-01-23 조회 415
16-01-23 조회 435
16-01-23 조회 377
16-01-22 조회 437
16-01-22 조회 394
16-01-22 조회 439
16-01-22 조회 534
16-01-21 조회 536
16-01-21 조회 499
16-01-21 조회 468
16-01-21 조회 468
16-01-21 조회 409
16-01-20 조회 455
16-01-20 조회 419
16-01-20 조회 390
16-01-20 조회 373
16-01-19 조회 443
16-01-19 조회 472
16-01-19 조회 401
16-01-19 조회 439
16-01-19 조회 400
글쓰기