Javascript | Made by Kaus

Javascript Library, Samples, Examples

[JAVASCRIPT] jqeury의 $().ready() 를 순수 javascript 로 대체

Posted on 2016년 8월 29일 by kaus

// Mozilla, Opera, Webkit 
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", function () {
document.removeEventListener("DOMContentLoaded", arguments.callee, false);
domReady();
}, false);


} 

// Internet Explorer
else if (document.attachEvent) {
document.attachEvent("onreadystatechange", function () {
if (document.readyState === "complete") {
document.detachEvent("onreadystatechange", arguments.callee);
domReady();
}
});
}

//DOM이 모두 로드 되었을 때
function domReady () {
//처리할 내용

}

// Mozilla, Opera, Webkit

if (document.addEventListener) {

document.addEventListener("DOMContentLoaded", function () {

document.removeEventListener("DOMContentLoaded", arguments.callee, false);

domReady();

}, false);

}

// Internet Explorer

else if (document.attachEvent) {

document.attachEvent("onreadystatechange", function () {

if (document.readyState === "complete") {

document.detachEvent("onreadystatechange", arguments.callee);

domReady();

}

});

}

//DOM이 모두 로드 되었을 때

function domReady () {

//처리할 내용

}

domReady에 처리할 내용 작성하면 됨

Javascript

[JAVASCRIPT]특정 대역폭 IP 차단

Posted on 2016년 2월 12일 by kaus

<script language="JavaScript"> 

netscape = (navigator.appName.indexOf("Netscape") != -1); 
version4 = (navigator.appVersion.indexOf("4.") != -1); 

if (netscape && version4) { 
	ip = "" + java.net.InetAddress.getLocalHost().getHostAddress(); 
	if (ip.indexOf("IP주소") >= -1){ 
		alert("당신에게는 이 사이트의 접근 권한이 없습니다"); 
		location.href="www.naver.com"
	} 
}

</script>

netscape = (navigator.appName.indexOf("Netscape") != -1);

version4 = (navigator.appVersion.indexOf("4.") != -1);

