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

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

* 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

번호 제목 글쓴이 날짜 조회
2775 동적 테이블 생성 DHTML 99 단국강토 02.09 2987
2774 PHP 환경 설정을 변경하는 방법 13 김영철 01.14 2986
2773 MS SQL 서버 확장 스토어드 프로시저 만들기 13 김영철 01.23 2986
2772 제로보드 스킨 - 공지사항 겸 메모장 10 액션쟁이 12.29 2984
2771 모서리 둥근 입체 버튼 만들기 M 최고의하루 12.18 2983
2770 MSSQL DBA GUIDE - 테이블 관리 13 김영철 01.23 2983
2769 SQL : Categories : 뷰(View). 13 김영철 01.23 2982
2768 APM에서 utf-8 구현 방법 13 김영철 01.14 2979
2767 옛날 기사를 찾아보고 싶을때 99 단국강토 01.08 2979
2766 서로 다르게 CSS소스 적용하는 방법 99 단국강토 02.10 2978
2765 mysql 테이블 스키마 보는법 13 김영철 01.29 2978
2764 ssh 재시작(각종 변곃후) 13 김영철 01.29 2978
2763 항상 새로 고침 13 김영철 01.14 2973
2762 썸네일 만들기 13 김영철 01.14 2971
2761 윈도우 단축키 2 찡가 01.12 2970
2760 [PHP-SRC] SMTP Mail Class 13 김영철 01.14 2969
2759 데이터베이스 만들기 13 김영철 01.23 2969
2758 숫자앞에 0붙이기 13 김영철 01.14 2969
2757 TFS Setup 13 김영철 01.23 2968
열람중 자바스크립트 활용도 높은 소스 Tip 모음 99 단국강토 02.16 2966
2755 외각선따내기 10 액션쟁이 12.31 2964
2754 MS-SQL에서 개선된 페이징 쿼리 13 김영철 01.23 2963
2753 윈도우2003 서버 SP1 환경에서 IIS에 php 설치 하기 M 최고의하루 12.18 2962
2752 tar 압축법 13 김영철 01.29 2962
2751 하루전 날짜(시간) 또는 날짜 구하기 13 김영철 01.14 2961
2750 관리자 화면 기본환경설정페이지 (adm/config_form.php) M 최고의하루 12.19 2960
2749 [MSSQL] OPENROWSET 13 김영철 01.23 2959
2748 CSS] 기본문법 - id(#)는 한번사용, class(.)는 반복 99 단국강토 02.03 2957
2747 다음부터..창띄우지않기[쿠키이용] 99 단국강토 02.10 2956
2746 요일 구하기 함수 13 김영철 01.14 2956
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취