ajax 로 게시판 수정 페이지 2회이상 로딩

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
zizewear
게시물: 4
참여됨: 2007 11 26 21:45 16
위치: 한국
연락:

ajax 로 게시판 수정 페이지 2회이상 로딩

게시물 작성자 zizewear » 2007 11 26 22:06 50

ajax 로 게시판 수정 페이지 2회이상 로딩시에 문제가 발생하는데 도저히 해결 방안을 찾을 수 없어 질문 드립니다.

일단 제가 초보라는 점을 이해해 주시길;;

ajax로 게시판을 만들고, list -> read -> edit(1회) 까지는 IE 나 FF 에서 모두 잘 돌아갑니다.

그러나 list -> read -> edit(2회 이상) 일 경우는 IE에서는 정상작동, FF에서는

'iframeContent.document has no properties' 이러한 오류를 내면서 진행이 되지 않습니다.

(위에서 iframeContent 는 iframe의 id 입니다.)

해당 소스 입니다.

몇일을 인터넷을 뒤져봐도 DOM 에대한 지식이 없는 저는 검색조차 힘들군요..-_-;

조금만 도와주세요.ㅠ-ㅠ

도와주시면서 좋은 DOM 관련 출판물도 추천해 주시면 꼭 읽어 보겠습니다.-_-b

코드: 모두 선택

.... 생략....

outhtml += '		<tr><td></td></tr>';
outhtml += '		<tr>';
outhtml += '			<td>제목</td>';
outhtml += '			<td>';
outhtml += '				<input></td>';
outhtml += '		</tr>';
outhtml += '		<tr><td></td></tr>';
outhtml += '		<tr>';
outhtml += '			<td>';
outhtml += '				<iframe></iframe>';
outhtml += '			</td>';
outhtml += '		</tr>';

.... 생략....

output.innerHTML = outhtml;		// 출력부분에 결과리스트를 표시



///////////////////////////////////////////////////////////////////////
// 함수명		: OnSu_Edit()
// 처리내용	: 수정내용 처리용 함수
///////////////////////////////////////////////////////////////////////
function OnSu_Edit() {
	// 한글 깨짐 방지를 위해 encodeURIComponent 처리.
	var title = encodeURIComponent(document.getElementById("title").value);											// 작성한 게시물 (제목)
	var content = encodeURIComponent(iframeContent.document.getElementById("txtContent").value);	// 작성한 게시물 (내용)
}




///////////////////////////////////////////////////////////////////////
// 해당 iframe 의 소스 입니다.
///////////////////////////////////////////////////////////////////////
<DOCTYPE>
<html>
<head>
<title></title>
<script>
<!--
// TEXTAREA 생성
function ObjCreateTextarea() {

	var ObjDiv = null;
	var ObjText = null;

	ObjDiv = document.getElementById("divContent");
	ObjText = document.createElement("TEXTAREA");

	ObjText.id = "txtContent";
	ObjText.name = "txtContent";
	ObjText.style.width = "100%";
	ObjText.style.height = "400px";
	ObjText.innerHTML = "aaaa";

	ObjDiv.appendChild(ObjText);
}
//-->
</script>

</head>

<body>
	<div>
	</div>
</body>
</html>

<script>
<!--
ObjCreateTextarea();

// 해당 textarea 에 맞도록 iframe size 변경
window.onload = function () {
	parent.document.getElementsByName("iframeContent")[0].height = document.body.scrollHeight;
}
//-->
</script>

유저 아바타
겨미겨미
게시물: 13
참여됨: 2007 04 25 04:07 06
위치: 서울-관악
연락:

게시물 작성자 겨미겨미 » 2007 11 28 10:10 47

http://www.mozilla.org/docs/dom/domref/ ... _ref4.html

IE외에는 frame의 document 접근에 contentDocument property를 사용하면 됩니다.

zizewear
게시물: 4
참여됨: 2007 11 26 21:45 16
위치: 한국
연락:

감사합니다. 올려주신 방법으로 해결하였습니다.

게시물 작성자 zizewear » 2007 11 28 20:24 44

감사합니다. 올려주신 방법으로 해결하였습니다.

다음부터 올려주신 문서 부분을 참조 하여 많이 공부해야 겠네요. ^^ㅋ;

몇일간 싸매고 돌던게 해결되서 마음이 후련..ㅋ
안녕하세요. 반갑습니다.ㅋ

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 6 손님들