Tag Archives: JavaScript

마우스 커서 모양바꾸기

하기의 스크립트를 페이지에 넣고 보면 해당 문구에서 커서가 변합니다.

<STRONG><li><span style=”cursor: help”> 화살표 옆에 물음표가 붙어 나온다 </span>
<li><span style=”cursor: hand”> 보통의 링크 모양으로 나온다 </span>
<li><span style=”cursor: move”> MOVE 모양으로 커서가 바뀐다 </span>
<li><span style=”cursor: text”> 텍스트 위에 커서가 있는 것 같이 보인다 </span>
<li><span style=”cursor: wait”>커서의 화살표가 모래시계로 바뀝니다</span>
<li><span style=”cursor: Crosshair”>커서의 화살표가 십자선으로 바뀝니다</span>
<li><span style=”cursor: ne-resize”> 커서 화살표가 오른쪽 위로 본다 </span>
<li><span style=”cursor: nw-resize”> 커서의 기본 모양과 동일 </span>
<li><span style=”cursor: sw-resize”> 커서 화살표가 왼쪽 아래로 본다 </span>
<li><span style=”cursor: se-resize”> 커서 화살표가 오른쪽 아래로 본다 </span>
<li><span style=”cursor:n-resize”>커서의 화살표가 위쪽으로 봅니다</span>
<li><span style=”cursor:e-resize”>커서의 화살표가 오른쪽으로 봅니다</span>
<li><span style=”cursor:s-resize”>커서의 화살표가 아래쪽으로 봅니다</span>
<li><span style=”cursor:w-resize”>커서의 화살표가 왼쪽으로 봅니다</span></STRONG>

이미지가 많아서 로딩할때 시간이 많이걸릴 경우

<BODY onLoad=”cacheOff()”>
<STYLE TYPE=”text/css”>
#cache {
position:absolute; // 로딩 메세지의 위치입니다.
}
</STYLE>
<DIV ID=”cache”>
<table border=”0″ cellPadding=”0″ cellSpacing=”0″ width=”200″>
<tbody>
<tr>
<td bgColor=”#bde794″ width=”200″>
<table border=”0″ cellPadding=”0″ cellSpacing=”1″ width=”200″>
<tbody>
<tr>
<td height=”21″ width=”705″> <font size=”2″><b>로딩중</b></font></td>
</tr>
<tr>
<td bgColor=”#ffffff” width=”200″>
<table border=”0″ cellPadding=”1″ cellSpacing=”2″ width=”75″>
<tbody>
<tr>
<td height=”16″ noWrap width=”200″>지금은 로딩중입니다.<br>잠시만 기다려주세요.</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</DIV>

<SCRIPT LANGUAGE=”JavaScript”>

var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache }
else if (dom) { cach = document.getElementById(“cache”).style }
else if (iex) { cach = cache.style }
largeur = screen.width;
cach.left = Math.round((largeur/2)-200);
cach.visibility = “visible”;

function cacheOff()
{
cach.visibility = “hidden”;
}
</SCRIPT>

<img …>
<img …>
<img …>
<img …>
<img …>
<img …>
<img …>
<img …>
<img …>

</center>

스크롤바에 붙어다니는 이미지

