이번에 회사에 다니면서 알게된 아이프레임으로 글입력창을 만드는 예제를 올려봅니다..
아이프레임에도 글자를 쓰거나 할 수 있군요 @_@;;;
실제로 이걸로 위지윅 게시판을 만들어서 쓰고있습니다. 그리고 기본적인 부분만 떼어냈습니다.
재미있는것은 화면을 마우스로 긁어 복사를 하고 아래에 붙여넣기를 하면 그대로
붙여넣기가 됩니다.(그림까지) 태그보기 버튼을 누르면 태그를 볼 수 있습니다..
[소스]
<p align="center">
<iframe name="kts" width="100%" height="300" ></iframe>
<script language="JavaScript">
<!--
function gogo(){
kts.document.designMode = 'on' //아이프레임을 디자인모드 On 해주면 쓰기가 가능
kts.document.write('<body></body>') // 이렇게 해주지 않으면 아래 스크립트에서 에러가남
kts.document.body.style.fontSize = '10pt'
kts.document.body.style.fontFamily = '굴림'
kts.focus()
}
window.onload = gogo
function tagView(){
txt1.value = kts.document.body.innerHTML //아이프레임의 내용을 텍스트에리어에 표시
}
//-->
</script>
<input type="button" value=" 태그보기 " onclick="tagView()"><br>
<textarea name="txt1" rows="16" cols="82"></textarea></p>
FREECOUNT.NET 프카넷 생긴날 2003.12.20
홈 |
카운터 |
플래시북 |
프리보드 |
전광판 |
웹공부방 |
커뮤니티 |
쪽지함
