이번 포스팅은 웹화면에 플래시파일(.swf)을 띄우기 위한 샘플링을 구현하고자 한다.
우선 사용할 파일은 swfobject.js 라는 것이다.
사이트URL : https://code.google.com/p/swfobject/
위화면으로 가서 swfobject 관련 zip파일을 다운로드 받도록 하자
받았다면 압축해제후, swfobject.js파일과 expressInstall.swf 파일을 본인의 프로젝트내에 복사 붙여넣기를 해보도록 하자
그리고 샘플링으로 필요한 swf파일이 있어야하니 우선 다운로드 받은 파일내에 존재하는 swf파일[test.swf]을 프로젝트내에 넣도록 하자
그리고 경로에 맞추어서 일부를 수정하였음.
물론, 다운로드 파일내에 존재하는 샘플을 코드만 그대로 가져다 놓은후, 경로를 본인의 환경에 맞추고 호출을 해본것임.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 스크립트 include -->
<script type="text/javascript" src="/resources/swfobject.js"></script>
<script type="text/javascript">
//<object> 태그 id를 첫번째 param으로 설정
swfobject.registerObject("swfId", "9.0.0", "/resources/expressInstall.swf");
</script>
</head>
<body>
<div>
<object id="swfId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120">
<!-- SWF 파일 경로를 value속성에 일치 -->
<param name="movie" value="/resources/test.swf" />
<!--[if !IE]>-->
<!-- SWF 파일 경로를 data속성에 일치 -->
<object type="application/x-shockwave-flash" data="/resources/test.swf" width="300" height="120">
<!--<![endif]-->
<div>
<h1>Alternative content</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>
본인이 변경한 부분은 /resources가 존재하는 값들만 변경을 해준것이다.
그럼 이제 실행을 해보도록 하자.
윈도우 버전을 호출하는 플래시파일인가 보다.
이걸로 swf파일 호출하는 샘플은 끝~
※ swfobject.registerObject("swfId", "9.0.0", "/resources/expressInstall.swf");
왜필요한지 모르겠다 없어도 플래시는 잘 호출 되는거 같은대... 뭐하는 함수인지..
API 찾아보고 추가 포스팅을 해야겠다..
도움이 되셨다면 공감클릭! 궁금하신점은 댓글!!
'샘플소스 > 샘플소스(jQuery/스크립트)' 카테고리의 다른 글
| jquery 체크박스 전체 선택/해제 샘플소스 (1) | 2014.06.10 |
|---|---|
| 자바스크립트 replaceall 함수만들기 (0) | 2014.06.08 |
jQuery attr / prop 함수에 대해서 설명하던 도중 생각이나서 작성하게 되었습니다.
심플한 소스입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
//전체선택 체크박스 클릭
$("#allCheck").click(function(){
//만약 전체 선택 체크박스가 체크된상태일경우
if($("#allCheck").prop("checked")) {
//해당화면에 전체 checkbox들을 체크해준다
$("input[type=checkbox]").prop("checked",true);
// 전체선택 체크박스가 해제된 경우
} else {
//해당화면에 모든 checkbox들의 체크를해제시킨다.
$("input[type=checkbox]").prop("checked",false);
}
})
})
</script>
</head>
<body>
<table>
<tr>
<td>
전체선택 : <input type="checkbox" id="allCheck"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
<tr>
<td>
<input type="checkbox"/>
</td>
</tr>
</table>
</body>
</html>
도움이 되셨다면 손가락↓ 클릭! 궁금하신점은 댓글!!
'샘플소스 > 샘플소스(jQuery/스크립트)' 카테고리의 다른 글
| swfobject.js 를 이용하여 화면에 플래시파일 호출하기 (0) | 2014.07.29 |
|---|---|
| 자바스크립트 replaceall 함수만들기 (0) | 2014.06.08 |
자바스크립트에서는 replace 함수를 제공하지만 replaceall함수는 없는걸로 알고 있다.
replace함수는 전제 문자열에서 특정 문자 여러개를 변경하지는 않는다.
only one!!
replaceall 함수를 한번 만들고 사용해보자
window.onload = function(){
var str = "2013-01-02";
alert("변경전 문자:"+str);
str = replaceall(str,"-","");
alert("변경후 문자:"+str);
};
function replaceall(fullStr,originalStr,changeStr){
return fullStr.split(originalStr).join(changeStr);
}해당 소스를 스크립트 코드안에 넣어봐서 돌려보시면 이해가 가실겁니다.
도움이 되셨다면 손가락↓ 클릭! 궁금하신점은 댓글!!
'샘플소스 > 샘플소스(jQuery/스크립트)' 카테고리의 다른 글
| swfobject.js 를 이용하여 화면에 플래시파일 호출하기 (0) | 2014.07.29 |
|---|---|
| jquery 체크박스 전체 선택/해제 샘플소스 (1) | 2014.06.10 |