클립보드의 글 요리하기
본래는 다른 의도(한글 맞춤법/문법 검사기)로 만들어졌는데 이곳에 게시하려고 그걸 모방해서 새로 만들었습니다.
인터넷에서 봤거나 자신의 글을 클립보드(컴퓨터 임시 저장소)에 넣고 그것을 불러내거나(붙여!) 다시 복사 또는 잘라내는 문서입니다.
인터넷에 있는 글 일부를 어떤 코드로 복사하는 것 저는 아직 모르겠습니다.
그래서 복사하려는 그놈 마우스로 쭉 긁고서 익스플로러의 '명령 모음' 아이콘 중 하나인 '복사' 아이콘 눌러서 복사하지요.
~ 오! 클립보드 -01 ~
인제 그놈이 컴퓨터의 클립보드에 복사됐을 테니까 소스로 짠 이 문서에서 맘껏 요리할 수 있겠습니다.
가장 먼저는 붙여넣어야 그 실체를 확인할 수 있겠네요.
~ 오! 클립보드 -02 ~
이렇게 붙여넣은 걸 잘라내거나 다시 붙여넣거나 또 복사해보는 것! 그 모두가 가능합니다.
심지어는 '리셋'하여 거기 글 상자가 비었더라도 다른 작업 안 하고 얼른 다시 '붙여!'를 누르면 다시 살아날 것입니다.
대충 이런 식으로 만들었는데 그 소스는 이 그림보다는 살짝 더 내용이 진합니다.
~ 오! 클립보드 -03 ~
제 컴퓨터에서는 그 배경이 그림이지만, 이곳에서는 그럴 수가 없기에 색상 처리(#C5C5FF)했음을 밝힙니다.
물론 아래쪽의 밑바탕도 포털 다음이 아닌 우리말 배움터고요.
- 여기서부터가 진짜 소스지요. -
<!DOCtype html PUBLIC>
<HTML><HEAD>
<Meta http-equiv='Content-Type' content='text/html; charset/euc-kr'>
<Meta http-equiv='Content-Type' content='text/html; charset/utf-8'>
<TITLE>날아라! 클립보드~</TITLE>
<SCRIPT>
self.moveTo(0,0) // 요것 두 줄은 모니터 왼쪽 모서리에서 뜨는 전체화면
self.resizeTo(screen.availWidth,screen.availHeight)
function R1(){Hf.Ms.value='';}
function R2(){window.open('http://www.daum.net/','Clip');}
function Sc(){Hf.Ms.focus();}
function St(){Hf.Ms.select();}
</SCRIPT><STYLE>
BODY{background:#C5C5FF;overflow:auto;margin:25px 0 0 0;}
TABLE{margin:0pt;background:#FF7D40;width:550px;} /* 여기서 보이려고 550이지만 900 정도가 적당합니다. */
TD{font-size:10pt;font-family:바탕;text-align:center;}
INPUT{font-size:10pt;font-family:바탕;font-weight:bold;background:#FFFFFF;cursor:hand;padding:3px 0 0 0;}
P,SPAN{font-size:10pt;font-family:바탕;cursor:default;font-weight:bold;margin:5px 0 0 0;}
TEXTAREA{font-size:10pt;font-family:바탕;font-weight:bold;background:white;cursor:default;}
TEXTAREA{width:100%;height:200px;padding:5pt;padding=top:15pt;ime-mode:active;}
BODY,TEXTAREA{overflow:auto;}
FORM{margin:0px;}
INPUT.C{text-align:center;border:0;width:70px;cursor:hand;padding-top:3px;}
</STYLE></HEAD>
<BODY onload="R2()" oncontextmenu="location.reload();return false">
<DIV align=center>
<FORM name="Hf">
<TABLE border="0" cellspacing="0" cellpadding="1">
<TR><TD colspan="2">
<P>여기는 <SPAN onmouseOver="style.color='white'" onmouseOut="style.color='black'">클립보드 운동장</SPAN>입니다.</P>
</TD></TR>
<TD>
<P><TEXTAREA name="Ms" onmouseOver="Sc()"></TEXTAREA></P>
<P>
<INPUT type="button" value="복사!" onClick="St(),execCommand('copy')" class="C" Title="위 글상자 내용을 복사합니다.">
<INPUT type="button" value="잘라!" onClick="St(),execCommand('cut')" class="C" Title="위 글상자 내용을 잘라냅니다.">
<INPUT type="button" value="붙여!" onClick="St(),execCommand('paste')" class="C" Title="클립보드 내용을 위 글상자에 붙여넣니다.">
<INPUT type="button" value="리셋!" onClick="R1(),R2()" onmouseOver="Sc()" class="C" Title="위 아래 내용 모두를 리셋합니다.">
</P></FORM>
<P><IFRAME name="Clip" src="" width="100%" height="600px" border="0" marginwidth="0" marginheight="0"></IFRAME></P>
</TD></TR></TABLE>
</DIV></BODY></HTML>
- 그나저나 이게 잘 나오려나 모르겠습니다. -
- 너무나도 오래간만에 소스를 올려보는 거라서요. -
'짙은 녹색' 카테고리의 다른 글
| 스승님 편히 쉬소서! (0) | 2016.12.11 |
|---|---|
| 허^ 파워서플라이가 컴퓨터 소음의 마지막 주범일 줄은 상상도 못 했었네~ (0) | 2016.12.09 |
| 오! 티스토리 센스 - 아주 그냥 죽여줘요~ (0) | 2016.12.06 |
| 그게 뭔지 대충 훑다가 이런 착각도 하네요. (0) | 2016.12.05 |
| 친구야 오늘은 비록 GIF만 연결했지만, (0) | 2016.12.03 |
