강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

자바스크립트 활용도 높은 소스 Tip 모음
작성자 : 99 단국강토
등록날짜 : 2009.02.16 11:11
1,485

* META TAG 정리

<META name="generator" content="홈페이지 제작도구">
홈페이지를 만드는데 사용한 프로그램 프로그램 이름을 넣으려면 content="메모장" 과 같은 식으로 적으시면 됩니다.

<META name="author" contents="홈페이지를 제작한 사람 이름">
홈페이지를 만든 제작자를 넣으려면 content="제작자 이름등" 와 같이 적으시면 됩니다.

<META name="keywords" content="홈페이지가 담고 있는 내용">
홈페이지가 담고 있는 내용을 content="tip, 별, 시" 와 같이 ',' 를 단어 사이에 넣어 나열하면 됩니다. 검색엔진에서 검색어를 입력하고 찾기를 할 때 불러들이는 부분들입니다. 메타태그의 핵심기능이라고 할 수 있습니다.


<META name="description" content="홈페이지 소개">
홈페이지에 대한 간단한 소개글을 적습니다.


<META http-equiv="refresh" content="3; url=http://원하는 주소.net">
3초 후에 http://원하는 곳으로.net로 자동으로 이동하게 하는 옵션입니다.

<META http-equiv="Pragma" content="no-cache">
캐쉬에서 해당 페이지를 읽어들이는 걸 방지합니다. 들어올 때마다 새로고침을 한 것과 같은 효과입니다.

<META http-equiv="expires" content="MON, 01 apr 2002 00:00:01 GMT">
지정된 시간 이후에는 웹문서 캐쉬(cache) 금지
일반적으로 현재 시간보다 과거 시간을 설정합니다.

<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
문자 형식 지정 -
HTML은 ISO코드, 완성형 코드등의 다양한 문자셋을 지정합니다. 일반적으로 ISO 코드를 많이 사용합니다.

<META http-equiv="Content-Script-Type" content="text/javascript">
스크립트 형식 지정 -
스크립트 형식에는 text/javascript(자바스크립트) 와 VBScript(비쥬얼베이직 스크립트)가 있습니다.

<META http-equiv="Content-Style-Type" content="text/css">
스타일시트 형식 지정

<META http-equiv="Page-Enter" content="RevealTrans(Duration=10, Transition=50)">
웹문서를 들어오거나 나갈때 효과주기
속성값이 Page-Enter, Page-Exit는 웹문서를 들어오거나 나갈 때 한쪽 모서리 부터 서서히 드러나거나 사라지는 효과를 줍니다.

* 이올라스 패치문제는 간단하게 해결가능

1. iepatch.js파일을 만든다.

( iepatch.js의 내용 그대로 긁어서 복사해 넣으세요. )



// flashWrite(파일경로, 가로, 세로, 아이디, 배경색, 변수, 윈도우모드)
function flashWrite(url,w,h,id,bg,vars,win){

// 플래시 코드 정의
var flashStr=
"<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='"+w+"' height='"+h+"' id='"+id+"' align='middle'>"+
"<param name='allowScriptAccess' value='always' />"+
"<param name='movie' value='"+url+"' />"+
"<param name='FlashVars' value='"+vars+"' />"+
"<param name='wmode' value='"+win+"' />"+
"<param name='menu' value='false' />"+
"<param name='quality' value='high' />"+
"<param name='bgcolor' value='"+bg+"' />"+
"<embed src='"+url+"' FlashVars='"+vars+"' wmode='"+win+"' menu='false' quality='high' bgcolor='"+bg+"' width='"+w+"' height='"+h+"' name='"+id+"' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />"+
"</object>";

// 플래시 코드 출력
document.write(flashStr);

}
//동영상
function aviPlay(src,w,h) {
document.write('<embed src="'+src+'" width='+w+' height='+h+'>')
}



2. 사용법

css를 외부에서 부르듯이 js파일을 해당  페이지에 불러주기만 하면됩니다.

