'javascript'에 해당되는 글 19건

  1. 2014.02.21 [Javascript] - 자바스크립트 Textarea 문자열 체크 ( 한글 버그 수정 )
  2. 2013.12.24 [Javascript] - 자바스크립트 시간 구하기
  3. 2013.12.09 [Javascript] - 문자열 랜덤 뽑기
  4. 2013.12.03 [Javascript] - 자바스크립트 대문자, 소문자 변경
  5. 2013.08.14 [Javascript] - 자바스크립트 확장자 체크
  6. 2013.06.27 [Javascript] - 자바스크립트 화면 풀사이즈
  7. 2011.09.01 [Javascript] - 자바스크립트 접속 Device 구분
  8. 2011.08.31 [Javascript] - 자바스크립트 모바일 Device 구별법
  9. 2011.06.28 [Javascript] - 슬라이딩 터치

[Javascript] - 자바스크립트 Textarea 문자열 체크 ( 한글 버그 수정 )

Javascript 2014. 2. 21. 11:59
반응형

$("textarea").on("input keyup paste", function(){

  var $this = $(this);

  var max  = 8;

  var lng   = $this.val().length;

  var bval = "";


  if(lng > max) {

    alert("Too much");

    bval = $this.val().substr(0, max);

    $this.get(0).blur(); // substr로 한글 삭제 될때 

    $this.val( bval );

    $this.get(0).focus(); // substr로 한글 삭제 될때 

  };

});


<textarea></textarea>

반응형
:

[Javascript] - 자바스크립트 시간 구하기

Javascript 2013. 12. 24. 15:00
반응형

var date  = new Date();

var hour  = date.getHours();

var min   = date.getMinutes();

var sec   = date.getSeconds();

var msec = date.getMilliseconds();

반응형
:

[Javascript] - 문자열 랜덤 뽑기

Javascript 2013. 12. 9. 17:23
반응형

var ar  = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";

var result;

for(var i = 0; i < 6; i++) {

  result += ar.charAt(Math.floor(Math.random() * ar.length));

};


console.log( result );

반응형
:

[Javascript] - 자바스크립트 대문자, 소문자 변경

Javascript 2013. 12. 3. 13:52
반응형

자바스크립트 대문자 변경


var Str = "abc";

Str.toUpperCase();  // 대문자 변경

console.log( Str );


var Str = "ABC";

Str.toLowerCase();  // 대문자 변경

console.log( Str );


반응형
:

[Javascript] - 자바스크립트 확장자 체크

Javascript 2013. 8. 14. 11:46
반응형

$$.Ext = "jpg, png, zip";


var ext = $$.Ext.replace(/ /g, "");

     ext = ext.split(",");


var name     = "noname.zip";

var extName = name.substring(name.lastIndexOf(".") + 1).toLowerCase();

var flag = "N";


for(var n = 0; n < ext.length; n++)

{

if(extName == ext[n])

{

flag = "Y";

};

};


flag = "Y"; // 통과

flag = "N"; // 확장자 제한 됨

반응형
:

[Javascript] - 자바스크립트 화면 풀사이즈

Javascript 2013. 6. 27. 13:47
반응형
resizeTo(screen.availWidth, screen.availHeight)


반응형
:

[Javascript] - 자바스크립트 접속 Device 구분

Javascript 2011. 9. 1. 11:30
반응형
<script language="JavaScript">

function browser_chk(){
var uAgent = navigator.userAgent.toLowerCase();
var mobilePhones = new Array('iphone','ipad', 'firefox', 'android', chrome');

for(var i=0;i<mobilePhones.length;i++){
if(uAgent.indexOf(mobilePhones[i]) != -1){
alert(mobilePhones[i]);
}
}
}

window.onload = function(){
browser_chk();
report();
}

</script>

var mobilePhones = new Array('iphone','ipad', 'firefox', 'android', chrome');

여기서 구별할 Device명을 추가해주시면 됩니다. 
반응형
:

[Javascript] - 자바스크립트 모바일 Device 구별법

Javascript 2011. 8. 31. 09:10
반응형
<script language="JavaScript">

function browser_chk(){
var uAgent = navigator.userAgent.toLowerCase();
var mobilePhones = new Array('iphone','ipad', 'firefox', 'android');

for(var i=0;i<mobilePhones.length;i++){
if(uAgent.indexOf(mobilePhones[i]) != -1){
alert(mobilePhones[i]);
}
}
}

window.onload = function(){
browser_chk();
}

</script>
반응형
:

[Javascript] - 슬라이딩 터치

Javascript 2011. 6. 28. 18:48
반응형

[Javascript] - Sliding Touch

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <script type="text/javascript">

if(window.addEventListener) {

 window.addEventListener('load', function() {

  setTimeout(scrollTo, 0, 0, 1);

 }, false);

}

 

// touch actions

var a = 0;

var b = 0;

 

document.addEventListener("touchstart", function(event){

var touch = event.touches[0];

  a = touch.pageX;

});

 

document.addEventListener("touchmove", function(event){

   var touch = event.touches[0];

  b = touch.pageX

 

 

}

 );

 

 

  document.addEventListener("touchend", function(event){

if(a <= 90 && a != 0 && b >= 150){

alert('왼쪽에서 오른쪽');

 

 

}else if(a >= 230 && b != 0 && b <= 230){

alert('오른쪽에서 왼쪽');

 

 

}

a = 0;

b = 0;

 

});

function roll_back(){

history.back();

return false;

a = 0;

b = 0;

}

</script>

터치 하세요


반응형
: