Loading...

javascript 로 guid 만들기

https://stackoverflow.com/a/105074function guid() { return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); } function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } ..

2018.01.23 16:53

자바스크립트 하이라이트 라이브러리 highlight.js

https://highlightjs.org/<link rel="stylesheet" href="/path/to/styles/default.css"><script src="/path/to/highlight.pack.js"></script><script>hljs.initHighlightingOnLoad();</script>만약 언어가 c# 이면 html 대신 cs 라고 기재하면 됩니다.<pre&..

YouTube Player API 유투브 플레이어 api 사용해 보기

https://developers.google.com/youtube/iframe_api_reference?hl=ko유투브 API의 JavaScript 함수를 사용하여, 재생을 위해 동영상을 대기열에 넣거나,  동영상을 재생, 일시중지 또는 중지 및 플레이어 볼륨을 조정, 재생 중인 동영상에 대한 정보들을 가져올 수 있습니다. 또한 플레이어 상태 변경 또는 동영상 재생 품질 변경과 같은 특정 플레이어 이벤트에 대한 응답으로 실행되는 이벤트 리..

facebook login, Graph API, Sharing 알아보기 (www.fbrell.com)

    http://www.fbrell.com/examples/     Examples Facebook Login 1 - Basic Login 2 - Checking and Tracking Login Status 3 - Requesting Additional Permissions 4 - Putting it all together Graph API 1 - Reading 2 - Readi..

javascript 로 파일 다운로드 처리하기 (javascript file download)

자바스크립트 만으로 파일을 다운로드 하는 방법을 찾긴 했는데, IE 및 EDGE 브라우저에서 새창 띄우는 부분이 조금 이슈가 있네요.PC 환경의 크롬에서는 잘 되고 있는것을 확인했습니다. 모바일 기기 환경에서는 안되니 참고하시기 바랍니다.참고 사이트 : http://fil.wo.tc/742 var browserName = undefined; var userAgent = navigator.userAgent; switch (true) { ..

File APIs 를 이용하여 자바스크립트로 파일들을 읽어보기

File APIs 를 이용하여 자바스크립트로 파일들을 읽어보기HTML5는 마침내 File API 사양을 통해 로컬 파일과 상호 작용하는 표준 방법을 제공합니다 . 기능의 예로 File API를 사용하여 이미지가 서버로 전송되는 동안 미리보기 이미지 미리보기를 만들거나 사용자가 오프라인 상태 일 때 앱이 파일 참조를 저장할 수 있습니다. 또한 클라이언트 측 로직을 사용하여 업로드의 MIME 유형이 ..

아이프레임 iframe 리사이즈 resize 조절 하는 방법

아이프레임 iframe 리사이즈 resize 조절 하는 방법https://github.com/davidjbradshaw/iframe-resizer부모 페이지 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"/> <title></title> <style> body ..

Javascript key code 자바스크립트 키코드 알아보기

https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes Key Code   Key Code   Key Code backspace 8 e 69 numpad 8 104 tab 9 f 70 numpad 9 105 enter 13 g ..