<HTML>
<HEAD>
<title>스크롤 이미지</title>
<script language=”JavaScript”>
function MM_openBrWindow(theURL,winName,features) { //v1.0
/*window.open*/(theURL,winName,features);
}
</script>
<script LANGUAGE=”JavaScript”><!–
// size of AdCorner image
var nAdCornerWidth = 57;
var nAdCornerHeight = 120;
// right and bottom margin
var nAdCornerMarginX = 2;
var nAdCornerMarginY = 2;
// window’s scrollbar width and height
var nScrollBarWidth = 16;
var nScrollBarHeight = 16;
// navigator check
var isMSIE = 0;
var nVersion = 3;
// refresh interval of AdCorner
var nInterval = 100;
var isLoaded = 0;
function setup ()
{
// Detect Navigator
nVersion = parseInt (navigator.appVersion); // chang
if (navigator.appName == “Microsoft Internet Explorer”)
{
isMSIE = 1;
if (navigator.userAgent.indexOf (“MSIE 5”) != -1)
{
nVersion = 5;
}
}
else
{
isMSIE = 0;
if (nVersion >= 4)
{
window.captureEvents (Event.MOUSEMOVE);
}
}
if (nVersion >= 4)
{
window.setInterval (“AdCornerMove();”, nInterval);
}
}
function AdCornerMove ()
{
if (isLoaded == 0)
{
return;
}
if (isMSIE)
{
nAdCornerOriginX = document.body.clientWidth – idAdCorner.width – nAdCornerMarginX;
nAdCornerOriginY = document.body.clientHeight – idAdCorner.height – nAdCornerMarginY;
nAdCornerOriginX += document.body.scrollLeft;
nAdCornerOriginY += document.body.scrollTop;
idAdCorner.style.pixelLeft = nAdCornerOriginX;
idAdCorner.style.pixelTop = nAdCornerOriginY;
}
else
{
nAdCornerOriginX = window.innerWidth + window.pageXOffset – nAdCornerWidth – nAdCornerMarginX;
nAdCornerOriginY = window.innerHeight + window.pageYOffset – nAdCornerHeight – nAdCornerMarginY;
if (window.scrollbars.visible == true)
{
nAdCornerOriginX -= nScrollBarWidth;
nAdCornerOriginY -= nScrollBarHeight;
}
document.layers[“idAdCorner”].pageX = nAdCornerOriginX;
document.layers[“idAdCorner”].pageY = nAdCornerOriginY;
}
}
//–>
</script>
<layer name=”idAdCorner” zIndex=2 left=-290 top=-10>
<img SRC=”http://m.kurapa.com/download-8b2ee7a3a85d2885e8b1e47e13e9a17b” BORDER=0 id=”idAdCorner”
style=”position:absolute;left=-290;top=-10;z-index:2;” width=”93″ height=”35″ >
</layer>
<script LANGUAGE=”JavaScript”>
<!–
window.onload=setup;
isLoaded = 1;
//–>
</script><br><br><br><center>화면 오른쪽 밑에 이미지가 보이죠?<br>
내용이 많은 페이지에 넣어주면 적당할겁니다.<br>
내용도 없으면 스크롤바도 안 생기겠죠?*^^*<br><br><br><br><br><br><br>
</center>
</html>

큰 이미지를 화면크기에 맞게 자동으로 사이즈 조절

<HEAD>

<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin

