티스토리

Think Web!
검색하기

블로그 홈

Think Web!

thinkweb.tistory.com/m

윤일진 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • 첨부파일 사이즈 확인 방법 Input FileUpload files Property var x = document.getElementById("myFile"); var txt = ""; if ('files' in x) { if (x.files.length == 0) { txt = "Select one or more files."; } else { for (var i = 0; i < x.files.length; i++) { txt += (i+1) + ". file"; var file = x.files[i]; if ('name' in file) { txt += "name: " + file.name; } if ('size' in file) { txt += "size: " + file.size + " bytes"; } } } } docu.. 공감수 0 댓글수 0 2015. 3. 3.
  • jQuery File Upload 소스받기 : https://blueimp.github.io/jQuery-File-Upload/API문서 : https://github.com/blueimp/jQuery-File-Upload/wikiDemo : http://blueimp.github.io/jQuery-File-Upload/ 공감수 0 댓글수 0 2014. 11. 26.
  • jQuery를 이용한 테이블 셀병합 통계 화면을 구성하던 중 같은 값에 대해서 셀을 병합해야 했는데 서버 스크립트에서 복잡하게 하지 말고jQuery를 이용해 클라이언트단에서 구현하는 방법을 찾아봤습니다.이미 같은 문제로 고민해서 구현해 놓은 것 중에 어떤 분 말씀대로 가장 깔끔한 코드를 첨부합니다 ^^셀이 병합되는 모습을 보기 싫다면 테이블을 감추고 병합 후에 보여주면 될 것 같습니다. 문제 화면유효성 검사버전1.1데이터 검사버전1.1데이터 검사버전1.3 요구하는 화면유효성 검사버전1.1데이터 검사버전1.11.3 /* * * 같은 값이 있는 열을 병합함 * * 사용법 : $('#테이블 ID').rowspan(0); * */ $.fn.rowspan = function(colIdx, isStats) { return this.each(funct.. 공감수 0 댓글수 0 2013. 9. 7.
  • 레이어창을 브라우저 화면 가운데 띄우기 레이어창을 브라우져 화면가운데 띄우는 자바스크립트 예제입니다. jQuery로 작성하였습니다. function fnOpenChapter() { var obj = $('#chapter_select'); var iHeight = (document.body.clientHeight / 2) - obj.height() / 2 + document.body.scrollTop; var iWidth = (document.body.clientWidth / 2) - obj.width() / 2 + document.body.scrollLeft; obj.css({ position: 'absolute' , display:'block' , top: iHeight , left: iWidth }); } 여기서 주의할 것은 documen.. 공감수 0 댓글수 0 2009. 11. 6.
  • jQuery 기반 Library 들 소개 jQuery 기반 UI Library jQuery Core v1.3.2 : http://www.jquery.com/ jQuery UI v1.7.2 : http://ui.jquery.com/ jQuery Grid v3.5 : http://www.trirand.com/blog/ jQuery Tools v1.0.2 : http://flowplayer.org/tools/index.html jQuery Form v2.28 : http://malsup.com/jquery/form/ jquery keyfilter v1.7: http://code.google.com/p/jquery-keyfilter/ jquery numberformatter v1.2 : http://code.google.com/p/jquery-numb.. 공감수 0 댓글수 0 2009. 10. 19.
  • Lightbox2 javascript 를 이용하여 이미지파일을 멋지게(?) 보여주는 프로그램입니다. http://www.huddletogether.com/projects/lightbox2/ 활용할 수 있는 용도가 많이 있을 듯하네요. 공감수 0 댓글수 0 2009. 4. 20.
  • jQuery File Tree 예제 jQuery 를 이용한 File Tree 예제입니다.라이브데모를 볼 수 있는 곳 : http://abeautifulsite.net/notebook_files/58/demo/소스에 대한 내용을 볼 수 있는 곳 : http://abeautifulsite.net/notebook.php?article=58 소스 다운로드 : http://abeautifulsite.net/notebook_files/58/jqueryFileTree.zip현재 버전은 1.01 이며 Ajax 로 구현이 되어 있습니다. 공감수 0 댓글수 0 2009. 1. 6.
  • 마우스 버튼 확인 방법 마우스 버튼의 경우 W3C에서 정의하는 값은 다음과 같습니다. Left button : 0 Middle button : 1 Right button : 2 그러나 마이크로소프트에서 정의하는 값은 다음과 같습니다. Left button : 1 Middle button : 4 Right button : 2 [javascript 예제] function doSomething(e) { var rightclick; if (!e) var e = window.event; if (e.which) { rightclick = (e.which == 3); } else if (e.button) { rightclick = (e.button == 2); } alert('Rightclick: ' + rightclick); // tru.. 공감수 0 댓글수 0 2008. 7. 1.
  • 마우스 좌표 확인 방법 [javascript 예제] function doSomething(e) { var posx = 0; // x 좌표값 var posy = 0; // y 좌표값 if (!e) var e = window.event; if (e.pageX || e.pageY) { posx = e.pageX; posy = e.pageY; } else if (e.clientX || e.clientY) { posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop; } // posx and posy co.. 공감수 0 댓글수 0 2008. 7. 1.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.