묻고답하기
IFRAME 을 designMode 로 사용할때의 IFRAME 문서내부의 글들에대한 style 적용.
2002.08.28 18:22
ㅠ_ㅠ 아 도저히 모르겠당... 누가좀 도와주세용.
<IFRAME style="width:100%;HEIGHT:100%;" name=htmlarea marginwidth=3 marginheight=1></iframe>
위와 같은 아이프레임아래에 ..
<script language=Javascript>window.frames.htmlarea.document.designMode = 'On';</script>
요걸 붙이면.. <textarea> 처럼 쓸수 있습니다. -.-;
자.. 인제 iFRAME 을 오른쪽 클릭해서 소스보기를 하면. <HTML></HTML> 이와같은 소스가 있는것을
볼수 있습니다. 하나의 문서가 된것이지요.. -.-
이때 이 문서의 내부에
예를 들면.. 이러한.. 전체 스타일..
<STYLE TYPE="text/css">
BODY{ overflow-x:hidden;scrollbar-3dlight-color: cccccc;scrollbar-highlight-color: ffffff;scrollbar-face-color: ffffff;scrollbar-shadow-color: dddddd;scrollbar-darkshadow-color: bbbbbb;scrollbar-track-color: ffffff;scrollbar-arrow-color: aaaaaa;}
</style>
※ 위의 스타일은 스크롤바의 색상지정입니다.
을 적용시키려면 .. 어떻게 해야할까요. -.,-;
목적은..
일단 위의 소스처럼. 스크롤바 색상적용이 첫번째 목적이고.
p{margin-bottom:0px;}
위의 스타일도 넣어서. 엔터를 칠때 들어가는 문단의 여백을 픽셀단위로 조절하고 싶어서 그럽니다. -.-;
알려주시면 밥삽니다. -_-;;
<IFRAME style="width:100%;HEIGHT:100%;" name=htmlarea marginwidth=3 marginheight=1></iframe>
위와 같은 아이프레임아래에 ..
<script language=Javascript>window.frames.htmlarea.document.designMode = 'On';</script>
요걸 붙이면.. <textarea> 처럼 쓸수 있습니다. -.-;
자.. 인제 iFRAME 을 오른쪽 클릭해서 소스보기를 하면. <HTML></HTML> 이와같은 소스가 있는것을
볼수 있습니다. 하나의 문서가 된것이지요.. -.-
이때 이 문서의 내부에
예를 들면.. 이러한.. 전체 스타일..
<STYLE TYPE="text/css">
BODY{ overflow-x:hidden;scrollbar-3dlight-color: cccccc;scrollbar-highlight-color: ffffff;scrollbar-face-color: ffffff;scrollbar-shadow-color: dddddd;scrollbar-darkshadow-color: bbbbbb;scrollbar-track-color: ffffff;scrollbar-arrow-color: aaaaaa;}
</style>
※ 위의 스타일은 스크롤바의 색상지정입니다.
을 적용시키려면 .. 어떻게 해야할까요. -.,-;
목적은..
일단 위의 소스처럼. 스크롤바 색상적용이 첫번째 목적이고.
p{margin-bottom:0px;}
위의 스타일도 넣어서. 엔터를 칠때 들어가는 문단의 여백을 픽셀단위로 조절하고 싶어서 그럽니다. -.-;
알려주시면 밥삽니다. -_-;;
댓글 5
-
엔카일
2002.08.28 18:31
-
엔카일
2002.08.28 18:35
아 그리고.. 엔터칠때 들어가는 라인간격은
line-height 속성도 됩니다.. -
steelheart
2002.08.28 19:58
<iframe id="HTMLEDITOR" style="width:100%; height:100%;" marginwidth="3" marginheight="1"></iframe>
<script language=Javascript>
<!--
editorObj = HTMLEDITOR.document;
editorObj.designMode = 'On';
editorObj.open();
editorObj.writeln("<style>");
editorObj.writeln("P {margin-top:0px; margin-bottom:0px;}");
editorObj.writeln("BODY {font-size:12px; font-family:굴림;}");
editorObj.writeln("</style>");
editorObj.close();
-->
</script>
게시판 제작시 유용하게 쓰여서 많이들 도입하는 추세라죠... -
마루
2002.08.29 12:01
오오. -_-!!! 스틸하트님. 감사합니다!!!
싸부로 모시고 싶군요. 어제 왠종일 얼마나 삽질했는지 ㅠ_ㅠ 정말 감사드립니다. -
마루
2002.08.29 12:02
아 여의도 오시면 밥사드립니다. :) 011-9000-6749 로 연락주세요. 헤헤헤
제가 해본 결과.. iframe에 src속성을 이용해서 저 스타일시트 태그가 들어있는 문서를
불러오면 됩니다. 단 원격에 있는 문서를 불러오면 접근이 거부되었다는 에러가 납니다.
같은 계정안에 있는 문서만 허용됩니다.
죽이는군요~ 테이블 옮기는것까지 되는군요.