반응형

javascript에 기본적으로 array sort 함수를 지원한다.

 

var arr = [40, 1, 10, 5, 25];

 

1. arr.sort();

 - 이와 같이 쓸 경우 1, 10, 25, 40 과 같이 문자로 취급하여 정렬한다.

 

2. arr.sort(function(a, b){return a-b});

 - 1, 5, 10, 25, 40 과 같이 정렬

 

3. arr.sort(function(a, b){return b-a});

 - 40, 25, 10, 5, 1 과 같이 정렬

[출처] javascript array sort|작성자 묵금

 

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

jQuery 를 이용한 ajax 사용시 크로스 도메인 허용  (0) 2013.11.05
이미지 롤링 or 미니 팝업 롤링  (0) 2013.06.19
[j쿼리,스크립트]부모창 값 가져오기, 전달하기  (0) 2012.10.15
[jquery]제이쿼리 사용한 백그라운드 실행..쉽다..ㅠㅠ  (0) 2012.09.18
일정 시간마다 스크립트 실행 하는 함수  (0) 2012.09.11
반응형

 

jQuery 를 이용한 ajax 사용시 크로스 도메인 허용

   jQuery.support.cors = true;

   $.support.cors = true;

위 한줄 추가해주면 됩니다.

업무관계상 개발 작업중 아작스 처리 부분에서 실서버에서는 문제가 안되지만

개발서버에서 문제가 되서 이거때문에 고생했네요.

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

javascript 의 sort 정상 작동 시키기  (0) 2014.12.04
이미지 롤링 or 미니 팝업 롤링  (0) 2013.06.19
[j쿼리,스크립트]부모창 값 가져오기, 전달하기  (0) 2012.10.15
[jquery]제이쿼리 사용한 백그라운드 실행..쉽다..ㅠㅠ  (0) 2012.09.18
일정 시간마다 스크립트 실행 하는 함수  (0) 2012.09.11
반응형

 

메인의 특정 이미지 자동 회전또는 미니 팝업의 자동 회전 방식.

마우스 오버시 일시 정지, 마우스 아웃시 다시 회전

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

javascript 의 sort 정상 작동 시키기  (0) 2014.12.04
jQuery 를 이용한 ajax 사용시 크로스 도메인 허용  (0) 2013.11.05
[j쿼리,스크립트]부모창 값 가져오기, 전달하기  (0) 2012.10.15
[jquery]제이쿼리 사용한 백그라운드 실행..쉽다..ㅠㅠ  (0) 2012.09.18
일정 시간마다 스크립트 실행 하는 함수  (0) 2012.09.11
반응형

1. 부모창 필드 값 가져오기

opener.document.getElementById( "hidValue" ).value;

$( "#hidValue", opener.document ).val();

2. 부모창에 값 전달하기

opner.document.getElementById( "p_id" ).value = "c_value";

$( "#hidValue", opener.document ).value( "c_value" );

3. 부모창 함수 호출

opener.location.href = "javascript:p_fun();";

$( opener.location ).attr( "href" , "javascript:p_fun();");

 

 

출처 - http://freesemo.blog.me/100155523015

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

jQuery 를 이용한 ajax 사용시 크로스 도메인 허용  (0) 2013.11.05
이미지 롤링 or 미니 팝업 롤링  (0) 2013.06.19
[jquery]제이쿼리 사용한 백그라운드 실행..쉽다..ㅠㅠ  (0) 2012.09.18
일정 시간마다 스크립트 실행 하는 함수  (0) 2012.09.11
iframe Height 자동 리사이징  (0) 2012.05.24
반응형

후우... params 로 값 넘겨서 작업 페이지에서 받은뒤에 처리함.. 그리고 화면에 뿌린 데이터를 가져와서 그걸로 처리...

ps. 일하면서.. 만들었다... 슬프다..ㅠㅠ

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

이미지 롤링 or 미니 팝업 롤링  (0) 2013.06.19
[j쿼리,스크립트]부모창 값 가져오기, 전달하기  (0) 2012.10.15
일정 시간마다 스크립트 실행 하는 함수  (0) 2012.09.11
iframe Height 자동 리사이징  (0) 2012.05.24
모바일 웹페이지 이동 스크립트  (0) 2012.05.10
반응형

 

 

일정 시간마다 동일한 함수를 실행하는 함수.

그리고 그 함수를 멈추는 함수.

자동실행 되게 셋팅하고

마우스 포커스 온 되면 멈추고 포커스 아웃되면 재실행 시키는 방식으로 활용

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

[j쿼리,스크립트]부모창 값 가져오기, 전달하기  (0) 2012.10.15
[jquery]제이쿼리 사용한 백그라운드 실행..쉽다..ㅠㅠ  (0) 2012.09.18
iframe Height 자동 리사이징  (0) 2012.05.24
모바일 웹페이지 이동 스크립트  (0) 2012.05.10
숫자 체크  (0) 2012.04.09
반응형