javascript email check 이메일 체크

  이메일 주소 체크 하는 방법이 두 가지 있네요. function isEmail(email) { var regex = /^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|p..

html 5 환경에서 파일 사이즈 및 확장자 체크하기

html 5 가 지원되는 브라우저에서 가능합니다.ie 10 까지는 되는 것을 확인했고, ie 9 이하는 용량 체크 부분에서 오류 발생합니다.당연히 크롬에서는 잘 되고요.~보안 상, 이미지를 프로그램 파일로 변경해서 해킹 우려가 있으니 서버단 코드로 파일 여부를 꼭 체크하시고서버에 저장하기실 바랍니다.$("#PhotoImage").change(function () {             ..

페이지가 iframe 안에 들어가 있는지 체크

  해당 페이지가 iframe 안에 들어가 있는지 체크 하는 구문임. 들어가 있으면 {} 안에 구문이 실행됨       if ( self !== top ) {  // you're in an iframe}     http://stackoverflow.com/questions/18231189/jquery-check-if-content-is-sitting-inside-an-if..

동적으로 form 태그 생성해서 post 전송하기

  동적으로 form 태그 생성해서 post 전송하기    $('#btnsubmit').click( function() { var $form = $('<form></form>'); $form.attr('action', 'default.aspx'); $form.attr('method', 'post'); $form.attr('target', 'iFrm'); $f..

모바일 mobile 기기 체크 하는 javascript 함수임

모바일 기기 디바이스 체크 하는 javascript 함수임  http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-mobile-device-in-jqueryhttp://detectmobilebrowsers.com/     var isMobile = false; //initiate as false if(/(android|bb\d+|..

input box 에 입력값에 숫자만 넣기

  input box 에 입력값을 넣을때 숫자만 넣게 하기 위해서 기술한 부분이다. 하필이면 . 도 들어가져서, 그 부분 포함해서 넣었다. 키보드 입력시 가동하는 keyup 을 사용했다.     1방안   jQuery('#TextBox1').keyup(function () {            th..

자바스크립트 정규화 표현식 심플하게 구현... VerbalExpressions

JavaScript Regular Expressions made easy자바스크립트 정규화 표현식을 쉽게 만들어 주는 api 입니다.https://github.com/VerbalExpressions/JSVerbalExpressions지원하는 언어는 다양합니다.RubyC#PythonJavaGroovyPHPHaskellHaxeC++Objective-CPerlSwift자바스크립트도 지원하는데요. <script src="VerbalExpressions..

2015.09.14 00:16

nwagon 라이브러리 챠트

http://nuli.navercorp.com/sharing/nwagon네이버가 웹접근성 지표 측정을 위한 개발 과정에서 제작하게 된, nwagon 이라는 라이브러리를 공개 한 자료입니다.

javascript : post 전송하여 popup 2개 뜨는 경우

  WINDOWS 8, 8.1, 10 에서 IE 브라우저에 관리자권한으로 실행하게끔 체크하곤 한다. 하지만 이렇게 설정하고 나서 JAVASCRIPT 로 데이터를 POPUP 형태로 하여 POST  로 전송할 경우, 새창이 2개 정도 뜬다. 조그마한 새창이 JAVASCRIPT 의 window.open() 함수에 의해 뜬 사이즈 만큼의 브라우저가 뜨고, 그 안에서 다시 새창으로 떠서 원하는 action 페이지로 이동이 된다는 것이..

Javascript 로 글자 병합하는 4가지 방법

        Using addition operator ( + ) :   <html> <body> <script type="text/javascript">  var str1 = "Welcome";  var str2 = "To";  var str3 = "Javascript";  var re..

Impress.js , prezi 와 유사한 오픈소스

 Impress.js     CSS3의 3D 전환 효과를 이용하여, Prezi와 유사한 동적이고 3차원 전환 프리젠테이션을 할 수 있는 도구임* 데모: http://bartaz.github.io/impress.js* 소스코드: https://github.com/bartaz/impress.js  

긴 글자 ellipsis 사용하여 적용해 보기

    테이블 형식처럼 레이아웃을 만들때, width 넓이를 고정해서 그 넓이보다 긴 글자가 들어올 경우, width 넓이 이상의 글자는 숨겨놓는 방식으로 만들때 좋다. 우선 스타일 시트에서 text-overflow:ellipsis 는 ie 브라우저에서 작동이 된다. 나머지 부분은 크롬이나 파이어폭스를 위해 만든 것이다. 먼저 span 으로 최대 보여줄 넓이를 width 로 산정한 다음, 그 안에 div 태그를 통해 CSS의 ..

javascript 로 post 페이지 전송하기

  발췌 : http://motolies.tistory.com/313       /**************************************************     초기화     ***************************************************/     va..

SHA-256 암호화 javascript 로 제공

    SHA-256 Cryptographic Hash Algorithm 에 대한 암호화 값을 javascript 로 추출할 수 도 있다.     http://www.movable-type.co.uk/scripts/sha256.html     sha256 의 javascript 소스는 아래 git 에서 다운로드 가능 합니다.   https://github.com/..

아날로그 플레쉬 시계 소스

  아래 사이트에서 아날로그 플레쉬 시계 소스인데, 광고도 없고 해서 좋은 듯 싶네요. 날짜 값 부분은 php 로 날짜 값을 구현한 부분이 있어서 이를 javascript 에서 날짜 값을 가져와서 할당하는 부분만 약간 수정해서 첨부파일에 넣었고, 날짜 값을 형식에 맞게 추출하기 위해서 moment.min.js 파일을 새롭게 추가했습니다. 그 이외는 원본을 훼손한 부분이 없음을 밝힙니다. ^^   http://www.xorbin.c..

2014.12.31 12:40

javascript 로 ie 브라우저 버전 확인하기

  http://tanalin.com/en/articles/ie-version-js/   Such objects for versions of IE up to 10 inclusive are listed in the following table.   IE versions Supported standard object 10+ win..

javascript design patterns

javascript design pattern 에 대한 설명을 한 o'reilly 출판사에서 만든 javascript design patterns 에 대해 온라인 상에 대 부분을 기술한 사항이다. http://js.do위의 사이트는 쉽게 자바스크립트를 온라인 상에서 테스트 할 수 있는 부분이다.http://addyosmani.com/resources/essentialjsdesignpatterns/book/IntroductionWha..

javascript 정규화 (많이 사용하는 패턴)

Perfect Javascript Form Validation using Regular Expressions.http://www.9lessons.info/2009/03/perfect-javascript-form-validation.html      //숫자1개, 소문자1개, 대문자 1개 이상 = 최소 6자리 조합      var input = "aB33322";  var re = /(?..

javascript 로 새창 가운데 화면 뜨게 하기

새창 모니터 한 가운데 띄우도록 하는 스크립트var windowWidth = 200;var windowHeight = 200;var windowLeft = parseInt((screen.availWidth/2) - (windowWidth/2));var windowTop = parseInt((screen.availHeight/2) - (windowHeight/2));var windowSize = "width=" + windowWidth + ",heig..

스마트폰 브라우저 체크하여 페이지 분기시키기

  스마트폰 브라우저 체크하여 페이지 분기시키기   <script type="text/javascript"> var mobileKeyWords = new Array('iPhone', 'iPad', 'BlackBBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson', 'Opera Mini', 'Windows CE', 'Microsof..

2012.04.02 21:54

Regular Expression 정규화 이론

Regular Expression 정규화 이론    http://www.codeproject.com/Articles/199382/Simple-and-Useful-JavaScript-Regular-Expression-Tu