<head>와 </head>사이에

<script language="javascript" src="iepatch.js"></script>

코드를 삽입합니다. iepathc.js의 경로를 확인 하시기 바랍니다.


#플래시삽입의 경우

삽입할곳에

flashWrite(파일경로, 가로, 세로, 아이디, 배경색, 변수, 윈도우모드)

예)

<script>flashWrite('sample.swf','300','200','sample','#f0f0f0','v1=456&v2=423','transparent')</script>


여기서 변수는 페이지인식을 위한 변수입니다.  잘 모르시면 '' << 이렇게 비워두세요.


#동영상삽입의 경우

<script>aviPlay('파일경로','가로','세로')</script>


예)

<script>aviPlay('http://mx.msnmusic.co.kr/mvideo.asx?mx=4600','400','300')</script>


추가 환경 변수는 js파일을 수정 해 주시면 됩니다.
<meta http-equiv="imagetoolbar" content="no">

이미지 위로 뜨는 툴바를 제어합니다.

* IE 액티브 X 컨트롤 실행문제-이렇게 대처하라!

// Active-X 관련 스크립트 (플래쉬, 동영상에 적용)
/**
*  f_uri : flash file path
*  f_width : flash width size
*  f_height : flash heigh size
*/
function writeObjFlash(f_uri,f_width,f_height){
    document.write('<object width="'+f_width+'" height="'+f_height+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"> ');
    document.write('<param name="movie" value="'+f_uri+'"> ');
    document.write('<param name="quality" value="high"> ');
    document.write('<param name="scale" value="noscale"> ');
    document.write('<param name="bgcolor" value="#ffffff"> ');
    document.write('<param name="allowScriptAccess" value="sameDomain"> ');
    document.write('<param name="menu" value="false"> ');
    document.write('<param name="wmode" value="transparent" />');
    document.write('<embed src="'+f_uri+'" width="'+f_width+'" height="'+f_height+'" quality="high" scale="noscale" align="left" bgcolor="#ffffff" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> ');
    document.write('</object> ');
}

function writeObjFlash2(f_uri,f_width,f_height){
    document.write('<object width="'+f_width+'" height="'+f_height+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"> ');
    document.write('<param name="movie" value="'+f_uri+'"> ');
    document.write('<param name="quality" value="high"> ');
    document.write('<param name="scale" value="noscale"> ');
    
    document.write('<param name="allowScriptAccess" value="sameDomain"> ');

    document.write('<param name="menu" value="false"> ');
    document.write('<embed src="'+f_uri+'" width="'+f_width+'" height="'+f_height+'" quality="high" scale="noscale" align="left" bgcolor="#ffffff" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> ');
    document.write('</object> ');
}

function writeObjFlashMain(f_uri,f_width,f_height){
    document.write('<object width="'+f_width+'" height="'+f_height+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"> ');
    document.write('<param name="movie" value="'+f_uri+'"> ');
    document.write('<param name="quality" value="high"> ');
    document.write('<param name="scale" value="noscale"> ');
    document.write('<param name="salign" value="lt"> ');
    document.write('<param name="bgcolor" value="#ffffff"> ');
    document.write('<param name="allowScriptAccess" value="sameDomain"> ');
    document.write('<param name="menu" value="false"> ');
    document.write('<param name="wmode" value="transparent" />');
    document.write('<embed src="'+f_uri+'" width="'+f_width+'" height="'+f_height+'" quality="high" scale="noscale" align="left" bgcolor="#ffffff" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> ');
    document.write('</object> ');
}


function writeObjMovie(f_uri,f_width,f_height,lan){
        document.write("<object name='MediaPlayer1' id='MediaPlayer1' width='"+f_width+"' height='"+f_height+"' classid='clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=6,4,7,1112' standby='loading windows media player components...' type='application/x-oleobject'>");
        document.write("<param name='filename' value='/"+lan+"/pr/film_wmv/"+f_uri+"'>");
        document.write("<param name='autostart'   value='true' >");
        document.write("<param name='showcontrols' value='0'>");
        document.write("<param name='showstatusbar' value='1'>");
        document.write("<param name='enablecontextmenu' value='false'>");
        document.write("<param name='transparentatstart' value='true'>");
        document.write("<param name='transparentonstop' value='true'>");
        document.write("<EMBED TYPE='application/x-mplayer2' SRC='/kor/pr/film_wmv/"+f_uri+"' NAME='mplay1' WIDTH='"+f_width+"' HEIGHT='"+f_height+"'></EMBED>");
        document.write("</object>");
}

* 브라우저를 부드럽게 줄여줍니다.

<html>
<head>
    <title>http://www.blueb.co.kr</title>

<script>
var lastx = 494  //가로사이즈
var lasty = 604  //세로사이즈
var imsix = 3
var imsiy = 3
var center
var screenx = screen.width
var screeny = screen.height
function win_move(){
    mx = (screenx - imsix)/2
    my = (screeny - imsiy)/2
    moveTo(mx,my)
}

function re_size(){
    imsix +=(lastx - imsix)/15
    imsiy +=(lasty - imsiy)/15
    win_move()
    resizeTo(imsix,imsiy)
}
setInterval("re_size()",10)
</script>

</head>
<body>

 

* 움직이면서 나타나는 현재창(자바스크립트)

<html>
<head>
    <title>BLUEB</title>
</head>

<script language=JavaScript>
<!--
function openPage(URL) {
    opener.document.location.href = URL;
    window.close();
}

function init() {
    for (var i=0; i<360; i++) {
        y = parseInt(Math.sin(angle*PI)*4);
        angle += 2;
        X += x + 1;
        Y += y;
        window.moveTo(X,Y);
    }
}

    var browser='';
    var version='';
    var entrance='';

    if (navigator.appName.indexOf('Microsoft') != -1) browser = 'IE';
        else if (navigator.appName.indexOf('Netscape') != -1) browser = 'Netscape';
        else browser = 'Other';

    if (version == '') {
        version = navigator.appVersion;
        paren = version.indexOf('(');
        whole_version = navigator.appVersion.substring(0,paren-1);
        version = parseInt(whole_version);
    }

    if (browser=="Netscape" || version<"4.00") entrance = "no";
    if (browser=="Other") entrance = "no";
    if (entrance!="no") {
        window.moveTo(-400,350);
        X = -300;
        Y = 0;
        x = 1;
        angle = 0;
        PI = (Math.PI)/180;
        window.resizeTo(400,450);

    if (angle > 720) {
        x *= -2;
        angle = 0;
    }

    if (X < 100) {
        rotateTimer = setTimeout("init()", 500);
    }
    else {
        clearTimeout(rotateTimer);
    }
}
//-->
</script>
test
</body>
</html>

 

* iframe에 랜덤하게 페이지를 가져옵니다.

<html>
<head>
    <title>http://www.blueb.co.kr</title>
</head>
<body>
페이지를 새로고침할때마다 지정된 주소 중 랜덤하게 하나를 선택하여 디스플레이 합니다.<p>
<script language="JavaScript1.2">
var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

var iframeprops='width=500 height=500 marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="no"'

var randomcontent=new Array()
    randomcontent[0]="http://"
    randomcontent[1]="http://"
    randomcontent[2]="http://"
    randomcontent[3]="http://"

if (ie||dom)
document.write('<iframe id="dynstuff" src="" '+iframeprops+'></iframe>')

function random_iframe(){
if (ie||dom){
var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
iframeobj.src=randomcontent[Math.floor(Math.random()*randomcontent.length)]
}
}

window.onload=random_iframe

</script>

 

* 자바링크

닫기 : <a href="javascript:window.close();">닫기</a>
새로고침 : <a href="#" onclick="location.reload();">새로고침</a>
뒤로 : <a href="javascript:history.back(-1)">뒤로</a>
뒤로 : <a href="#" onClick="history.back()">뒤로 </a>
앞으로 : <a href="javascript:history.go(1)">앞으로</a>

시작페이지
<a style="cursor:hand" href onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://');">시작페이지</a>

즐겨찾기
<script language="JavaScript1.2">
var favoriteurl="http://"
var favoritetitle="홈페이지 제목"
function addfavorites(){
if (document.all)
window.external.AddFavorite(favoriteurl,favoritetitle)
}
</script>
<a href="javascript:addfavorites()">즐겨찾기</a>

간단하고 빠른 페이지포워딩
<script language="JavaScript">
this.window.location.replace("원하는 페이지 URL");
</script>

 

* iframe 의 크기를 자동으로 지정 해 줍니다

!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> J@sko Sample Script </title>
<meta name="Generator" content="EditPlus">


<!-- [1단계] 아래의 코드를 <head> 와 </head> 사이에 붙여 넣으세요 -->


<script type="text/javascript">

var iframeids=["myframe"] // iframe 에 사용할 ID 를 지정 해 주세요

var iframehide="yes"

function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids[i])
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}

function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent)
currentfr.attachEvent("onload", readjustIframe)
}
}

