http://www.tripwiremagazine.com/2011/09/jquery-slider.html
http://www.yoxigen.com/yoxview/
http://tympanus.net/codrops/category/tutorials/
http://d2o0t5hpnwv4c1.cloudfront.net/076_jQueryDashboard/preview/preview.html
http://demos.usejquery.com/03_z-index_gallery/
http://zendold.lojcomm.com.br/icarousel/example6.asp#
http://pushingpixels.at/experiments/dynamic_shadow/ 
신고
Posted by genius3k

navigator.userAgent안에 문자열을 파싱해서 알아 올수가 있다.
<script language="javascript">
var uAgent = navigator.userAgent.toLowerCase();
var mobilePhones = new Array('iphone','ipad','ipod','android','blackberry','windows ce',
        'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile');
for(var i=0;i<mobilePhones.length;i++)
    if(uAgent.indexOf(mobilePhones[i]) != -1)
        document.location = "http://"+ location.host +"/m" + location.pathname;
</script>

신고
Posted by genius3k
function checkEnglishOnly( englishChar ) { 
   var isStr = /^[a-z0-9]{6,13}$/;          //영문 숫자 조합 (6자리에서13자리까지)
    if( ! isStr.test(str) ){
       return false;
    }
    return true;
}
신고
Posted by genius3k

encodeURIComponent() / decodeURIComponent()
알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩
http:// ... 가 http%3A%2F%2F 로 된다

 

신고
Posted by genius3k

클로저

Javascript 2009.09.25 11:33

※ 자바스크립트 객체 안에 내장된 함수가 객체의 지역 변수를 자신의 지역 변수처럼 사용할 경우 이 함수를 클로저(Closure)라고 한다
<HTML>
 <BODY>
  <input type='button' name='test' id='test1'>
  <input type='button' name='test'>
  <input type='button' name='test'>
  <input type='button' name='test'>
 </BODY>
 <SCRIPT LANGUAGE="JavaScript">
<!--
/* 잘못된 코딩 결과: 어떤 버튼을 클릭해도 값은 4가 나온다.
 var test = function(nodes){
  var i=0;
  var testList = document.getElementsByName('test');
  for(i=0;i<testList.length;i++){
   testList[i].onclick=function(e){
    alert(i);
   };
  }
 }();

for문을 돌면서 각 객체에 onclick이벤트를 정의해주지만 onclick함수 실행시 각 함수가 같은 i변수를 참조하기때문에 값이
항상 4가 찍히는 것이다.
*/


//옳바른 코딩
 var test = function(nodes){
  var i=0;  
  var testList = document.getElementsByName('test');
  for(i=0;i<testList.length;i++){
   testList[i].onclick=function(i){
    return function(e){
     alert(i);
    }
   }(i);
  }
 }();
//-->
</SCRIPT>
</HTML>

신고
Posted by genius3k
널값체크를 하기 위해 각 페이지마다 null값체크 자바스크립트를 써야하는 수고를 덜기 위해 prototype.js를 사용하여 함수를 만들어봤다.


function chkNullValue(){
  var errorList = [];
  var titleList = [];
  var i = 0;
//모든 테그의 class 명을 확인하면서 검사를 원하는 class의 객체의 값이 있는지 없는지 체크한다.
  $$('*[class = "체크할 css 클레스명"]').each(function(value,index){
   if($(value.id).value.trim() == ''){
    errorList[i] = value.id;
    titleList[i] = $(value.id).title;
    i++;
   }
  });
//한개라도 errorList에 id가 등록되어있으면 다음과 같이 경고 문구를 보여준다.
  if(errorList.length > 0){
   chkErrorId = errorList[0];
   event.returnValue=false;
   $(chkErrorId).focus();
   alert(titleList[0]+'는(은) 필수입력사항입니다.');
   return false;
  }else{
   return true;
  }
    }
신고
Posted by genius3k

티스토리 툴바