웹마스터 팁
page_full_width">
텍스트 폼 / 전체선택 하기 자바스크립
2002.12.24 12:06
너무 간단한 스크립이라 쑥스럽지만 여기 없는것 같아서 올립니다.
혹시 중복이나 수준이하면 운영자님 과감히 삭제바람당.
게시판이나 자기 웹페이지에 코드나 텍스트드형식으로 나타낼 내용 텍스트폼으로 만들어 전체선택할 수 있게하는겁니다.
왜 이렇게 전체선택해서 복사하는게 좋은지는 다들 경험있으실테니 설명 안하겠습니다.
<!-- 1. 밑에 스크립을 head 태그 사이에 넣으세요 //-->
<script>
function selectCode(num) {
document.forms[num].elements[0].focus();
document.forms[num].elements[0].select();
}
</script>
<!-- 2. 밑에 3번에서 만들 텍스트 폼 위에 밑에처럼 링크를 넣어주세요 //-->
링크로 javascript:selectCode() 를 불러주세요
<!-- 3. 코드나 기타내용 들어갈 텍스트 폼 입니다. body 태그안에 폼 만들 위치에 넣어주세요. //-->
<form>
<textarea rows="9" name="code0" cols="60">여기에 코드나 내용 넣어주시면 됩니다.
</textarea>
</form>
그리고 만일 텍스폼을 여러개 만들고 싶으면 2, 3번 반복해서 쓰시고 빨간부분만 고치면 됩니다.
예를들어 첫번째는 selectCode(1), selectCode(2)... 두번째는 code1, code2... 이렇게
▶ 사용 예제 보기 http://zoony23.cafe24.com/samples/select_code.htm
이상 허접한 내용이었슴당 ㅡㅡ;
혹시 중복이나 수준이하면 운영자님 과감히 삭제바람당.
게시판이나 자기 웹페이지에 코드나 텍스트드형식으로 나타낼 내용 텍스트폼으로 만들어 전체선택할 수 있게하는겁니다.
왜 이렇게 전체선택해서 복사하는게 좋은지는 다들 경험있으실테니 설명 안하겠습니다.
<!-- 1. 밑에 스크립을 head 태그 사이에 넣으세요 //-->
<script>
function selectCode(num) {
document.forms[num].elements[0].focus();
document.forms[num].elements[0].select();
}
</script>
<!-- 2. 밑에 3번에서 만들 텍스트 폼 위에 밑에처럼 링크를 넣어주세요 //-->
링크로 javascript:selectCode() 를 불러주세요
<!-- 3. 코드나 기타내용 들어갈 텍스트 폼 입니다. body 태그안에 폼 만들 위치에 넣어주세요. //-->
<form>
<textarea rows="9" name="code0" cols="60">여기에 코드나 내용 넣어주시면 됩니다.
</textarea>
</form>
그리고 만일 텍스폼을 여러개 만들고 싶으면 2, 3번 반복해서 쓰시고 빨간부분만 고치면 됩니다.
예를들어 첫번째는 selectCode(1), selectCode(2)... 두번째는 code1, code2... 이렇게
▶ 사용 예제 보기 http://zoony23.cafe24.com/samples/select_code.htm
이상 허접한 내용이었슴당 ㅡㅡ;