그누보드4 플래시 삽입 함수에 flashvars 파라미터 추가하는 방법

• 목록
• 스크랩

그누보드4 플래시 삽입 함수에 flashvars 파라미터 추가하는 방법

그누보드4 운영 시 플래시와 데이터 연동이 필요할 때, 기존 flash_movie 함수가 flashvars 인자를 지원하지 않아 발생하는 문제를 해결합니다. /js/common.js 파일을 수정하여 변수 전달 기능을 추가하는 구체적인 절차를 안내합니다.

그누보드4 플래시 연동을 위한 함수 변경 방법

그누보드4에서 플래시와 연동하기 위해 flashvars 파라미터를 전달할 수 있도록 자바스크립트 파일과 함수를 수정해야 합니다.

1. 수정 대상 파일 및 함수

• 대상 파일: /js/common.js
• 대상 함수: flash_movie

2. 함수 수정 내용

/js/common.js 파일 내의 기존 flash_movie 함수 정의부를 찾아 파라미터와 <object> 태그 내 <param> 설정을 추가합니다.

• 원본 함수 형태:

function flash_movie(src, ids, width, height, wmode) {
 var wh = "";
 if (parseInt(width) && parseInt(height))
 wh = " width='" + width + "' height='" + height + "' ";
 return "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' " + wh + " id=" + ids + "><param name=wmode value=" + wmode + "><param name=movie value=" + src + "><param name=quality value=high><embed src=" + src + " quality=high wmode=" + wmode + " type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash' " + wh + "></embed></object>";
}

• 수정된 함수 형태:

function flash_movie(src, ids, width, height, wmode, flashvars) {
 var wh = "";
 if (parseInt(width) && parseInt(height))
 wh = " width='" + width + "' height='" + height + "' ";
 return "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' " + wh + " id=" + ids + "><param name=wmode value=" + wmode + "><param name=movie value=" + src + "><param name=flashvars value=" + flashvars + "?><param name=quality value=high><embed src=" + src + " quality=high wmode=" + wmode + " type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash' " + wh + "></embed></object>";
}

3. 스크립트 호출 예시

함수 수정 이후에는 아래와 같이 마지막 인자에 flashvars 값을 추가하여 플래시를 삽입할 수 있습니다.

<script>doc_write(flash_movie("<?=$g4['path']?>/플래쉬.swf", "ids", 72, 199, "transparent", "flashvars"));</script>

플래시 연동을 위한 flash_movie 함수 변경 방법

그누보드4에서 플래시 파일을 삽입할 때 사용되는 공통 함수 flash_movie에 flashvars 파라미터를 추가하여 플래시와 데이터를 연동할 수 있습니다. 수정 전 원본 파일을 반드시 백업한 뒤 아래 절차를 진행하세요.

1. /js/common.js 수정

/js/common.js 파일 내의 flash_movie 함수 정의부를 찾아 파라미터와 <param> 태그를 추가합니다.

원본 함수 정의부:

function flash_movie(src, ids, width, height, wmode) {
 var wh = "";
 if (parseInt(width) && parseInt(height))
 wh = " width='"+width+"' height='"+height+"' ";
 return "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' "+wh+" id="+ids+"><param name=wmode value="+wmode+"><param name=movie value="+src+"><param name=quality value=high><embed src="+src+" quality=high wmode="+wmode+" type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash' "+wh+"></embed></object>";
}

수정된 함수 정의부:

function flash_movie(src, ids, width, height, wmode, flashvars) {
 var wh = "";
 if (parseInt(width) && parseInt(height))
 wh = " width='"+width+"' height='"+height+"' ";
 return "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' "+wh+" id="+ids+"><param name=wmode value="+wmode+"><param name=movie value="+src+"><param name=flashvars value="+flashvars+"?><param name=quality value=high><embed src="+src+" quality=high wmode="+wmode+" type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash' "+wh+"></embed></object>";
}

2. 스크립트 호출부 적용

함수 수정 후 플래시를 호출하는 스크립트에서 마지막 인자로 flashvars 값을 전달합니다.

<script>doc_write(flash_movie("<?=$g4['path']?>/플래쉬.swf", "ids", 72, 199, "transparent", "flashvars"));</script>

위 코드의 flashvars 위치에 연동에 필요한 실제 변수 및 값을 지정하여 사용합니다.

그누보드4 플래시 호출 함수에서 flashvars 값 적용 방법