function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}

function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}

if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller

</script>


<!----------------- 여기까지 ----------------->

</head>

<body>

<!-- [2단계] 아래의 방법으로 iframe 태그를 넣으세요 -->

<iframe id="myframe" src="http://www.jasko.co.kr/homepage/main.html" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none"></iframe>

<!-- 여기에서 주의할 점은 스크립트의 맨 처음에 지정한 iframe 의 아이디를 반드시 사용해야 한다는 점입니다 --->

<!----------------- 여기까지 ----------------->

<p>
위의 페이지는 iframe 태그에 의해 불려진 페이지의 전체 입니다<br>
이처럼 이 스크립트를 사용하면 불려질 문서의 길이가 자동으로 체크되어 그 길이만큼 iframe 이 보여집니다

</body>
</html>

 

* 상태표시줄 1

글이 모두 나오면 더 이상 변화되는 건 없습니다.



<body onLoad="snapSetup();">
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide from old browsers
function snapIn(jumpSpaces,position) {
var msg = "내용"
var out = ""
if (killScroll) {return false}
for (var i=0; i<position; i++){
out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++) {
out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ') {
position++ }
jumpSpaces = 100-position
}
else if (jumpSpaces >  3) {
jumpSpaces *= .75}
else
{
jumpSpaces--}        
if (position != msg.length) {        
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";        
scrollID = window.setTimeout(cmd,5);        
}
else
{        
scrolling = false
return false          
}        
return true
}
function snapSetup() {        
if (scrolling)            
if (!confirm('Re-initialize snapIn?'))        
return false    
killScroll = true  
scrolling = true    
var killID = window.setTimeout('killScroll=false',6)        
scrollID = window.setTimeout('snapIn(100,0)',10)        
return true    
}
var scrollID = Object
var scrolling = false        
var killScroll = false
// -->
</SCRIPT>

 