function showpic(src, w, h, alt, aln, pw, ph, bw, bh) {
if (src == null) return;
var iw, ih; // Set inner width and height
if (window.innerWidth == null) {
iw = document.body.clientWidth;
ih=document.body.clientHeight;
} else {
iw = window.innerWidth;
ih = window.innerHeight;
}
if (w == null) w = iw;
if(h == null) h = ih;
if(alt == null) alt = “Picture”;
if(aln == null) aln = “left”;
if(pw == null) pw = 100;
if(ph == null) ph = 100;
if(bw == null) bw = 24;
if(bh == null) bh = 24;
var sw = Math.round((iw – bw) * pw / 100);
var sh = Math.round((ih – bh) * ph / 100);
if ((w * sh) / (h * sw) < 1) sw = Math.round(w * sh / h);
else sh = Math.round(h * sw / w);
document.write(‘<img src=”‘+src+'” alt=”‘+alt+'” width=”‘+sw+'” height=”‘+sh+'” align=”‘+aln+'”>’);
}

// End –>
</script>

</HEAD>


<BODY onresize=”window.location.href = window.location.href;”>

<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin

showpic(“이미지 이름”, 이미지 넓이, 이미지 높이, “이미지 설명”, “middle”);

// End –>
</script>

</BODY>

랜덤 이미지 로딩시키기

<BODY>

<SCRIPT language=”JavaScript”>
<!–
//리로딩 할때마다 이미지가 바뀌어 나타나게 하는 스크립트 입니다.

//그림파일은 HTML 파일과 같은 위치에 두시고
//파일의 이름은 반드시 1.gif, 2.gif… 식으로 아라비아 숫자로 정해 주세요.

//그림 갯수를 변경하시면 그 범위안에서 랜덤하게 로딩합니다.

document.write(“<IMG SRC='” + Math.ceil(Math.random() * 그림 갯수) + “.gif’>”)

// –>
</SCRIPT>
</BODY>

이미지를 서치라이트로 비추는 효과

아래의 소스를 <head></head>사이에 넣어 주세요

<style>
<!–
#lighting{
filter:light
}
–>
</style>



아래의 소스를 <body>와</body>태그 사이에 넣어주세요

<!–아래와 같이 이미지의 id 를 lighting 로 하세요–>
<img id=”lighting” speed=”25″ src=”http://m.kurapa.com/download-8086623b3000fe12905e15ad8809b5f9” border=”1″>
<!–아래의 스크립트를 위의 이미지 태그 하단에 두세요–>
<script language=”JavaScript1.2″>
if (document.all&&window.lighting){
var x=new Array()
var direction=new Array()
var y=new Array()
if (lighting.length==null){
lighting[0]=document.all.lighting
x[0]=0
direction[0]=”right”
y[0]=lighting[0].height
lighting[0].filters.light.addPoint(100,50,100,255,255,255,90)
}
else
for (i=0;i<lighting.length;i++){
x[i]=0
direction[i]=”right”
y[i]=lighting[i].height
lighting[i].filters.light.addPoint(100,50,100,255,255,255,90)
}
}

function lighteffect(cur){
lighting[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1)

if (x[cur]<lighting[cur].width+200&&direction[cur]==”right”)
x[cur]+=10
else if (x[cur]>lighting[cur].width+200){
direction[cur]=”left”
x[cur]-=10
}
else if (x[cur]>-200&&x[cur]<-185){
direction[cur]=”right”
x[cur]+=10
}
else{
x[cur]-=10
direction[cur]=”left”
}
}

if (document.all&&window.lighting){
if (lighting.length==null)
setInterval(“lighteffect(0)”,lighting[0].speed)
else
for (t=0;t<lighting.length;t++){
var temp=’setInterval(“lighteffect(‘+t+’)”,’+lighting[t].speed+’)’
eval(temp)
}
}
</script>

간단한 소스로 브라우즈 따운시키기

자바스크립트 무한 루프에 빠진 익스플로러는 헤어나지 못하고 다운되는약한 모습을 보여줍니다. 씨익ⓧ.ⓧ  주의: 이 스크립트로 인하여 다운 되더라도 저는 책임 질 수 없습니다.(헉 이런 무책임한..)

다운된 후 ctrl + alt + del키를 눌러 다운된 익스플로러를 강제 종료시키세요.  잘 안되면 몇 번 반복하세요. 
 

 
<input type=”button” value=”다 운 시 키 기” onclick=”ddd()”><br>
<script language=”JavaScript”>
<!–
function ddd(){
setTimeout(‘ddd()’,1)
setTimeout(‘ddd()’,1)
}
//–></script>

출생 날짜를 입력하면 무슨 요일인지 표시

1.아래의 소스를 <head></head>사이에 넣어 주세요

<script LANGUAGE=”JavaScript”>
<!–
function MakeArray(n) {
this.length = n;
for (var i = 1; i <=n; i++) {
this[i] = 0;
}
}

days = new MakeArray(7);
days[0] = “토요일”
days[1] = “일요일”
days[2] = “월요일”
days[3] = “화요일”
days[4] = “수요일”
days[5] = “목요일”
days[6] = “금요일”
months = new MakeArray(12);
months[1] = “1월”
months[2] = “2월”
months[3] = “3월”
months[4] = “4월”
months[5] = “5월”
months[6] = “6월”
months[7] = “7월”
months[8] = “8월”
months[9] = “9월”
months[10] = “10월”
months[11] = “11월”
months[12] = “12월”

function compute(form) {
var val1 = parseInt(form.day.value, 10)
if ((val1 < 0) || (val1 > 31)) {
alert(“날짜는 31 을 초과할 수 없습니다.”)
}
var val2 = parseInt(form.month.value, 10)
if ((val2 < 0) || (val2 > 12)) {
alert(“달은 12 를 초과할 수 없습니다.”)
}
var val2x = parseInt(form.month.value, 10)
var val3 = parseInt(form.year.value, 10)
if (val3 < 1900) {
alert(“년도는 1900 년도 이상이어야 합니다.”)
}
if (val2 == 1) {
val2x = 13;
val3 = val3-1
}
if (val2 == 2) {
val2x = 14;
val3 = val3-1
}
var val4 = parseInt(((val2x+1)*3)/5, 10)
var val5 = parseInt(val3/4, 10)
var val6 = parseInt(val3/100, 10)
var val7 = parseInt(val3/400, 10)
var val8 = val1+(val2x*2)+val4+val3+val5-val6+val7+2
var val9 = parseInt(val8/7, 10)
var val0 = val8-(val9*7)
form.result1.value = months[val2]+” “+form.day.value +”, “+form.year.value
form.result2.value = days[val0]
}

//–>
</script>
2. 아래의 소스를 <body>와</body>태그 사이에 넣어주세요

<!–폼 환경 설정–>
<form>
출생년도: <input TYPE=”text” NAME=”year” SIZE=”4″>
생일 달:<input TYPE=”text” NAME=”month” SIZE=”2″>
생일 날짜:<input TYPE=”text” NAME=”day” SIZE=”2″><p>
<input TYPE=”button” VALUE=”결과보기” ONCLICK=”compute(this.form)”>
<input TYPE=”reset” VALUE=”재입력” ><p>
당신의 생일은: <input TYPE=”text” NAME=”result1″ SIZE=”18″><br>
당신이 태어난 요일은 : <input TYPE=”text” NAME=”result2″ SIZE=”18″>
입니다.
</form>
<!–폼 환경 설정끝–>

오늘의 년도,월,일,시,분 을 표시

<script language=”javascript”>
<!–
today=new Date()
document.write(“오늘 날짜는<b>”,today.getYear(),”</b>년<b>”,
today.getMonth()+1,”</b>월<b>”,
today.getDate(),”</b>일”)
document.write(“이며 “)
document.write(“현재 시간은<b>”,today.getHours(),”</b>시<b>”,today.getMinutes(),”</b>분”)
document.write(“입니다.”)
//–>
</script>

누름버튼에 시간이 표시되고 클릭하면 창이 닫힙니다

<SCRIPT LANGUAGE=”JavaScript”>
<!–
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = ” 오전”;
} else if(hrNow <= 11) {
ap = ” 오전”;
hour = hrNow;
} else if(hrNow == 12) {
ap = ” 오후”;
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow – 12);
ap = ” 오후”;
}
if (hrNow >= 13) {
hour = hrNow – 12;
}
if (mnNow <= 9) {
min = “0” + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = “0” + scNow;
} else {
secs = scNow;
}
time = hour + “:” + min + “:” + secs + ap;
document.clockForm.button.value = time;
self.status = time;
setTimeout(‘clock()’, 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow – miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
window.close();
}
document.write(“<form name=”clockForm”>”
+ “<input type=button value=”Click for info!””
+ ” name=button onClick=”timeInfo()”></form>”);
onError = null;
clock();
//–>
</SCRIPT>

