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

혀니천사

· 9년 전 · 조회 198 198

일반 페이지에서 하단에 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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

팁게시판

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

글쓰기

번호	제목	글쓴이	날짜	조회
5527	파일 처리 함수(3) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	715
5526	파일 처리 함수(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	642
5525	날짜 및 시간 함수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	967
5524	파일 처리 함수(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	834
5523	문자열 함수(5) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	633
5522	문자열 함수(4) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	789
5521	문자열 함수(3) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	803
5520	문자열 함수(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	819
5519	문자열 함수(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	915
5518	사용자 정의 함수(3) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	561
5517	사용자 정의 함수(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	608
5516	사용자 정의 함수(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	787
5515	그 밖의 제어문 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	628
5514	반복 제어문(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	658
5513	반복 제어문(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	644
5512	조건 제어문(2) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	565
5511	조건 제어문(1) #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	628
5510	비교 연산자, 논리 연산자 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	1241
5509	산술 연산자, 대입 연산자 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	573
5508	폼(Form)을 통한 변수의 전달 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	888
5507	가변 변수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	788
5506	정적 변수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	536
5505	전역 변수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	558
5504	배열 변수 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	647
5503	변수 사용법 #개발자 #php	돌아온깡통 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11년 전	650

파일 처리 함수(3)

#개발자 #php

돌아온깡통

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

댓글 작성

게시판 목록

팁게시판

파일 처리 함수(3)

파일 처리 함수(2)

날짜 및 시간 함수

파일 처리 함수(1)

문자열 함수(5)

문자열 함수(4)

문자열 함수(3)

문자열 함수(2)

문자열 함수(1)

사용자 정의 함수(3)

사용자 정의 함수(2)

사용자 정의 함수(1)

그 밖의 제어문

반복 제어문(2)

반복 제어문(1)

조건 제어문(2)

조건 제어문(1)

비교 연산자, 논리 연산자

산술 연산자, 대입 연산자

폼(Form)을 통한 변수의 전달

가변 변수

정적 변수

전역 변수

배열 변수

변수 사용법