* 랜덤 이미지

<SCRIPT LANGUAGE="JavaScript">
var BgArray = new Array(
"이미지1",
"이미지2",
"이미지3",
"이미지4"
);
var gifimage="";
var picfolder="./";
today=new Date();
jran=today.getTime();
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
gifimage = picfolder+BgArray[ ( Math.ceil((jran/(im*1.0))
*BgArray.length) ) - 1];
document.write("<center><img src='"+gifimage+"'></center>");
</script>

 

* 이미지 겔러리

<script language="JavaScript">
<!--
picture1 = new Image()
picture1.src = "이미지1"
picture11 = new Image()
picture11.src = "이미지2"
picture111 = new Image()
picture111.src = "이미지3"
picture1111 = new Image()
picture1111.src = "이미지4"
picture11111 = new Image()
picture11111.src = "이미지5"
function switchImage(imageName) {  
mousePosition = document.Iform.Ihide.value  
if (mousePosition == "11111") {    
var mousePosition = 0  
}
mousePosition = mousePosition + 1  
imgToAlter = eval(imageName + mousePosition + ".src");  
document.images[imageName].src = imgToAlter;  
document.Iform.Ihide.value = mousePosition  
}
//-->
</script>

<form name="Iform">
<input type="hidden" name="Ihide" value>
<img src="처음 보여질 이미지" name="picture" align="absbottom">
<a href=# onclick="switchImage('picture')">다음</a></form>

 

