'자바스크립트'에 해당되는 글 23건

[출처] 세이박스 - http://www.saybox.co.kr/bbs/board.php?bo_table=board05&wr_id=133

대부분 팝업을 띄워서 필요한 부분을 다시 읽어 들여서 출력을 많이 하는데 출력을 위해서 페이지를 추가로 만들어야 하는 번거로움이 생긴다.
이럴 경우 자바스크립트로 특정 부분을 지정하여 출력할 수 있다.

<script type="text/javascript">
function printIt(printThis)
{
    var win = null;
    win = window.open();
    self.focus();
    win.document.open();
    win.document.write("필요한내용을 추가로 이렇게 넣을수도 있습니다.<br>");
    win.document.write(document.getElementById('printarea').innerHTML);
    win.document.close();
    win.print();
    win.close();
}
</script>
<table>
  <tr>
    <td id="printarea">
       출력할 내용 테이블이 될수도 이미지가 될 수도 어떤 내용이든 출력 이영역 안에 내용만 출력
    </td>
  </tr>
</table>

위 소스처럼 굵게 입력한 id 값 이후 내용을 출력하게 됩니다.
따라서, div를 이용할 경우 <div id="test">내용</div> 처럼 적용하실 수도 있습니다.
출력할때만 추가적으로 내용을 넣고 싶다면 script에서 document.write를 추가하시면 됩니다.
응용해서 적용해 보시기 바랍니다. ^^

위 글은 세이박스에서 작성한 글이므로 가져 가실 때 출처 남겨 주세요! ㅋㅋ

input을 name 값을 배열로 반복해서 값을 담은뒤 자바스크립트에서 값을 불러 오기 위해서는 elements[] 를 이용하면 됩니다.

<input type="text" name="a[0]" value="111">
<input type="text" name="a[1]" value="222">

var b = document.list1.elements["a["+num+"]"].value;

자바스크립트에서 cofirm() 을 사용할 경우 OK, CANCEL, 확인, 취소 로 나오는 버튼을

 

Yes, No 로 변경하고자 할경우 다음과 같이 사용합니다.

function window.confirm(str) {
 execscript('n = msgbox("'+str+'","4132")',"vbscript");
 return(n == 6);
}
if(confirm("위탁에 대한 동의를 하시겠습니까?")) {
 alert('동의 하셨습니다.');
}

※ IE 전용 기능 입니다.

