'자바스크립트' 태그의 글 목록

jQuery를 이용한 RowSpan 함수

//2015-08-14 오춘석 rowspan 함수 //입력변수 : id -> table id, n -> rowspan 적용할 행의 갯수 //table 설정 : table id 지정(입력 변수에 할당), rowspan 적용할 td에 rowspan_고유공통값_n 형식으로 class 지정 (n은 1~9. 10부터는 오류 가능성 있음) //고유공통값은 합쳐야 하는 td들 사이에는 공통으로 쓰지만 ..

쓸만한 주저리 2015.08.14

페이스북 앱(페이지탭) 만들 때 황당한 일

자바스크립트 함수 이름을 photo_vote로 쓰고 일반 페이지에서 잘 되는 걸 확인하고 페이스북 연동을 위해 페북 캔버스 안에 넣고 페이지탭으로 띄웠다. 다른 건 다 잘 되는데 유독 photo_vote만 작동을 안 한다. alert()을 여기저기 찔러 넣고 실행해 봐도, 그 놈만 만나면 아무런 반응이 없다. 그..

쓸만한 주저리 2013.03.28

마우스로 개체 이동 및 크기 변화, 자동 크기 변화

마우스로 개체 이동 및 가로 크기 변화(좌우 개체)에다가 지정된 크기까지 줄여주는 함수를 추가했다. 사용법은 아래와 같다. e_resize('rightview','leftview','right',400) function e_resize(leftobjid,rightobjid,direction,limit) 수정 : 가속도 추가 및 함수 간결화 가속도 추가 - 처음엔 빠르다가 나중엔 느림 함수 간결화 - 입..

쓸만한 주저리 2010.06.16

개체 이동 스크립트 기능 강화판 (개체 이동+가로 너비 변경 동시)

개체 이동(movethis) 외에 e-resizethis를 만들었다. 두 개체의 사이에 세로 막대 개체를 하나 만들어 두고 세로 막대 개체를 움직이면 좌우의 개체(minusobj,plusobj)의 가로 너비가 변하도록(이동하는만큼)하는 스크립트이다. 기존의 개체 이동 기능은 그대로 두고 함수를 추가했다. 사용 예 : ..

쓸만한 주저리 2010.06.11

파노라마 사진 스크립트

예시 : http://ipoll.micans.co.kr/test_panorama.html 2010년 5월 13일 <body onload=init()> 추가 <body onload=init()> <div id=divarea style=width:800px;height:600px;overflow:hidden;position:relative> <div id=div1 style=position:absolute;top:0px;left:0px><img id=img1 src=a6.jpg></div> <div id=div2 style=position:absolute;top:0px;left:800px><img sr..

쓸만한 주저리 2010.05.12

3개의 배너를 돌리는 스크립트 (흑백 처리 - PC 전용)

흑백 처리 및 비정규 속성(call)을 사용하기 때문에 IE 전용입니다. <style> .grayscale{filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);filter:url(filters.svg#grayscale);-webkit-filter:grayscale(1)} .abs_pos{position:absolute} .rel_pos{position:relative} .left_mid{cursor:pointer;left:10px;top:7px} .center_mid{cursor:pointer;left:150px;t..

쓸만한 주저리 2010.04.30

개체를 1초 동안 투명에서 불투명으로 바꾸는 함수

function fadein(objid,num){ var objid2=null if(typeof objid=='object'){ objid2=objid.id } else{ objid2=objid } //document.getElementById(objid2).style.filter='alpha(opacity='+num+')' //ie document.getElementById(objid2).style.opacity=num/100 //chrome //document.getElementById(objid2).style.-moz-opacity=num/100 //ff if(num<100){ setTimeout("fadein("+objid2+","+(num+5)+")",10) } } 탭 기능..

쓸만한 주저리 2010.04.29

개체 이동 스크립트 수정판

이전에는 마우스를 누르는 순간, 개체의 중앙에 마우스 커서가 가도록 개체를 움직였는데 이제는 마우스를 눌러도 개체가 움직이지 않는다. 마우스를 누른 채 움직여야 개체가 움직인다. 초기에 팍하고 개체가 움직이는 게 보기 싫어서 조금 고쳤다. 대신 마우스가 쉽사리 개체의 바깥으로 나가 버리..

쓸만한 주저리 2009.09.29

CSS의 Class를 이용한 RollOver 기능 구현

참조 : http://www.dustindiaz.com/getelementsbyclass/ getElementsByClass 함수를 가져 왔다. 도시락에서 Class를 이용해서 간단하게 구현한 RollOver 기능을 구현해 달라는 디자이너의 요구에 이것저것 찾아다 만들었다. 얼마나 잘 만들었는지는 모르겠지만, 어쨋든 도시락처럼 구현은 되었다. --------------------------------------..

쓸만한 주저리 2009.07.03

scrollIntoView : 특정 개체로 화면 이동

&..

쓸만한 주저리 2009.06.29

주저리주저리

자바스크립트 73

티스토리툴바

« 2025/01 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31