묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
alt 의 값을 마우스이벤트로 복사/붙여넣기가 가능한지요?
2003.08.27 11:27
^^ 조금 엉뚱한 질문일 수 있으나 꼭 필요한 기능이라 밤세워 찾아 다니고 있는 중입니다.
<img src="이미지이름" width="가로크기" height="세로크기" alt="이미지설명">
위 alt 테그안의 이미지설명부분을 마우스이벤트를 이용해서 텍스트입력폼의 임의의 위치로 복사/붙여넣기가 가능한지요?
게시판에서 글 작성시 텍스트입력폼 아래 특정 이미지를 배열해 놓고 각각의 이미지에 alt 테그로 이미지인덱스명을 적어 놓은 것을 텍스트입력폼의 중간 중간에 삽입하는 기능이 필요하거든요 ^^;;
제로보그 게시판 스킨에 사용된 이모티콘기능을 활용하면 텍스트입력폼에서 맨 마지막 위치에 입력이 되더군요. 그것을 다시 옮기고 하는 것이 불편해서...
보통 문서작성할때 특정 문자열을 드래그 해서 영역을 지정한 다음 그 내용을 마우스로 찝어서 다른 곳으로 마음대로 이동이 가능한데 바로 이 기능을 구현해 보려 합니다.
텍스트입력폼 아래 각각의 이미지에 지정된 alt 의 내용을 위와 같은 방식으로 마우스로 이미지를 클릭하면 alt의 값이 자동으로 드래그하여 찝어서 이동하는것과 동일한 효과를 만들어서 텍스트입력폼의 임의의 위치에 붙여넣기가 되면 됩니다.
에구.. .말 주변이 없어서 설명을 제대로 못하겠군요. ^^;;;
혹시 이 기능이 구현 가능하신 분 계시면 염치없지만 도움을 좀 청하겠습니다.
<img src="이미지이름" width="가로크기" height="세로크기" alt="이미지설명">
위 alt 테그안의 이미지설명부분을 마우스이벤트를 이용해서 텍스트입력폼의 임의의 위치로 복사/붙여넣기가 가능한지요?
게시판에서 글 작성시 텍스트입력폼 아래 특정 이미지를 배열해 놓고 각각의 이미지에 alt 테그로 이미지인덱스명을 적어 놓은 것을 텍스트입력폼의 중간 중간에 삽입하는 기능이 필요하거든요 ^^;;
제로보그 게시판 스킨에 사용된 이모티콘기능을 활용하면 텍스트입력폼에서 맨 마지막 위치에 입력이 되더군요. 그것을 다시 옮기고 하는 것이 불편해서...
보통 문서작성할때 특정 문자열을 드래그 해서 영역을 지정한 다음 그 내용을 마우스로 찝어서 다른 곳으로 마음대로 이동이 가능한데 바로 이 기능을 구현해 보려 합니다.
텍스트입력폼 아래 각각의 이미지에 지정된 alt 의 내용을 위와 같은 방식으로 마우스로 이미지를 클릭하면 alt의 값이 자동으로 드래그하여 찝어서 이동하는것과 동일한 효과를 만들어서 텍스트입력폼의 임의의 위치에 붙여넣기가 되면 됩니다.
에구.. .말 주변이 없어서 설명을 제대로 못하겠군요. ^^;;;
혹시 이 기능이 구현 가능하신 분 계시면 염치없지만 도움을 좀 청하겠습니다.
댓글 2
-
steelheart
2003.08.27 12:43
-
테크
2003.08.27 13:32
^^ 정말 감사합니다. 바로 적용시켜서 테스트 해 보니 너무 잘 되는군요.
밤 세워 고생고생해도 해결방법을 못 찾다가 아침에 이곳에 도움을 요청했는데... 이렇게 도움 주셔서 정말 감사합니다.
복 받으실꺼에요~~ ^^
<script language="javascript">
<!--
function altPaste()
{
window.clipboardData.setData("Text", event.srcElement.getAttribute("alt"));
document.getElementById("TEMP").focus();
document.execCommand("paste");
}
-->
</script>
<textarea id="TEMP" style="width:500px; height:100px;"></textarea>
<br>
<img src="이미지이름" alt="이미지설명1" onclick="altPaste();">
<img src="이미지이름" alt="이미지설명2" onclick="altPaste();">
<img src="이미지이름" alt="이미지설명3" onclick="altPaste();">