본문 바로가기

컴터/Javascript / html

(45)
대부분 브라우저 호환되는 클립보드에 텍스트 복사하기 + 출처표기 대부분 브라우저에 호환되는 클립보드(clipboard)에 호환되는 텍스트 복사하기 https://jsfiddle.net/jsLfnnvy/12/https://clipboardjs.com/http://stackoverflow.com/questions/31593297/using-execcommand-javascript-to-copy-hidden-text-to-clipboard Clipboard Copy 설명 이메일 주소 아이디 Default Primary Success Info Warning Danger Copy
좌우로 슬라이드(vertical slide) 많이들 사용하는 가로로 슬라이드?? 뭐라 이름이 좀 모르는데 아래 그림 참고.간단히 움직임만 따라해봄. 데모 : http://whatdo.net/html5/example/verticalSlide.html js 코드 /*- 가로로 움직이는 갤러리@params : 옵션이며 없다면 기본값으로 적용됨target : 움직일 부모 객체 (css selector default : .vertical_motion)mover : 마우스오버할 target 의 '자식' 객체 (css selector default : .vm_list) @html data-* : 옵션이며 없다면 기본값으로 적용됨data-min : 최소넓이값(string numberic type default : "130") data-motion-auto : 자..
javascript hoisting(호이스팅) 이란 (참고 : http://insanehong.kr/post/javascript-function/) 인터프린터가 자바스크립트 코드를 해석함에 있어서 Global 영역의 선언된 코드블럭을 최상의 Scope로 끌어올리는 것을 호이스팅이라 한다. 함수, 변수등을 아래에 선언하더라도 js엔진이 이것들을 실행블럭의 최상단으로 할당한다.여기서 실행블럭이라 하면 js는 함수(function)단위이다. 헌데 대입(=)구문으로 들어간 것들(변수에 할당된것)은 따라 가지 않고 {} 로 선언된 것들만 최상단에 자동으로 위치하게된다. 즉, function a(){~~~} 는 호출구문 아래 작성되었더라도 엔진에 의해 블럭의 최상단으로 옮겨져 해당 함수를 어디서든 호출하여도 에러가 나지 않지만 var a='a' 로 선언된것은 var..
[자바스크립트]본문내 실제 이미지 크기가 설정값 이상이면 레이어로 크게 보기 /////////////이전한 디비에서의 큰 사진 resize를 위해 ///////////////// var resizePhoto = { vars : {"width":600, "element":"articleBody"},//초기값.. 뭐하면 본문 테이블 넓이를 재어 와도 됨, 한정지을 elementById bind:function(obj, evt, fun){ if(obj.addEventListener) obj.addEventListener(evt, fun, false); else obj.attachEvent("on"+evt, fun); }, init:function(){ var imgs = document.getElementById(resizePhoto.vars.element);///한정할 부분 .. 여..
a 태그에 이미지 백그라운드로 나오게할때 ie만나오고 firefox등에선 안나올때 a {width:160px; height:30px; background:url(../img/top_logo.gif) no-repeat top left; display:block;} display:block; 해주어야 한다. 이제야 알았다.. 혹여 다른방법 아시는 분 알려주삼..;;
[firefox, chrome, IE] onresize 이벤트 레이어 팝업을 띄울때 setTimeout 으로 1초당 브라우저 크기를 체크해 레이어를 원하는 위치에 위치 시켰는데, onresize 라는 것을 오늘 처음 알았다.. 모르는 분들을 위해... 더 좋은것 firefox, chrome, ie 된다는거.. 다른건 테스트 안해 봐다. 중앙에 위치
스크롤 생겼을때 y 축계산시 벗어난것 해결 클릭으로 레이어 띄울때 스크롤이 길어 스크롤바를 밑으로 내리고 레이어를 띄우게 되면 event.y 만 하게 되면 마우스 위치에 뜨지 않는다. 그걸 해결하기 위해 document.body.scrollTop 을 해서 더해 주면 스크롤 내린 만큼 보상해 준다 document.body.scrollTop + event.y;
링크를 클릭하면 현재 페이지를 html파일로 저장 현재 페이지 저장