<style>
body,table,td
{
 font-size:12px;
 font-family:굴림;
}
select,input,textarea
{
 font-size:12px;
 font-family:돋움;
}
img
{
 border : 0;
}
a:link { color:#333333; text-decoration: none;}
a:visited { color:#333333; text-decoration: none;}
a:hover { color: #3366cc; text-decoration: underline; }
a:active { color: #333333; text-decoration: none;}

.Stitle
{
 font-family:돋움;
 color:white;
 font-weight:bold;
 font-size:14px;
 cursor:pointer;
 text-decoration:none;
}
</style>
<script language="javascript">
var i_mes=0;
var message=new Array();
var messagelink=new Array();
var linktarget=new Array();
var fnt=new Array();
var fntsize=new Array();
var fntcolor=new Array();
var fntcolorlastletter=new Array();

message[i_mes]="‘꿈의직업’ 50인 후보 맹지나, 김범 사촌누나로 밝혀져 ‘화제’";
messagelink[i_mes]="http://www.gooddaysports.co.kr/news/?bset=view&cset=star&tot_code=49&code=5592";
linktarget[i_mes]="_self"
fnt[i_mes]="돋음"
fntsize[i_mes]="11px"
fntcolor[i_mes]="#404040";
fntcolorlastletter[i_mes]="#404040";
i_mes++;
message[i_mes]="박지성 역전골 어시스트로 팀 승리 ‘견인’";
messagelink[i_mes]="http://www.gooddaysports.co.kr/news/?bset=view&cset=sports&tot_code=514&code=3066";
linktarget[i_mes]="_self"
fnt[i_mes]="돋음"
fntsize[i_mes]="11px"
fntcolor[i_mes]="#404040";
fntcolorlastletter[i_mes]="#404040";
i_mes++;
message[i_mes]="김범사촌누나 맹지나 ‘꿈의직업’ 후보 50인에 선정!";
messagelink[i_mes]="http://www.gooddaysports.co.kr/news/?bset=view&cset=star&tot_code=47&code=3977";
linktarget[i_mes]="_self"
fnt[i_mes]="돋음"
fntsize[i_mes]="11px"
fntcolor[i_mes]="#404040";
fntcolorlastletter[i_mes]="#404040";
i_mes++;

var standstill=3000; // 타이핑을 완료한 후 글자가 보여지는 시간 (2000 = 2초)
var tickerwidth=500; // 타이핑 되는 부분의 가로크기
var tickerheight=11; // 타이핑 되는 부분의 세로크기
var speed=20; // 타이핑 되는 속도 - 낮을수록 빠르다
var speed_1st=10; // 타이핑 되는 속도 - 낮을수록 빠르다

var i_substring=0;
var i_presubstring=0;
var i_message=0;
var messagecontent="";
var messagebackground="";
var messagepresubstring="";
var messageaftersubstring="";

function initiateticker() {
 if (document.all) {
  donganews();
 }
 if (document.layers) {
  donganews();
 }
}

var win= null;
function NewWindow(mypage,myname,w,h,scroll){
 var winl = (screen.width-w)/2;
 var wint = (screen.height-h)/2;
 var settings ='height='+h+',';
 settings +='width='+w+',';
 settings +='top='+wint+',';
 settings +='left='+winl+',';
 settings +='scrollbars='+scroll+',';
 settings +='resizable=yes';
 win=window.open(mypage,myname,settings);
 if(parseInt(navigator.appVersion) >= 4){win.window.focus();}
}

function getmessagecontent() {
 messagepresubstring=message[i_message].substring(0,i_presubstring);
 messageaftersubstring=message[i_message].substring(i_presubstring,i_substring);
 messagecontent="<table border=0 cellpadding=0 width="+tickerwidth+" height="+tickerheight+"><tr valign=top><td>";
 messagecontent+="<span style='position:relative; font-family:"+fnt[i_message]+";color:"+fntcolor[i_message]+";font-size:"+fntsize[i_message]+"pt;'>";
 messagecontent+="<a href='"+messagelink[i_message]+"' target='"+linktarget[i_message]+"'>";
 messagecontent+="<font color='"+fntcolor[i_message]+"'>";
 messagecontent+=messagepresubstring;
 messagecontent+="</font>";
 messagecontent+="</a>";
 messagecontent+="</span>";
 messagecontent+="<span style='position:relative; font-family:"+fnt[i_message]+";color:"+fntcolorlastletter[i_message]+";font-size:"+fntsize[i_message]+"pt'>";
 messagecontent+="<a href='"+messagelink[i_message]+"'  onclick='NewWindow(this.href,name,850,570,yes);return false'>";
 messagecontent+="<font color='"+fntcolorlastletter[i_message]+"'>";
 messagecontent+=messageaftersubstring;
 messagecontent+="</font>";
 messagecontent+="</a>";
 messagecontent+="</span>";
 messagecontent+="</td></tr></table>";
}

function donganews() {
 if (i_substring<=message[i_message].length-1) {
  i_substring++
  i_presubstring=i_substring-1
  if (i_presubstring<0) {i_presubstring00}
  getmessagecontent()
  if (document.all) {
   ticker.innerHTML=messagecontent
   if(i_substring == 1) var timer=setTimeout("donganews()", speed_1st)
   else var timer=setTimeout("donganews()", speed)
  }
  if (document.layers) {
   document.tickerroof.document.ticker.document.write(messagecontent)
   document.tickerroof.document.ticker.document.close()
   var timer=setTimeout("donganews()", speed)
  }
 } else {
  clearTimeout(timer)
  var timer=setTimeout("changemessage()", standstill)
 }
}

function changemessage() {
 i_substring=0
 i_presubstring=0
 i_message++
 if(i_message>message.length-1) {
  i_message=0
 }
 donganews()
}

if (document.all) {
 document.write('<span ID="tickerroof" style="position:relative;width:'+tickerwidth+'px;height:'+tickerheight+'px;">');
 document.write('<span ID="ticker" style="position:absolute;top:0px;left0px"></span>');
 document.write('</span>');
}
if (document.layers) {
 document.write('<ilayer name="tickerroof" height="'+tickerheight+'" width="'+tickerwidth+'">');
 document.write('<layer name="ticker" top=0 left=0"></layer>');
 document.write('</ilayer>');
 document.close();
}

window.onload=initiateticker;
window.onresize=initiateticker;
</script>

자바스크립트에서 함수를 호출할 때 실수로 해당 함수를 기입 안한채 코딩시 오류가 발생하는 경우를 미연에 방지 하기 위한 방법.

typeof(체크할 함수) 로 체크했을 때 "undefined"라고 디턴값을 받으면 함수가 문제가 없는것으로 판단하여 함수 호출을 하지 않으므로 스크립트 오류를 예방할 수 있다.

예)
<script>
function test() {
  alert("테스트");
}

if(typeof(test()) != "undefined") test();
</script>

결과 : 테스트 메시지 출력


<script>
if(typeof(test()) != "undefined") test();
</script>

결과 : 아무처리 안함

ff.bg.options[bg_frm.bg.selectedIndex].value;
ff -> 폼 이름
bg -> 셀렉트박스 이름

<script>
function bg_preview() {
 var ff = document.bg_frm;
 var url = ff.bg.options[bg_frm.bg.selectedIndex].value;
 alert(url);
}
</script>

<from name="bg_frm">
 <select name="bg" id="bg">
  <option value="1">1</option>
  <option value="2">2</option>
 </select>
</form>