/js/common.js 파일의 flash_movie 함수에 flashvars 파라미터가 추가된 이후에는, 웹페이지나 스킨 파일 내에서 스크립트를 호출할 때 마지막 인자 자리에 원하는 flashvars 값을 전달하여 플래시를 삽입할 수 있습니다.

스크립트 호출 예시

플래시를 출력하려는 위치에 아래와 같은 형식으로 코드를 작성하고 flashvars 값 위치에 필요한 값을 입력합니다.

<script>doc_write(flash_movie("<?=$g4['path']?>/플래쉬.swf", "ids", 72, 199, "transparent", "flashvars"));</script>

• 첫 번째 인수: 플래시 파일 경로 (<?=$g4['path']?>/플래쉬.swf)
• 두 번째 인수: 플래시 객체의 ID (ids)
• 세 번째 및 네 번째 인수: 가로 및 세로 크기 (72, 199)
• 다섯 번째 인수: 배경 투명 여부 등 wmode 값 (transparent)
• 여섯 번째 인수: 전달할 변수 값 (flashvars)

그누보드4 플래시 삽입 함수에 flashvars 파라미터 추가 방법

그누보드4에서 플래시와 연동할 때 필요한 flashvars 값을 전달하려면 /js/common.js 파일의 flash_movie 함수 정의부와 객체 태그를 수정해야 합니다.

1. /js/common.js 파일 수정

기존 flash_movie 함수는 flashvars 인자를 지원하지 않으므로 파라미터와 <param> 태그를 추가해 수정합니다.

원본 함수:

function flash_movie(src, ids, width, height, wmode)
{
 var wh = "";
 if (parseInt(width) && parseInt(height))
 wh = " width='"+width+"' height='"+height+"' ";
 return "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' "+wh+" id="+ids+"><param name=wmode value="+wmode+"><param name=movie value="+src+"><param name=quality value=high><embed src="+src+" quality=high wmode="+wmode+" type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash' "+wh+"></embed></object>";
}

수정된 함수:

function flash_movie(src, ids, width, height, wmode, flashvars)
{
 var wh = "";
 if (parseInt(width) && parseInt(height))
 wh = " width='"+width+"' height='"+height+"' ";
 return "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' "+wh+" id="+ids+"><param name=wmode value="+wmode+"><param name=movie value="+src+"><param name=flashvars value="+flashvars+"?><param name=quality value=high><embed src="+src+" quality=high wmode="+wmode+" type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash' "+wh+"></embed></object>";
}

2. 스크립트 호출부 적용 예시

함수를 수정한 뒤에는 플래시를 삽입하는 스크립트 호출부에 마지막 인자로 flashvars 값을 추가하여 원하는 값을 전달할 수 있습니다.

<script>doc_write(flash_movie("<?=$g4['path']?>/플래쉬.swf", "ids", 72, 199, "transparent", "flashvars"));</script>

3. 자바스크립트 수정 후 브라우저 반영 확인

코드를 수정한 후 웹브라우저 캐시로 인해 변경된 common.js 내용이 즉시 적용되지 않을 수 있습니다. 이 경우 브라우저의 강력 새로고침(Ctrl + F5)을 시도하여 수정 사항이 올바르게 반영되는지 확인해야 합니다.

그누보드4 플래시 연동을 위한 함수 수정 가이드

내 상황	우선할 판단	다음 행동
그누보드4에서 플래시와 데이터를 연동하기 위해 변수 값을 전달해야 함	기존 flash_movie 함수가 flashvars 인자를 지원하는지 확인	/js/common.js 파일의 함수 정의부와 object 태그에 flashvars 추가

실전 FAQ

Q. 자바스크립트 파일을 수정한 뒤에도 웹페이지에 변경 사항이 반영되지 않아요.

• 예외 및 대안: 웹브라우저 캐시로 인해 이전 버전의 common.js 파일이 로드될 수 있습니다. 강력 새로고침(Ctrl + F5)을 수행하거나, 스크립트 호출부의 파일 경로 뒤에 버저닝 파라미터(예: ?ver=...)를 추가하여 강제로 최신 파일을 불러오도록 조치할 수 있습니다.

함께 보면 좋은 글

• 그누보드 다음 주소 API 파라미터 제거 패치 가이드

참고자료

기타 참고자료

• happyjung.com — G4 플래쉬 연동을 위한 플래쉬 스크립트 호출 함수 변경 > 기술자료 | 해피정닷컴
• mmee2.tistory.com — JS JS, CSS 파일 변경 후 내용이 적용이 안될 때 오류 해결 방법