접속하여 경과한 시간이 상태바에 표시됩니다.

<script language=”JavaScript”>
<!–
var min_inc = 0, sec_inc = -1;
function browsing_time()
{
if (sec_inc == 59) min_inc++;
sec_inc = (sec_inc + 1) % 60;
if (min_inc == 1)
var min_no = min_inc + ‘ 분’;
else var min_no = min_inc + ‘ 분’;
if (sec_inc >= 10)
var sec_no = sec_inc;
else var sec_no = ‘0’ + sec_inc;
var sec_txt = ‘초가 경과되었습니다.’;
if (sec_inc == 1)
sec_txt = ‘초가 경과되었습니다.’;
var elapsed = ‘접속한지’ + min_no + ‘ ‘+ sec_no +
sec_txt;defaultStatus = elapsed;
setTimeout(“browsing_time()”, 1000);
}
window.onload=browsing_time;
//–>
</script>

기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..

<script language=”JavaScript”>
<!–
function cucu()
{
    var myform = document.aaa;
 var y = myform.year.value;
 var m = myform.mon.value;
 var d = myform.date.value;

 //1970.01.01 날짜 계산이 시작되는 기준일
 //기준일
 var basic = new Date(0);

 //오늘
 var now = new Date(y,m-1,d);

 //오늘부터 몇일후
 var count;

 if(myform.cnt.value == null || myform.cnt.value == “”)
 {
     alert(“숫자로 넣어라”);
  return;
 }

 count = Number(myform.cnt.value);

 //오늘부터 몇일후의 날짜를 알 수 있다
 //1000*60*60*24 는 하루를 나타냄
 //(now – basic) / (1000*60*60*24) 오늘부터 기준일까지의 날짜수
    //즉 기준일로부터 몇일까지의 날짜수를 Long형태로 만들어 날짜를 만들어낸다.
 myform.nowdate.value = new Date();

 var day = new Date((1000*60*60*24*(count+((now-basic)/(1000*60*60*24)))));
 myform.result.value = day;
 alert(day.getDate());


}
//–>
</script>
</HEAD>

<BODY BGCOLOR=”#FFFFFF”>
<form name=”aaa”>
시작일 : <input type=”text” name=”year” value=”” size=”4″>
        <input type=”text” name=”mon” value=”” size=”2″ maxlength=”2″>
  <input type=”text” name=”date” value=”” size=”2″ maxlength=”2″><br>
