일단 제가 초보라는 점을 이해해 주시길;;
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>