* 상태 표시줄 감지 (URL 가리고 내용 표시)

<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function ClearURL() {
  if(event.srcElement.tagName == "A" || event.srcElement.tagName == "IMG") {
    SetTime = setTimeout("ClearURLs()", 0);
  }
}

function ClearURLs() {
  window.status = "내용";
  clearTimeout(SetTime);
}

document.onmouseover = ClearURL;
//-->
</SCRIPT>

 

* 홈페이지 만들때 자주사용되는 메타태그들입니다.

한글이 깨져나오기 때문에 꼭 적어줘야하는 메타태그입니다.
<meta http-equiv='Content-Type' content='text/html; charset=ks_c_5601-1987'>


익스6.0에서는 일정한 크기의 그림에 마우스를 올려놓으면
디스크에 저장, 인쇄, 메일, 내 그림폴더열기 이렇게 메뉴 4개가 뜹니다.
MS에서 편리하라고 만든기능이지만 불편한경우도 더러 있습니다. 없애고 싶을때 쓰는 메타태그입니다.
<meta http-equiv="imagetoolbar" content="no">


익스에서는 기본적으로 한번 방문한 페이지를 또 방문할때 캐쉬에서 내용을 가져옵니다.
캐쉬에서 가져오지 않게 하는 메타태그입니다.
<meta http-equiv=Pragma content=no-cache>


정해진시간이 지나면 지정된 url 로 이동하는 메타태그입니다.
<meta http-equiv="refresh" content="여긴자연수;url=여기엔주소">


서서히 화면을 보여주는 효과를 주는 메타태그입니다.
<META HTTP-EQUIV="Page-Enter" CONTENT="BlendTrans(Duration=1.0)">

 

* word-break:break-all

td에서 그 넓이보다 글을 길게 작성할때 글을 연속해서 길게 쓰면 옆으로 벌어져서 테이블이 깨져버립니다.
이럴때 td 안에 style="word-break:break-all" 를 넣어줍니다.

글이 길어지면 자동으로 줄바꿈을 합니다.



<table width="100">
  <tr>
    <td style="word-break:break-all">가나다라마바사아자차카타하파</td>
  </tr>
</table>

 

* 새창에서 부모창에 링크 후 새창닫기

▶ 아래소스를 부모창의 <HEAD>에 넣습니다.
<SCRIPT language="JavaScript">
function SetCookie(sName, sValue)
{
  document.cookie = sName + "=" + escape(sValue) ;
}
//function inplnetPopup()  {
    var strReturn;
     strReturn = GetCookie('PopCheck');
     if(strReturn == null || strReturn == '0' ) {
         //SetCookie('PopCheck','1');
         StartPop();
     }