이후로 : <input type=”text” name=”cnt” value=”” size=”5″>일 후의 날짜?<br>
참고로 오늘은 : <input type=”text” name=”nowdate” value=”” size=”50″ readOnly><br>
알고싶은 날<기념일> : <input type=”text” name=”result” value=”” size=”50″><br>
<a href=”JavaScript:cucu()”>자 나를 눌러봐^^</a>
</form>

현재달의 첫째날 , 마지막날 (날짜,일자) 구하기

별로 필요 없을것 같은데, 가끔 필요한 비기

<SCRIPT LANGUAGE=”JavaScript”>
<!–
//현재달의 첫째날(일자) 구하기
function firstDay(kind){
   var d,d2, s = “”;          
   d = new Date();            
   d2 = new Date(d.getYear(),d.getMonth());                     
   s += d2.getYear()+ kind;                      
   s += (d2.getMonth()+1) + kind;    //여기에 꼭 +1이 있어야됨 생략하고 위에다가 +1하면 1월이 0으로 나옴       
   s += d2.getDate();                  
   return(s);                            
}

//현재달의 마지막날(일자) 구하기
function lastDay(kind){
   var d,d2, s = “”;          
   d = new Date();            
   d2 = new Date(d.getYear(),d.getMonth()+1,””);                     
   s += d2.getYear()+ kind;                      
   s += (d2.getMonth()+1) + kind;  //여기에 꼭 +1이 있어야됨 생략하고 위에다가 +1하면 1월이 0으로 나옴                 
   s += d2.getDate();                  
   return(s);                            
}
document.write(“현재달의 첫째날:”+firstDay(“.”));
document.write(“<br>”);
document.write(“현재달의 마지막날:”+lastDay(“.”));
//–>
</SCRIPT>

스크립트 디버거

자바스크립트는 디버깅하기 정말 고통스럽죠?

alert 남발하기 싫으신 분들만 쓰세욤… ㅡ.ㅡa

 

