마우스로 개체 이동 및 크기 변화, 자동 크기 변화 마우스로 개체 이동 및 가로 크기 변화(좌우 개체)에다가 지정된 크기까지 줄여주는 함수를 추가했다. 사용법은 아래와 같다. e_resize('rightview','leftview','right',400) function e_resize(leftobjid,rightobjid,direction,limit) 수정 : 가속도 추가 및 함수 간결화 가속도 추가 - 처음엔 빠르다가 나중엔 느림 함수 간결화 - 입.. 쓸만한 주저리 2010.06.16
개체 이동 스크립트 기능 강화판 (개체 이동+가로 너비 변경 동시) 개체 이동(movethis) 외에 e-resizethis를 만들었다. 두 개체의 사이에 세로 막대 개체를 하나 만들어 두고 세로 막대 개체를 움직이면 좌우의 개체(minusobj,plusobj)의 가로 너비가 변하도록(이동하는만큼)하는 스크립트이다. 기존의 개체 이동 기능은 그대로 두고 함수를 추가했다. 사용 예 : <span id=minusspan>.. 쓸만한 주저리 2010.06.11
개체 이동 스크립트 수정판 이전에는 마우스를 누르는 순간, 개체의 중앙에 마우스 커서가 가도록 개체를 움직였는데 이제는 마우스를 눌러도 개체가 움직이지 않는다. 마우스를 누른 채 움직여야 개체가 움직인다. 초기에 팍하고 개체가 움직이는 게 보기 싫어서 조금 고쳤다. 대신 마우스가 쉽사리 개체의 바깥으로 나가 버리.. 쓸만한 주저리 2009.09.29
특정 자바스크립트 개체의 모든 속성 이름 알아내기 〈는 특수문자 〈input type=text id=textobj> 〈span id=writespan>〈/span> 〈script> var obj=document.getElementById('writespan') for(property in document.getElementById('textobj')){ obj.innerHTML=obj.innerHTML+'〈br>'+property+' : '+textobj[property] } 〈/script> 쓸만한 주저리 2008.10.17
마우스로 개체 움직이기의 수정판 (2008년 3월 5일) 이전에 마우스로 개체를 움직이는 소스와 목표 개체를 설정해서 겹치게 하는 소스를 등록했었다. 이번에는 조금 더 추가하여, 목표 개체에 이미 다른 개체가 있을 경우 원래 위치로 되돌리는 기능과, 목표 개체가 아닌 곳에 갖다 놓을 경우 원래 위치로 되돌리는 기능, 그리고 z-index를 조절해서 이동한.. 쓸만한 주저리 2008.03.05
개체를 목표 개체에 겹치기 전에 개체를 이동하는 소스를 등록했었는데 거기서 조금 더 나아가서 목표 개체를 설정하고 그 개체 위에 개체를 움직였을 때 목표 개체와 이동한 개체가 겹쳐지도록 만들어 보았다. <body onselectstart="return false"> <!-- <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false"> --> .. 쓸만한 주저리 2008.01.22
마우스로 개체를 움직이는 자바스크립트 혹시 태그나 자바스크립트에 변형이 가해질 것 같아 파일도 같이 올린다. 소스를 이해하기 어렵다면 아래 주소를 참조해 보라. http://www.simpleisbest.net/archive/2006/11/24/1316.aspx <span id=testspan1 style="background-color:#999999;width:100px;height:100px;border:1px solid black;position:absolute">test</span> <script> var move=false.. 쓸만한 주저리 2008.01.16