//}
function GetCookie(sName)
{
  var aCookie = document.cookie.split("; ");
  for (var i=0; i < aCookie.length; i++)
  {
    var aCrumb = aCookie[i].split("=");
    if (sName == aCrumb[0])
      return unescape(aCrumb[1]);
  }
  return null;
}
function StartPop()  {
    popWindow =  window.open('불러올 새창URL','popup', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no, resizable=no,copyhistory=no ,width=270, height=300, left=650,top=5');
    }
</SCRIPT>


▶ 아래소스는 띄운 새창의 불러올 링크 부분에 넣습니다.
<a href="javascript:window.close();opener.location.href='부모창에 나타낼 페이지의 URL">링크</a>

위의 소스가 모두입니다.
그대로 적용만 하면 됩니다.
한가지더...
위에 쓰인 새창띄우기는 홈페이지에 들어갈때 자동으로 뜨는 창입니다.
참고하세요...

 

* 이미지가 랜덤으로 바뀌는 소스

<html>
<head>
<script>
var img=3;
//랜덤으로 돌아갈 이미지 갯수
var now=new Date()
//날짜와 시간 정보를 생성해줍니다
var sec=now.getSeconds()
//지정된 날짜의 초를 반환하여 줍니다. ( 0에서 59까지의 값을 반환합니다. )
var ad=sec % img;
//% 나눈 나머지 값을 넘겨줍니다.

ad+=1
if(ad==1){
alt="다음로고";
site="http://daum.net";
url="http://image.hanmail.net/hanmail/top/0303/logo2.gif";
width="137";
height="49";
}
if(ad==2){
alt="네이버"
site="http://naver.com";
url="http://wstatic.naver.com/www/images3/lg_nv3.gif";
width="204";
height="47";
}
if(ad==3){
alt="다음이미지";
site="http://naver.com";
url="http://image.hanmail.net/hanmail/top/200310/top70_mag031013_01.gif";
width="100"
height="100"
}
document.write("<a href="+site+" target=_blank><img src="+url+" width="+width+" height="+height+" border=0></a>")
</script>
</head>
<body>
이미지가 랜덤으루 돌아갑니다.
</body>
</html>

 

* 랜덤으로 보여줄 인덱스 페이지

접속시에 랜덤한 이미지 혹은 플래쉬 혹은 페이지를 띄우는 스크립트 입니다. 쇼핑몰 등에서 용이하게 사용할 수 있겠군요

<body>부분 원하는곳에 삽입하시면 됩니다



<!-- random flash start -->
<script language="">
<!--
var flash1="/images/kor/swf/main.swf"
var flash2="/images/kor/swf/main_2.swf"
var flash3="/images/kor/swf/main.swf"
var flash4="/images/kor/swf/main.swf"

var x=Math.round(Math.random()*3) ;
var pub ;


if (x==0) { pub = flash1 ;
document.all['termbg'].background = "/images/kor/main/top_imgbg.gif";
}
else if (x==1) { pub = flash2 ;
document.all['termbg'].background = "/images/kor/main/top_imgbg_2.gif";
}else if (x==2) { pub = flash3 ;
document.all['termbg'].background = "/images/kor/main/top_imgbg.gif";
}else if (x==3) { pub = flash4 ;
document.all['termbg'].background = "/images/kor/main/top_imgbg.gif";
}

if (navigator.appName=="Microsoft Internet Explorer")
document.write('<object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 width=761 height=220><param name=movie value='+pub+'><param name=quality value=high><embed src='+pub+' quality=high pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash type=application/x-shockwave-flash width=761 height=220></embed></object>')
else
document.write('<object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 width=761 height=220><param name=movie value='+pub+'><param name=quality value=high><embed src='+pub+' quality=high pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash type=application/x-shockwave-flash width=761 height=220></embed></object>')
//-->
</script>
<!-- random flash end -->




<!--- random ImaGe start -->
<script language="JavaScript">
<!--
var list= new Array()
list[list.length]='이미지파일명';
list[list.length]='이미지파일명';
list[list.length]='이미지파일명';
j=parseInt(Math.random()*list.length);
j=(isNaN(j))?0:j;
document.write("<img src='"+list[j]+"'>");
//-->
</script>

<!------ random ImaGe end ---------->







<!--- random Page start -->
<script language="Javascript">
<!--

myPage=new Array() // 랜덤으로 보여줄 인덱스 페이지를 설정하세요.
myPage[0]="index_1.html"
myPage[1]="index_2.html"
myPage[2]="index_3.html"

today=new Date()
len=3 // 인덱스 페이지의 갯수를 수정하세요.
today2=today.getTime()/10
rnd=today2 % len
location.replace(myPage[rnd])

//-->
</script>

<!------ random Page end ---------->

 

* 내용에 따라 아이프레임 길이 변화시키기

아이프레임에 들어가는 문서가 로딩되면 자동으로 문서의 길이에 맞게 아이프레임이 늘어나고 줄어드는 스크립트입니다

제로보드 게시판 등을 아이프레임으로 불러들이면서 세로 스크롤바가 생기지 않게 하여, 원프레임 페이지처럼 보이게 할때 유용하게 사용됩니다



아이프레임이 로딩완료되는 순간 화면이 문서의 내용에따라 일순간 길어지는 단점이 있습니다.



------------------------ 적용될 자바스크립트 시작 ------------------------------------------------------------------------

<script>  
function doResize()  
{  
container.height = myframe.document.body.scrollHeight;  
container.width = myframe.document.body.scrollWidth;  
}  
</script>  


------------------------ 적용될 자바스크립트 끝 --------------------------------------------------------------------------



------------------------ 이벤트발생 시작 --------------------------------------------------------------------------------


<table border="0" cellpadding="0" cellspacing="0">  
<tr>  
<td id="container"><iframe src="sample.html" name="myframe" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="doResize()"></iframe></td>  
</tr>  
</table>

[출처] hhangky

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
3105 css 99 단국강토 02.16 2604
3104 css 99 단국강토 02.16 2278
3103 간단 날짜계산 99 단국강토 02.16 1247
3102 간단 날짜계산 99 단국강토 02.16 2217
3101 inner html 99 단국강토 02.16 1434
3100 inner html 99 단국강토 02.16 1971
3099 동적 테이블 추가/삭제 및 폼 전송 예제 99 단국강토 02.16 1597
3098 동적 테이블 추가/삭제 및 폼 전송 예제 99 단국강토 02.16 2548
3097 자바스크립트 - String 객체, Screen 객체 99 단국강토 02.16 1731
3096 자바스크립트 - String 객체, Screen 객체 99 단국강토 02.16 1803
3095 스크롤메뉴(우측따라다니는메뉴) 99 단국강토 02.16 1297
3094 스크롤메뉴(우측따라다니는메뉴) 99 단국강토 02.16 1788
3093 js 기본 문법 99 단국강토 02.16 1691
3092 js 기본 문법 99 단국강토 02.16 1992
3091 preg_matech 로 URL에서 도메인 이름 얻기 99 단국강토 02.16 3135
3090 preg_matech 로 URL에서 도메인 이름 얻기 99 단국강토 02.16 2260
3089 자바스크립트 쿠키 사용하기 99 단국강토 02.16 2073
3088 자바스크립트 쿠키 사용하기 99 단국강토 02.16 2439
3087 웹페이지의 특정 부분만 인쇄 99 단국강토 02.16 1434
3086 웹페이지의 특정 부분만 인쇄 99 단국강토 02.16 2216
3085 자바 스크립트 정리 99 단국강토 02.16 1480
3084 자바 스크립트 정리 99 단국강토 02.16 1501
3083 바이트 체크 99 단국강토 02.16 1415
3082 바이트 체크 99 단국강토 02.16 1890
3081 [JS] 자바스크립트 typeof[(expression]] 99 단국강토 02.16 3333
3080 [JS] 자바스크립트 typeof[(expression]] 99 단국강토 02.16 1815
열람중 자바스크립트 활용도 높은 소스 Tip 모음 99 단국강토 02.16 1486
3078 자바스크립트 활용도 높은 소스 Tip 모음 99 단국강토 02.16 2961
3077 메뉴 따라다니는 언더바 99 단국강토 02.16 2687
3076 방향키로 무비클립 이동시키기 2 99 단국강토 02.16 2120
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취