/*** <script src="logger.js"></script>* <script>* //...* log("...&#64;#&#64;$&*^#$...");* //...* </script>*/var oLogWin, oLogger;var lPreTime;function makeLogger(oLogWin, sID) {var oLogDoc = oLogWin.document;var oTextArea = oLogDoc.getElementById(sID);if (!oTextArea) {oTextArea = oLogDoc.createElement(&#8220;TEXTAREA&#8221;);oLogDoc.body.insertBefore(oTextArea,null);oTextArea.id = sID;oTextArea.style.height = oLogDoc.body.clientHeight &#8211; 20;oTextArea.style.width = oLogDoc.body.clientWidth;oTextArea.style.font = &#8220;9pt Arial&#8221;;}return oTextArea;}function log(str, bTime) {if (!oLogWin || oLogWin.closed) {oLogWin = window.open(&#8220;&#8221;,&#8221;LogWin&#8221;,&#8221;top=5,left=5,width=350,height=400,resizable&#8221;);oLogDoc = oLogWin.document;var sScript = &#8220;</p> <table width=100% cellpadding=0 cellspacing=0 border=0 align=center style='font-size:9pt'> <tr>&#8220;+ &#8220;</p> <td align=left style='padding-left:10;height:20;font-weight:700'>Script Loggger</td> <p>&#8220;+ &#8220;</p> <td align=right style='padding-right:10'>&#8220;+ &#8220;<span style='cursor:hand;width:40;height:18;padding:0,3,0,3;text-align:center;border:1 solid gray;background-color:#eaeaea'"+ " onclick='document.getElementById("LogArea").value=""'>clear</span>&#8220;+ &#8220;</td> </tr> </table> <p>&#8220;;oLogDoc.write(sScript);oLogDoc.body.style.margin = &#8220;0,0,0,0&#8221;;oLogger = makeLogger(oLogWin, &#8220;LogArea&#8221;);lPreTime = new Date().getTime();}var sTime = new Date().getTime() &#8211; lPreTime;if (bTime) {lPreTime = new Date().getTime();}oLogger.value += &#8220;time : &#8221; + sTime + &#8221; > &#8221; + str + &#8221;<br /> &#8220;;oLogger.scrollTop = oLogger.scrollHeight &#8211; oLogger.clientHeight;}

수많은 체크박스 중 몇개 체크했는지 확인

보통 체크박스가 여러개 있을 경우 몇개를 체크했는지 확인하려면

갯수만큼 for 문을 돌려야 하는데 말이죠. 10원짜리 팁에선

onClick 에 이벤트 넣어놓고 그 값으로 count 를 조절하여

확인시 해당 count 를 보여줍니다.

이해 안되시면 예제를 보세요~



<HTML>
<BODY>
<HEAD>
<SCRIPT>
 var checkCount = 0;

 function showCheckCount()
 {
  alert( checkCount );
 }

 function checkState( checkbox )
 {
  if( checkbox.checked == true )
   checkCount++;
  else
   checkCount–;
 }
</SCRIPT>
</HEAD>
<FORM name = “form”>
<%
 for( int i = 0; i < 1000; i++ )
 {
%>
<INPUT type = “checkbox” onClick = “checkState(this)” name = “id” value = “<%= i %>”>
<%
 }
%>
</FORM>
<BR>
<A href = “#” onClick = “showCheckCount()”>체크 갯수 보기</A>
</BODY>
</HTML>

프린팅 하기(IE 전용)

무지 허접한 IE 전용 프린팅입니다. 모두 예를 눌러야 작동합니다..

<html>
<script language=”JScript”>
function ieExecWB(intOleCmd, intOleParam) {
 var WebBrowser = new ActiveXObject(“InternetExplorer.Application”);
 // 만약 intOleParam이 정의되어 있지 않으면 기본값 설정
 if((!intOleParam) || (intOleParam < -1) || (intOleParam > 1)) {
  intOleParam = 1;
  WebBrowser.Visible = false;
  WebBrowser.Navigate(window.location);
  WebBrowser.ExecWB(intOleCmd, intOleParam);
  WebBrowser = null;
 }
}
</script>
<body>
임은천 순천대학교 컴퓨터 과학과 4학년
<input type=”button” value=”인쇄 미리 보기” onclick=”window.ieExecWB(7);”>
<input type=”button” value=”페이지 설정” onclick=”ieExecWB(8);”>
<input type=”button” value=”인쇄하기(대화상자 표시)” onclick=”ieExecWB(6);”>
<input type=”button” value=”인쇄 바로 하기” onclick=”ieExecWB(6, -1);”>
</body>
</html>

금액을 입력할때 세자리마다 컴마찍기

IE 6.0에서는 되는데 다른곳에서는 어떨지………???


<html>
<head>
<title>컴마찍기</title>
<Script Language=’Javascript’>
<!–
function comma(comma_rstr) {                
    var nocomma = comma_rstr.value.replace(/,/gi,”); // 불러온 값중에서 컴마를 제거
    var b = ”; // 값을 넣기위해서 미리 선언
    var i = 0; // 뒤에서 부터 몇번째인지를 체크하기 위한 변수 선언
    for (var k=(nocomma.length-1); k>=0; k–) { // 숫자를 뒤에서 부터 루프를 이용하여 불러오기
        var a = nocomma.charAt(k);
        if (k == 0 && a == 0) {  // 첫자리의 숫자가 0인경우 입력값을 취소 시킴
            comma_rstr.value = ”;
            return;
        }
        else {
            if (i != 0 && i % 3 == 0) { // 뒤에서 3으로 나누었을때 나머지가 0인경우에 컴마 찍기 i가 0인 경우는 제일 뒤에 있다는 것이므로 컴마를 찍으면 안됨
                b = a + “,” + b ;
            }
            else { // 나머지가 0인 아닌경우 컴마없이 숫자 붙이기
                b = a + b;
            }
            i++;
        }
    }
    comma_rstr.value = b; // 최종값을 input값에 입력하기
    return;
}
//–>
</Script>

</head>

<body>
<form name=commatest>
<input type=text name=commatestinput onKeyup=comma(document.commatest.commatestinput)>
</form>
</body>
</html>

쿠키 세팅하기

ajax 프로그래밍 하다보면 쿠키가 필요할 때가 있다.

이때는 setcookie 함수를 사용해 주면 되겠다.
내장되어져 있지 않으므로 다음과 같이 구현해 주기 바란다.

function SetCookie(cookieName,cookieValue,nDays)
{
   var today = new Date();
   var expire = new Date();
   if (nDays==null || nDays==0) nDays=1;
   expire.setTime(today.getTime() + 3600000*24*nDays);
   document.cookie = cookieName+”=”+escape(cookieValue) + “;expires=”+expire.toGMTString();
}