<script type="text/javascript">
function resizeHeight(id)
{
    var the_height = document.getElementById(id).contentWindow.document.body.scrollHeight;
    document.getElementById(id).height = the_height + 30;
}
</script>
<iframe src="#" id="commentFrame"frameborder="0" onLoad="resizeHeight('commentFrame');"></iframe>


출처 - http://eyecandyzero.tistory.com/173

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

[jquery]제이쿼리 사용한 백그라운드 실행..쉽다..ㅠㅠ  (0) 2012.09.18
일정 시간마다 스크립트 실행 하는 함수  (0) 2012.09.11
모바일 웹페이지 이동 스크립트  (0) 2012.05.10
숫자 체크  (0) 2012.04.09
날짜 유효성 검사  (0) 2012.03.07
반응형

<script type="text/javascript">


var uAgent = navigator.userAgent.toLowerCase();

 

 //모바일 기기 추가시 등록

 var mobilePhones = new Array('iphone','ipod','ipad','android','blackberry','windows ce',

 'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile', 'windows phone');

 var isMobile = false;

 

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

  if(uAgent.indexOf(mobilePhones[i]) > -1){

   isMobile = true;

   break;

  }

 }

 //모바일 기기가 아닌경우 특정 페이지로 GOGO

 if(!isMobile || document.referrer.substr(0,19) == "http://m.ystour.kr/"){

  window.location.href = "여기에 pc용 페이지";

 }else{

window.location.href = "여기에 모바일 페이지";

 }

</script>


출처 - http://blog.naver.com/soccerma?Redirect=Log&logNo=140119375246

ps. 모바일 기기에서 pc버전 버튼 눌렀을 경우 예외처리 추가

ps2. for문 소스 소실 부분 추가

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

일정 시간마다 스크립트 실행 하는 함수  (0) 2012.09.11
iframe Height 자동 리사이징  (0) 2012.05.24
숫자 체크  (0) 2012.04.09
날짜 유효성 검사  (0) 2012.03.07
스크립트 정규식 소스 조금  (0) 2012.01.10
반응형

function checknum(chk_no){

var pattern = /^[0-9]+$/; //숫자패턴을 정해줌
var chk = document.frm.No1.value;

if(!pattern.test(chk)) //만약 값이 숫자가 아니면~
{
alert(!"숫자만 입력할 수 있습니다!");
document.frm.No1.value = "";
document.frm.No1.focus();
return;
}

if(pattern.test(chk) && document.frm.Coupon_No.value.length==7) //숫자이면서 자릿수가 7자리면
{
document.frm.No2.focus(); 다음 입력칸으로 포커스이동!
}

}

 

 

출처  - http://blog.daum.net/lexerj/18126200

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

iframe Height 자동 리사이징  (0) 2012.05.24
모바일 웹페이지 이동 스크립트  (0) 2012.05.10
날짜 유효성 검사  (0) 2012.03.07
스크립트 정규식 소스 조금  (0) 2012.01.10
[스크립트]체크박스 전체 선택/해제  (0) 2011.12.20
반응형

function date_chk(year, month, day){
 date1 = new Date(year, month-1, day);
    year_chk = date1.getYear();
    month_chk = date1.getMonth();
    day_chk = date1.getDate();
 if( year == year_chk && month-1 == month_chk && day == day_chk ){
  alert("날짜 정상");
 }else{
  alert("날짜가 비정상");
 }
}

자바 스크립트에서 받아오는 날짜는 월이 0~11 로 계산됩니다.
그리고 자동으로 가감을 하여 날짜를 받아오기때문에 정상적인 날자를 받아오게 되고
이 받아온 날짜를 입력한 날짜와 대조하여 날짜가 서로 동일하면 유효한 날짜인거고
동일 하지 않으면 유효하지 않은 날짜인것입니다.
반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

모바일 웹페이지 이동 스크립트  (0) 2012.05.10
숫자 체크  (0) 2012.04.09
스크립트 정규식 소스 조금  (0) 2012.01.10
[스크립트]체크박스 전체 선택/해제  (0) 2011.12.20
[스크립트]window.open() 스크립트 옵션 및 예제  (0) 2011.12.15
반응형

String removeTags(input)

HTML tag부분을 없애준다
function removeTags(input) {
    return input.replace(/<[^>]+>/g, ""); 
};
example>
var str = "<b>Tmax</b> <i>soft</i>";
document.write(str +"<br>");
document.write(removeTags(str));
result>
Tmax soft
Tmax soft

String String.trim()

문자열의 앞뒤 공백을 없애준다.
String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, ''); 
};
example>
var str = "         untrimed string            ";
document.write("========" + str+ "==============<br>");
document.write("========" + str.trim() + "==============");
result>
======== untrimed string ==============
========untrimed string==============

String String.capitalize()

단어의 첫 글자를 대문자로 바꿔준다.
String.prototype.capitalize = function() {
    return this.replace(/\b([a-z])/g, function($1){
        return $1.toUpperCase();
    }) ;  
};
example>
var str = "korea first world best";
document.write(str.capitalize());
result>
Korea First World Best

String number_format(input)

