웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
Javascript + 플래시 칼라피커
2004.10.08 18:28
링크 1 : http://mygony.com/tt/index.php?pl=78&nc=1
링크 2 : http://mygony.com/tt/down.php?attachname=637911.zip
플래시와 연동한 칼라피커 입니다.
우선 소스....
-----------------------------------
/**
* by 행복한고니 (20041008)
*
* Homepage : http://www.mygony.com
*/
var ColorPicker = function() {};
ColorPicker.appendSWF = false;
ColorPicker.show = function(obj, handler) {
if (ColorPicker.path == undefined) ColorPicker.path = "ColorPicker.swf";
if (ColorPicker.align == undefined) ColorPicker.align = "left";
if (ColorPicker.handler == undefined) {
if (handler == undefined) ColorPicker.handler = function(str){};
else ColorPicker.handler = handler;
}
if (ColorPicker.appendSWF == false) ColorPicker.DoAppendSWF();
var X, Y;
var pos = ColorPicker.getOffsetPos(obj);
var W = obj.offsetWidth, H = obj.offsetHeight;
with (ColorPicker) {
align = align.toLowerCase();
layer.style.display = "block";
X = pos.x, Y = pos.y;
if (align == "left") {
Y += H;
} else if (align == "right") {
X = pos.x - (layer.offsetWidth - W);
Y += H;
} else if (align == "top") {
X += W;
} else if (align == "middle") {
X += W;
Y -= Math.round((layer.offsetHeight-H)/2);
} else if (align == "bottom") {
X += W;
Y -= layer.offsetHeight - H;
}
layer.style.top = Y + 'px';
layer.style.left = X + 'px';
}
}
ColorPicker.hide = function() {
if (ColorPicker.appendSWF == false) ColorPicker.DoAppendSWF();
ColorPicker.layer.style.display = "none";
}
ColorPicker.getOffsetPos = function(obj) {
if (obj.offsetParent == null) {
return {"x":obj.offsetLeft, "y":obj.offsetTop};
} else {
var pos = ColorPicker.getOffsetPos(obj.offsetParent);
return {"x":obj.offsetLeft + pos.x, "y":obj.offsetTop + pos.y};
}
}
ColorPicker.DoAppendSWF = function() {
var DIV = document.createElement("DIV");
var BODY = document.getElementsByTagName("BODY")[0];
DIV.innerHTML = "<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="150" height="130"><param name="movie" value=""+ColorPicker.path+""><param name="quality" value="high"><embed src=""+ColorPicker.path+"" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="130"></embed></object>";
DIV.style.position = "absolute";
DIV.style.display = "none";
ColorPicker.layer = BODY.appendChild(DIV);
ColorPicker.appendSWF = true;
}
-----------------------------------
위 소스를 포함한 후에, 환경설정을 해줄 수 있는데...
-----------------------------------
// settings
ColorPicker.path = 'ColorPicker.swf';
ColorPicker.align = 'right'; // ( left, right, middle, top, bottom)
ColorPicker.handler = userFunc; // default handler
-----------------------------------
위와 같이 설정합니다. 여기서 userFunc 은 사용자가 미리 정의한 함수입니다. 사용자 함수를 정의하실때에는 반드시 한개이상의 전달자가 있어야 합니다. 첫번째 값으로는 '#'를 포함한 16진수 색상코드가 전달됩니다.
첫번째 링크를 클릭하시면 예제 및 파일을 다운로드 받으실 수 있으며 보다 상세한 설명을 볼 수 있고, 두번째 링크를 클릭하시면 바로 관련 파일만 다운로드 받을 수 있습니다.
링크 2 : http://mygony.com/tt/down.php?attachname=637911.zip
플래시와 연동한 칼라피커 입니다.
우선 소스....
-----------------------------------
/**
* by 행복한고니 (20041008)
*
* Homepage : http://www.mygony.com
*/
var ColorPicker = function() {};
ColorPicker.appendSWF = false;
ColorPicker.show = function(obj, handler) {
if (ColorPicker.path == undefined) ColorPicker.path = "ColorPicker.swf";
if (ColorPicker.align == undefined) ColorPicker.align = "left";
if (ColorPicker.handler == undefined) {
if (handler == undefined) ColorPicker.handler = function(str){};
else ColorPicker.handler = handler;
}
if (ColorPicker.appendSWF == false) ColorPicker.DoAppendSWF();
var X, Y;
var pos = ColorPicker.getOffsetPos(obj);
var W = obj.offsetWidth, H = obj.offsetHeight;
with (ColorPicker) {
align = align.toLowerCase();
layer.style.display = "block";
X = pos.x, Y = pos.y;
if (align == "left") {
Y += H;
} else if (align == "right") {
X = pos.x - (layer.offsetWidth - W);
Y += H;
} else if (align == "top") {
X += W;
} else if (align == "middle") {
X += W;
Y -= Math.round((layer.offsetHeight-H)/2);
} else if (align == "bottom") {
X += W;
Y -= layer.offsetHeight - H;
}
layer.style.top = Y + 'px';
layer.style.left = X + 'px';
}
}
ColorPicker.hide = function() {
if (ColorPicker.appendSWF == false) ColorPicker.DoAppendSWF();
ColorPicker.layer.style.display = "none";
}
ColorPicker.getOffsetPos = function(obj) {
if (obj.offsetParent == null) {
return {"x":obj.offsetLeft, "y":obj.offsetTop};
} else {
var pos = ColorPicker.getOffsetPos(obj.offsetParent);
return {"x":obj.offsetLeft + pos.x, "y":obj.offsetTop + pos.y};
}
}
ColorPicker.DoAppendSWF = function() {
var DIV = document.createElement("DIV");
var BODY = document.getElementsByTagName("BODY")[0];
DIV.innerHTML = "<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="150" height="130"><param name="movie" value=""+ColorPicker.path+""><param name="quality" value="high"><embed src=""+ColorPicker.path+"" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="130"></embed></object>";
DIV.style.position = "absolute";
DIV.style.display = "none";
ColorPicker.layer = BODY.appendChild(DIV);
ColorPicker.appendSWF = true;
}
-----------------------------------
위 소스를 포함한 후에, 환경설정을 해줄 수 있는데...
-----------------------------------
// settings
ColorPicker.path = 'ColorPicker.swf';
ColorPicker.align = 'right'; // ( left, right, middle, top, bottom)
ColorPicker.handler = userFunc; // default handler
-----------------------------------
위와 같이 설정합니다. 여기서 userFunc 은 사용자가 미리 정의한 함수입니다. 사용자 함수를 정의하실때에는 반드시 한개이상의 전달자가 있어야 합니다. 첫번째 값으로는 '#'를 포함한 16진수 색상코드가 전달됩니다.
첫번째 링크를 클릭하시면 예제 및 파일을 다운로드 받으실 수 있으며 보다 상세한 설명을 볼 수 있고, 두번째 링크를 클릭하시면 바로 관련 파일만 다운로드 받을 수 있습니다.
댓글 6
-
덜렁이
2004.10.16 02:40
많은 도움이 되겠군요. 사용 할 때 주석과 고니님 링크는 빼지 않겠습니다. 감사! ^^* -
†천상의燦†
2004.10.09 20:54
링크가 안 열립니다 ㅠㅠ -
행복한고니
2004.10.10 20:25
†천상의燦† // 서버가 죽어있었습니다. ㅠ_ㅠ
다시 살렸으니 보시면 될 것 같습니다. -
†천상의燦†
2004.10.11 00:47
저 알집 최신버전인데요. 다운이 안된다는데요 ㅠㅠ
에러가 걸려요. -
예뜨락
2004.10.12 15:58
앙증맞은 크기에 아주 좋은데요 ^^
고니님 팁하구 강의는 항상 좋은 도움이 되네요 -
위대한위선자
2004.10.19 10:35
좋습니다. 추천 ~~~~~
제목 | 글쓴이 | 날짜 |
---|---|---|
메뉴활성화에 따라 원하는 위치에 레이어 넣고 바꾸기.. 왼쪽 플래시 메뉴 메뉴따라서 바꾸기 [4] | 만쓰별(정만) | 2009.01.24 |
심플한 XML 플래시 이미지 갤러리 [7] | maxtabby | 2010.12.21 |
허접 팁....레이어로 플래시 뺨치는 홈페이지 만들기 -추가- [17] | 남규성 | 2004.05.05 |
메인화면에 플래시 쉽게 삽입하는 방법.. [12] | 청개구리00 | 2008.08.30 |
미디어(이미지,플래시 등) 파일 무단링크 차단 [8] | 도라란 | 2011.07.11 |
플래시 랜덤하게 불러오기 [9] | 선비숨결 | 2009.04.21 |
XE 홈피에 예쁜 음악BGM 넣는 방법(프레임 분리형 플래시BGM) | 푸른커튼2 | 2011.04.18 |
네이버 메인페지 플래시광고처럼 들갈때마다 바뀌게 하기. [3] | 좋은남자 | 2006.08.30 |
[추천 강의] 플래시로 보는 노프레임 홈 만들기! [63] | ROBIN | 2002.09.18 |
익스플러로 플래시 영역 박스 생김과 이 컨트롤을 활성화.. [14] | 도토리맘 | 2006.05.15 |
플래시 영역에 박스가 생기는것 [4] | 로그인 | 2006.05.03 |
텍스트 색상이 플래시처럼 바뀌는 소스. | java | 2006.04.15 |
플래시 칼라피커 두번째 버전 [1] | 행복한고니 | 2005.03.16 |
홈페이지를 풀스크린으로 띄우자 - 올플래시로 보이는군요. [21] | Multi_Taeji | 2004.12.10 |
iFlower 윈도우리스 플래시 ActiveX 컨트롤 | 덴디 | 2004.11.16 |
ActiveX 플래시 이미지캡쳐 컨트롤 iFlower [1] | 덴디 | 2004.11.15 |
Javascript + 플래시 칼라피커 [6] | 행복한고니 | 2004.10.08 |
[초간단 자바스크립트!] 플래시 FullSize로 보여주기 [4] | ∑Ztxy | 2004.02.05 |
플래시느낌의 유동적인 메뉴 [9] | jabusim | 2003.11.13 |
[초간단 자바스크립트!] 자바로 플래시 따라하기! [3] | ∑Ztxy | 2003.10.15 |