if (netscape && version4) {

ip = "" + java.net.InetAddress.getLocalHost().getHostAddress();

if (ip.indexOf("IP주소") >= -1){

alert("당신에게는 이 사이트의 접근 권한이 없습니다");

location.href="www.naver.com"

}

</script>

특정 IP를 차단하려면 “IP주소” 부분에 모든주소를 기입 예를들면 123.0.0.1 특정 대역대 IP를 차단하려면 123.0 또는 123.0.0 과 같은 방법으로 기입

Javascript

[JAVASCRIPT] 올해 몇주차 인지 구하기

Posted on 2015년 12월 5일 by kaus

function ISO8601_week_no(dt) { 
var tdt = new Date(dt.valueOf()); 
var dayn = (dt.getDay() + 6) % 7; 
tdt.setDate(tdt.getDate() - dayn + 3); 
var firstThursday = tdt.valueOf(); 
tdt.setMonth(0, 1); 
if (tdt.getDay() !== 4) { 
tdt.setMonth(0, 1 + ((4 - tdt.getDay()) + 7) % 7); 
} 
return 1 + Math.ceil((firstThursday - tdt) / 604800000); 
}



dt = new Date(); 
console.log(ISO8601_week_no(dt)); 

dt = new Date(2015, 10, 1); 
console.log(ISO8601_week_no(dt));

function ISO8601_week_no(dt) {

var tdt = new Date(dt.valueOf());

var dayn = (dt.getDay() + 6) % 7;

tdt.setDate(tdt.getDate() - dayn + 3);

var firstThursday = tdt.valueOf();

tdt.setMonth(0, 1);

if (tdt.getDay() !== 4) {

tdt.setMonth(0, 1 + ((4 - tdt.getDay()) + 7) % 7);

}

return 1 + Math.ceil((firstThursday - tdt) / 604800000);

}

dt = new Date();

console.log(ISO8601_week_no(dt));

dt = new Date(2015, 10, 1);

console.log(ISO8601_week_no(dt));

23주 막 이렇게 나옴

Javascript

[JAVASCRIPT]특정 ip 막기

Posted on 2015년 10월 30일 by kaus

대충 요래쓰면됨.

<script>

var user_ip = 'IP주소'; 
block_ip = new Array('차단IP주소','차단IP주소','차단IP주소','차단IP주소','차단IP주소','....'); 
for(i=0,max=block_ip.length;i<max;i++){ 
    if(block_ip[i]==user_ip) { 
        alert("STOP!당신의 IP는 현제 페이지에 접속이 불가능 합니다"); 
        location.href="www.naver.com";
        break; 
    }else{
        //차단된 IP 이외에 이동할 주소
        location.href="www.google.com";
    }
} 
</script>

var user_ip = 'IP주소';

block_ip = new Array('차단IP주소','차단IP주소','차단IP주소','차단IP주소','차단IP주소','....');

for(i=0,max=block_ip.length;i<max;i++){

if(block_ip[i]==user_ip) {

alert("STOP!당신의 IP는 현제 페이지에 접속이 불가능 합니다");

location.href="www.naver.com";

break;

}else{

//차단된 IP 이외에 이동할 주소

location.href="www.google.com";

}

</script>

Javascript

[JAVASCRIPT] 체크박스 모두 선택

Posted on 2015년 10월 23일 by kaus

javasscript

function CheckAll(chk){
for (i = 0; i < chk.length; i++){
if( chk[i].checked == true){
chk[i].checked = false ;
}else{
chk[i].checked = true ;
}
}
}

function CheckAll(chk){

for (i = 0; i < chk.length; i++){

if( chk[i].checked == true){

chk[i].checked = false ;

}else{

chk[i].checked = true ;

}

html

<form name="fob"/>

<input type="checkbox" onclick="CheckAll(document.fob.aaa)"/>

<input type="checkbox" name="aaa"/>

<input type="checkbox" name="aaa"/>

<input type="checkbox" name="aaa"/>

</form>

</form>

Javascript

[JAVASCRIPT] 간단한 시계예제

Posted on 2015년 10월 16일 by kaus

다음과 같은 id 로 넣을곳을 선택합니다. <div id=”webClock”/>

var WebClock = function(){
this.drawTarget = "webClock";

//설정 시작
this.color = "#fff"; //글자색
this.backgroundColor = "#000"; //배경색
this.align = "center"; //정렬(left, center, right)
this.fontType = "Century Gothic"; //글꼴
this.fontSize = 45; //시계 글꼴크기(참고: am,pm은 이 사이즈의 1/2)

this.clockBarHeight = 2; //초부분의 BAR 두께
this.clockBarColor = "#ccc"; //초부분 색상

this.calendarFontSize = 15; //달력부분 글꼴크기
//설정 끝
this.strMonth = ["January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"];
this.strWeek = ["Sun",
"Mon",
"Tue",
"Wed",
"Thu",
"Fri",
"Sat"];

this.start = function(){
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth();
var day = now.getDate();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var clockBarWidth = 4 * seconds;
var strAmPm = hours < 12 ? "AM" : "PM";

hours = hours > 12 ? hours - 12 : hours;
hours = hours == 0 ? hours + 12 : hours;
hours = hours < 10 ? "0" + hours : hours;
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;

this.layerCalendar.innerHTML = year + " " + this.strMonth[month] + " " + day + " " + this.strWeek[now.getDay()];
this.layerTime.innerHTML = hours + ":" + minutes + ":" + seconds;
this.layerAmPm.innerHTML = strAmPm;

this.layerClockBar.style.width = clockBarWidth + "px";
setTimeout(function(){oWebClock.start();}, 1000);
};

this.init = function(){
this.layerTime = document.createElement("span");
this.layerAmPm = document.createElement("span");
this.layerAmPm.style.fontSize = "0.5em";

this.layerCalendar = document.createElement("div");
this.layerCalendar.style.fontWeight = "bold";
this.layerCalendar.style.fontSize = this.calendarFontSize + "px";

this.layerClock = document.createElement("div");

this.layerClockBar = document.createElement("div");
this.layerClockBar.style.fontSize = this.clockBarHeight + "px";
this.layerClockBar.style.height = this.clockBarHeight + "px";
this.layerClockBar.style.background = this.clockBarColor;

var layerTarget = document.getElementById(this.drawTarget);
layerTarget.style.color = this.color;
layerTarget.style.background = this.backgroundColor;
layerTarget.style.fontFamily = this.fontType;
layerTarget.style.fontSize = this.fontSize + "px";
layerTarget.style.padding = "10px";
layerTarget.align = this.align;
layerTarget.appendChild(this.layerClock);
layerTarget.appendChild(this.layerClockBar);
layerTarget.appendChild(this.layerCalendar);

this.layerClock.appendChild(this.layerTime);
this.layerClock.appendChild(this.layerAmPm);
this.start();
};
};
var oWebClock = new WebClock();
if(document.all){
window.attachEvent("onload", function(){oWebClock.init();});
}else{
window.addEventListener("load", function(){oWebClock.init();}, false);
};

var WebClock = function(){

this.drawTarget = "webClock";

//설정 시작

this.color = "#fff"; //글자색

this.backgroundColor = "#000"; //배경색

this.align = "center"; //정렬(left, center, right)

this.fontType = "Century Gothic"; //글꼴

this.fontSize = 45; //시계 글꼴크기(참고: am,pm은 이 사이즈의 1/2)

this.clockBarHeight = 2; //초부분의 BAR 두께

this.clockBarColor = "#ccc"; //초부분 색상

this.calendarFontSize = 15; //달력부분 글꼴크기

//설정 끝

this.strMonth = ["January",

"February",

"March",

"April",

"May",

"June",

"July",

"August",

"September",

"October",

"November",

"December"];

this.strWeek = ["Sun",

"Mon",

"Tue",

"Wed",

"Thu",

"Fri",

"Sat"];

this.start = function(){

var now = new Date();

var year = now.getFullYear();

var month = now.getMonth();

var day = now.getDate();

var hours = now.getHours();

var minutes = now.getMinutes();

var seconds = now.getSeconds();

var clockBarWidth = 4 * seconds;

var strAmPm = hours < 12 ? "AM" : "PM";

hours = hours > 12 ? hours - 12 : hours;

hours = hours == 0 ? hours + 12 : hours;

hours = hours < 10 ? "0" + hours : hours;

minutes = minutes < 10 ? "0" + minutes : minutes;

seconds = seconds < 10 ? "0" + seconds : seconds;

this.layerCalendar.innerHTML = year + " " + this.strMonth[month] + " " + day + " " + this.strWeek[now.getDay()];

this.layerTime.innerHTML = hours + ":" + minutes + ":" + seconds;

this.layerAmPm.innerHTML = strAmPm;

this.layerClockBar.style.width = clockBarWidth + "px";

setTimeout(function(){oWebClock.start();}, 1000);

};

this.init = function(){

this.layerTime = document.createElement("span");

this.layerAmPm = document.createElement("span");

this.layerAmPm.style.fontSize = "0.5em";

this.layerCalendar = document.createElement("div");

this.layerCalendar.style.fontWeight = "bold";

this.layerCalendar.style.fontSize = this.calendarFontSize + "px";

this.layerClock = document.createElement("div");

this.layerClockBar = document.createElement("div");

this.layerClockBar.style.fontSize = this.clockBarHeight + "px";

this.layerClockBar.style.height = this.clockBarHeight + "px";

this.layerClockBar.style.background = this.clockBarColor;

var layerTarget = document.getElementById(this.drawTarget);

layerTarget.style.color = this.color;

layerTarget.style.background = this.backgroundColor;

layerTarget.style.fontFamily = this.fontType;

layerTarget.style.fontSize = this.fontSize + "px";

layerTarget.style.padding = "10px";

layerTarget.align = this.align;

layerTarget.appendChild(this.layerClock);

layerTarget.appendChild(this.layerClockBar);

layerTarget.appendChild(this.layerCalendar);

this.layerClock.appendChild(this.layerTime);

this.layerClock.appendChild(this.layerAmPm);

this.start();

};

var oWebClock = new WebClock();

if(document.all){

window.attachEvent("onload", function(){oWebClock.init();});

}else{

window.addEventListener("load", function(){oWebClock.init();}, false);

};

Javascript

[JAVASCRIPT]JSON Text를 JSON Object로 변환하기

Posted on 2015년 8월 25일 by kaus

은 써보면 써볼수록 유용한 것 같다. 간결하고 편하고 직관적이다. 어쨌든 JSON Text를 Object로 변환해야 할 때가 있다. 여기서 JSON Text라는 것은 형태는 JSON의 형태이지만 자바스크립트에서 […]

Javascript

[JAVASCRIPT]Ajax에서 Json으로 데이터를 가져올때 eval함수 사용 팁?

Posted on 2015년 8월 25일 by kaus

eval() 함수의 사용 목적은 객체를 만들기 위함이고, joson응답 또한 객체로 만들어 사용합니다. joson응답을 객체로 만들 때 eval함수에서 발생하는 invalid label error 때문에 괄호가 필요합니다. 이유는 eval이 처음 만나는 : […]

Javascript, Web Tip

[JAVASCRIPT]팝업 열고 닫고 이동하고 넘기고

Posted on 2015년 5월 7일 by kaus

팝업 열기도 뭐… 매한가지.. 거서거기.. 하지만 이게 제일 깔끔한듯!? 아님 말구요…ㅎㅎㅎ 1.팝업 열기 함수

function custom_openwin01(url,width,height){
	var sst = window.open(url,'popwin','top='+((screen.availHeight - height)/2 - 40) +', left='+(screen.availWidth - width)/2+', width='+width+', height='+height+', toolbar=0, directories=0, status=0, menubar=0, scrollbars=0, resizable=0');
	if(sst){
		sst.focus();
	}
}

function custom_openwin01(url,width,height){

var sst = window.open(url,'popwin','top='+((screen.availHeight - height)/2 - 40) +', left='+(screen.availWidth - width)/2+', width='+width+', height='+height+', toolbar=0, directories=0, status=0, menubar=0, scrollbars=0, resizable=0');

if(sst){

sst.focus();

}

2. 팝업창 닫기 함수

function Close(){
	parent.close();
	window.close();
	self.close();
}

function Close(){

parent.close();

window.close();

self.close();

}

3. 팝업창 닫고 부모창 이동 […]

Code Library, Javascript

1 2 3 »

카테고리: Javascript

[JAVASCRIPT] jqeury의 $().ready() 를 순수 javascript 로 대체

[JAVASCRIPT]특정 대역폭 IP 차단

[JAVASCRIPT] 올해 몇주차 인지 구하기

[JAVASCRIPT]특정 ip 막기

[JAVASCRIPT] 체크박스 모두 선택

[JAVASCRIPT] 특수문자 입력 제한

[JAVASCRIPT] 간단한 시계예제

[JAVASCRIPT]JSON Text를 JSON Object로 변환하기

[JAVASCRIPT]Ajax에서 Json으로 데이터를 가져올때 eval함수 사용 팁?

[JAVASCRIPT]팝업 열고 닫고 이동하고 넘기고