<HTML>
<HEAD>
<TITLE>폼안에 내용을 복사</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function copy(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
therange=tempval.createTextRange()
therange.execCommand("Copy")
alert('복사되었습니다. 붙여넣기는 Ctrl+V 입니다.');
}
</script>
</HEAD>
<BODY>
<form name="form">
<div align="center">
<input onclick="copy('form.email')" type="button" value="복사하기" >
<p>
<input type="text" name="email" value="<A href="mailto:master@primitivestudio.com">master@primitivestudio.com</A>">
</div>
</form>
</BODY>
</HTML>
'공부좀 합시다/JavaScript'에 해당되는 글 5건
- 2007/01/28 LetMeLove 폼안의 내용을 클립보드로 복사하기
- 2006/12/23 LetMeLove 최적 해상도보다 사용자해상도가 작을때 경고 후 창 닫기 (3)
- 2006/12/22 LetMeLove 이미지 썸네일 클릭시 큰이미지 보여주기
- 2006/12/22 LetMeLove 접속할때마다 다른 인덱스 보여주기
- 2006/12/21 LetMeLove 곰플레이어를 미디어플래이어처럼 쓰기 (1)
## 이번 예제는 사이트 최적 해상도보다 사용자 해상도가 작으면 경고 메세지를 출력후 창을 닫는
## 소스 입니다.
<body onLoad="Display_check();">
## 소스 입니다.
<script language="javascript">
function Display_check(){
if (screen.width<1024){
alert("\n\n 이용에 불편을 드려 대단히 죄송합니다.
\n\n\n 저희 사이트는은 모니터 해상도 1024X768 이상에서 제대로 보여집니다.
\n\n 디스플레이 등록정보에서 모니터 해상도를 1024X768 이상으로 변경해
\n\n 주신 후 다시 접속해 주시면 고맙겠습니다. \n");
parent.window.close();
}
}
</script>
<body onLoad="Display_check();">
## 이미지 썸네일 클릭시 큰이미지 보여주기
## Tip.
본소스를 이용해서 꼭 클릭이 아니라도 마우스오버를 하였슬때 그림이 바뀌도록 하려면,
<a href="#" onClick="cHange_iMage_vIew('s_4.jpg')"> 이부분을 <a href="#" onMouseover="cHange_iMage_vIew('s_4.jpg')">로 수정을 하여 주시면 되며, 클릭시 페이지가 top으로
이동되는 것도 맘에 안드신다면, href="#"을 href="javascript:;" 이렇게 수정을 하여서 사용하시면
되시겠습니다...
소스파일
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 이미지 썸네일 클릭시 큰이미지 보여주기 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="LetMeLove">
<META NAME="Keywords" CONTENT="이미지 썸네일 클릭시 큰이미지 보여주기">
<META NAME="Description" CONTENT="이미지 썸네일 클릭시 큰이미지 보여주기">
<script language="javascript">
function cHange_iMage_vIew(thumbName)
{
document.getElementById("rEsult_iMage").innerHTML = "<img src=\"./"+thumbName+"\" width=\"300\" height=\"300\" alt=\""+thumbName+"\">";
}
</script>
</HEAD>
<BODY>
<!--작은여러장이미지--> <table border="0" align="center" cellpadding="3" cellspacing="0">
<tr align="center">
<td> <table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #BEBEBE">
<tr>
<td><a href="#" onClick="cHange_iMage_vIew('s_1.jpg')"><img src="./s_1.jpg" width="100" height="100" border="0"></a></td>
</tr>
</table>
</td>
<td> <table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #BEBEBE">
<tr>
<td><a href="#" onClick="cHange_iMage_vIew('s_2.jpg')"><img src="./s_2.jpg" width="100" height="100" border="0"></a></td>
</tr>
</table>
</td>
<td> <table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #BEBEBE">
<tr>
<td><a href="#" onClick="cHange_iMage_vIew('s_3.jpg')"><img src="./s_3.jpg" width="100" height="100" border="0"></a></td>
</tr>
</table>
</td>
<td> <table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #BEBEBE">
<tr>
<td><a href="#" onClick="cHange_iMage_vIew('s_4.jpg')"><img src="./s_4.jpg" width="100" height="100" border="0"></a></td>
</tr>
</table>
</td>
<td> <table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #BEBEBE">
<tr>
<td><a href="#" onClick="cHange_iMage_vIew('s_5.jpg')"><img src="./s_5.jpg" width="100" height="100" border="0"></a></td>
</tr>
</table>
</td>
</tr>
</table><!--작은여러장이미지-->
<table width="100" height="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<!--큰이미지--> <table border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px solid #BEBEBE">
<tr>
<td id="rEsult_iMage"><img src="./big_300.jpg" width="300" height="300"></td>
</tr>
</table>
<?}?>
<table width="100" height="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</BODY>
</HTML>
## Tip.
본소스를 이용해서 꼭 클릭이 아니라도 마우스오버를 하였슬때 그림이 바뀌도록 하려면,
<a href="#" onClick="cHange_iMage_vIew('s_4.jpg')"> 이부분을 <a href="#" onMouseover="cHange_iMage_vIew('s_4.jpg')">로 수정을 하여 주시면 되며, 클릭시 페이지가 top으로
이동되는 것도 맘에 안드신다면, href="#"을 href="javascript:;" 이렇게 수정을 하여서 사용하시면
되시겠습니다...
소스파일
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 접속할때마다 다른 인덱스 보여주기 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="LetMeLove">
<META NAME="Keywords" CONTENT="접속할때마다 다른 인덱스 보여주기">
<META NAME="Description" CONTENT="접속할때마다 다른 인덱스 보여주기">
</HEAD>
<script language="javascript">
<!--
myIndex=new Array();
// 바꿔줄 페이지 리스트를 배열에 담습니다.
myIndex[0] = "index_1.html";
myIndex[1] = "index_2.html";
myIndex[2] = "index_3.html";
myIndex[3] = "index_4.html";
myIndex[4] = "index_5.html";
myIndex[5] = "index_6.html";
today=new Date();
len=5 //인덱스 페이지의 바뀔갯수
today2=today.getTime()/10
rnd=today2 % len
location.replace(myIndex[rnd])
//-->
</script>
<BODY>
</BODY>
</HTML>
<script src="<a href="http://app.ipop.co.kr/ipop/ipopxinstall.js" target=_blank snap_preview_added="spa">http://app.ipop.co.kr/ipop/ipopxinstall.js</a>"></script>
<script language=javascript>
function RunGom(name) {
if(ipopx.IsInstall) {
ipopx.SetVersionURL("<a href="http://app.ipop.co.kr/gom/GrVersion.ini" target=_blank snap_preview_added="spa">http://app.ipop.co.kr/gom/GrVersion.ini</a>");
ipopx.SetClassName("GomPlayer1.x");
ipopx.SetProgramID("GOMPLAYERBETA");
ipopx.bAutoInstall=0;
ipopx.bSilentInstall=0;
ipopx.Run("/nosetup", "", "");
if(ipopx.bLaunched==0) { // 실행 실패
if(ipopx.nLaunchErrorCode==1) {
alert("실행실패 : 파라메터 문법 오류");
}else if(ipopx.nLaunchErrorCode==2) {
alert("실행실패 : 파라메터 태그 오류");
}else if(ipopx.nLaunchErrorCode==3) {
alert("실행실패 : 커맨드 파라메터 오류");
}else if(ipopx.nLaunchErrorCode==5) {
alert("실행실패 : 서버오류");
}else if(ipopx.nLaunchErrorCode==11) {
alert("실행실패 : 프로그램 아이디 파라메터 오류");
}else if(ipopx.nLaunchErrorCode==12) {
alert("실행실패 : 런처 프로그램 버전이 맞지 않습니다. 서버에서 최신 설치파일을 다운로드 받으시기 바랍니다.");
}else if(ipopx.nLaunchErrorCode==13) {
alert("실행실패 : 최신 프로그램 설치에 실패 하였습니다.");
}else if(ipopx.nLaunchErrorCode==14) {
alert("실행실패 : 프로그램 실행을 실패 하였습니다.");
}else if(ipopx.nLaunchErrorCode==15) {
alert("실행실패 : 잘못된 레지스트리 위치");
}else if(ipopx.nLaunchErrorCode==16) {
alert("실행실패 : 프로그램의 경로를 구할수 없습니다.");
}else if(ipopx.nLaunchErrorCode==17) {
alert("실행실패 : 프로그램의 실행파일명이 없습니다.");
}else if(ipopx.nLaunchErrorCode==18) {
alert("실행실패 : 프로그램의 설정파일명이 없습니다.");
}else if(ipopx.nLaunchErrorCode==19) {
alert("실행실패 : 로컬 프로그램의 버전이 잘못되었습니다.");
}else if(ipopx.nLaunchErrorCode==20) {
alert("실행실패 : 로컬 프로그램의 버전이 잘못되었습니다. 서버에 해당 프로그램의 정보가 없습니다.");
}else if(ipopx.nLaunchErrorCode==30) {
alert("실행실패 : 업데이트 실패");
}else if(ipopx.nLaunchErrorCode==40) {
alert("실행실패 : 설치가 안되었습니다.");
}else if(ipopx.nLaunchErrorCode==41) {
alert("실행실패 : 구버전이 설치되어 있습니다.");
}else if(ipopx.nLaunchErrorCode==42) {
alert("실행실패 : 현재 구버전이 설치되어 있습니다.");
}else if(ipopx.nLaunchErrorCode==99) {
alert("실행실패 : 기타 오류");
}
return;
}
ipopx.SendCommand("/clearlist");
var param = "/add \"동영상 주소";
ipopx.SendCommand(param);
ipopx.SendCommand("/playfirst");
}else{
var param = "RunGom(" + "\"" + name + "\"" + ")";
setTimeout(param, 100);
}
}
function Launch(name){
ipopxInstall_gom();
RunGom(name);
}
window.onerror=myErrorHandler
function myErrorHandler() {
alert('잠시 서버에 장애가 생겼습니다.')
return true
}
</script>
<script language="javascript">
function OpenURL(){
GOMWEB.AutoStart = 1;
GOMWEB.Url = "동영상 주소"
}
</script>자.. 끝났습니다. 참. 위에 동영상 주소라고 적혀있는 부분에 주소를 써주시고요 " " 안에 넣어주시기 바랍니다.
다음은 body 안에 넣어주시기 바랍니다.
MS_POSITIONING="GridLayout" onLoad="OpenURL()" 이걸 넣어주시면 됩니다.
이렇게 말이죠 . "<body bgcolor="#FFFFFF" text="#000000" MS_POSITIONING="GridLayout" onLoad="OpenURL()">"
body도 끝났습니다. 이제 내용안에 다음 소스를 추가 합니다.
<OBJECT id="GOMWEB" style="WIDTH: 256; HEIGHT: 256" classid="clsid:7606693A-C18D-4567-AF85-6194FF70761E" codebase="http://app.ipop.co.kr/gom/GomWeb.cab#version=1,0,0,10"></OBJECT>
이렇게요. WIDTH와 HEIGHT 안에 크기를 조절하면..
곰플레이어가 적용이 되었습니다!!



댓글을 달아 주세요
댓글 RSS 주소 : http://letmelove.net/blog/rss/comment/29