입력된 숫자를 ,를 찍은 형태로 돌려준다
function number_format(input){
    var input = String(input);
    var reg = /(\-?\d+)(\d{3})($|\.\d+)/;
    if(reg.test(input)){
        return input.replace(reg, function(str, p1,p2,p3){
                return number_format(p1) + "," + p2 + "" + p3;
            }    
        );
    }else{
        return input;
    }
}
example>
document.write(number_format(1234562.12) + "<br>");
document.write(number_format("-9876543.21987")+ "<br>");
document.write(number_format("-123456789.12")+ "<br>");
result>
1,234,562.12
-9,876,543.21987
-123,456,789.12


출처 - http://cafe.naver.com/q69.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=115820&
반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

숫자 체크  (0) 2012.04.09
날짜 유효성 검사  (0) 2012.03.07
[스크립트]체크박스 전체 선택/해제  (0) 2011.12.20
[스크립트]window.open() 스크립트 옵션 및 예제  (0) 2011.12.15
[SCRIPT] 라디오 버튼 자동 선택  (0) 2011.12.12
반응형


스크립트 소스

<script language="javascript" type="text/javascript">//체크박스 전체 선택용 스크립트
function checkAll(idx){
  var all_check = document.getElementsByName("i_t_idx");
  for(var i=0;i<all_check.length;i++){
   if(all_check[i].type == "checkbox")
   {
    all_check[i].checked = idx;
   }
  }
 }
</script>

체크박스 소스
<input type="checkbox" onclick="checkAll(this.checked)"/>



출처 - 수호천사의 블로그 (http://blog.naver.com/cobin?Redirect=Log&logNo=140133643136)
반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

숫자 체크  (0) 2012.04.09
날짜 유효성 검사  (0) 2012.03.07
스크립트 정규식 소스 조금  (0) 2012.01.10
[스크립트]window.open() 스크립트 옵션 및 예제  (0) 2011.12.15
[SCRIPT] 라디오 버튼 자동 선택  (0) 2011.12.12
반응형

window.open()

함수 설명: MS IE 팝업창 띄우는 스크립트

함수 형식: window.open("url","window name","option");

 

옵션:

menubar=yes/no

toolbar=yes/no

location=yes/no  주소창

scrollbars=yes/no

fullscreen

width

height

top

left ..

 

사용법: 아래예제는 창이 열리면서 팝업을 띄우고 부모창은 사라지는 것임.

주의: 팝업창 열리는 것이 막혀있으면 팝업 뜨기전에 부모창이 닫히므로 창을 구경할 수 없게 된다.. 일정 시간 이후 띄우거나 해야함..

 

<script type="text/JavaScript">
<!-- 
 window.open("welcome.jsp","show","width=303,height=212,toolbar=no,menubar=no");
 setTimeout(function(){top.window.opener = top;top.window.open('','_parent','');top.window.close();}); // <--부모창 자동 닫기
//-->
</script>



출처 - 내 작은공간(http://ilinkyou.blog.me/30106501260)

반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

숫자 체크  (0) 2012.04.09
날짜 유효성 검사  (0) 2012.03.07
스크립트 정규식 소스 조금  (0) 2012.01.10
[스크립트]체크박스 전체 선택/해제  (0) 2011.12.20
[SCRIPT] 라디오 버튼 자동 선택  (0) 2011.12.12
반응형

데이터베이스로 부터 받은 입력값을 라디오버튼으로 설정해야 할 경우가 있다.
셀렉트 박스일 경우에는 폼의 value 값으로 쉽게 설정이 가능하지만 라디오 버튼의 경우에는 name이 같기 때문에 name.value = "값" 으로 설정을 할수가 없다.
라디오 버튼의 경우에는 배열로 해결할수가 있다.

<html>

<head>

<script>

onload = function() {                                            // 페이지가 로드되면 자동으로 실행

              var frm = document.form(0);                    // 처음 폼을 frm으로 정의

              var gender = “<%데이터베이스로 부터 받은 값%>”;

if( gender == “m” ) {

frm.gender(0).checked = true;          // 배열로 표시가능

} else {

          frm.gender(1).checked = true;

}

}

</script>

</head>

<body>

<form>

<input type=”radio” name=”gender” value=”m” />남

<input type=”radio” name=”gender” value=”f” />여

</form>

</body>

</html>


만약 데이터베이스로 부터 받은 값이 m 일 경우에는 남에 체크가 된다.

라디오 버튼이 하나일경우에는 다중 라디오 자동선택으로는 선택이 정상적으로 되지 않는다.


출처 = http://theqoop.tistory.com/93
반응형

'공부거리 > JAVASCRIPT' 카테고리의 다른 글

숫자 체크  (0) 2012.04.09
날짜 유효성 검사  (0) 2012.03.07
스크립트 정규식 소스 조금  (0) 2012.01.10
[스크립트]체크박스 전체 선택/해제  (0) 2011.12.20
[스크립트]window.open() 스크립트 옵션 및 예제  (0) 2011.12.15

+ Recent posts

티스토리툴바