mulder's it blog

매우 좋은 팝업 플러그인 http://dimsemenov.com/plugins/magnific-popup/ Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js).Documentation · GitHub · WordPress plugin · Build tool · How it was made /**youtube video popup**/ $('.modal-video').magnificPopup({ type: 'iframe' }); $(document).ready(functi..

jQuery plugin개발을 위한 손쉬운 방법이 있어 공유 합니다. 아래와 같은 형태로 작업을 하면 기존의 방법보다 훨씬 편한것 같습니다. 아래 부분이 키포인트 같아서 발춰해봅니다. $.fn[pluginName] = function(options) { // Iterate through each DOM element and return it return this.each(function() { // prevent multiple instantiations if (!$.data(this, 'plugin_' + pluginName)) { $.data(this, 'plugin_' + pluginName, new Plugin(this, options)); } }); }; Plugin의 접근을 $(p1).data..

jsfiddle 을 이용한 jQuery, angularjs 개발 테스트 base js test framework :

data post를 http body에 직접 하는 방법이 있다... 흔히 json post라고 하는데, 아래와 같이 처리 하면 된다. Ajax Post Json Example)Client Side) $.ajax({ url: '', type: 'post', accept: 'application/json', contentType: 'application/json; charset=utf-8', data: JSON.stringify({'list': savedData}), dataType: 'json', success: function(data) { // success handle }, error: function(jqXHR,textStatus,errorThrown) { // fail handle } }); Se..

Query select 선택 값 확인하기 : from http://lanian.tistory.com/356 from 분류없음 jQuery로 선택된 값 읽기 $("#select_box option:selected").val(); $("select[name=name]").val(); jQuery로 선택된 내용 읽기 $("#select_box option:selected").text(); 선택된 위치 var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select $("#..

jQuery, json action 처리에 이것보다 더 깔끔한 예제는 없을듯 합니다... 물론 jQuery site document 입니다. http://api.jquery.com/jQuery.getJSON/

Web상에서 BarCode, QRCode를 만드셔야 하는 분들을 위한 좋은 자료를 공유 합니다. BAR CODE : http://barcode-coder.com/en/barcode-jquery-plugin-201.html QR-CODE : http://jquer.in/javascript-and-jquery-solutions-for-fantastic-mobile-websites/qr-code/

jQuery를 이용한 손쉬운 유틸리티 모음을 공유 합니다. 출처는 trac 입니다. (function($){ if (typeof _ == 'undefined') babel.Translations.load({}).install(); $.fn.addAnchor = function(title) { title = title || _("Link here"); return this.filter("*[id]").each(function() { $(" \u00B6").attr("href", "#" + this.id) .attr("title", title).appendTo(this); }); } $.fn.checked = function(checked) { if (checked == undefined) { // gett..

jQuery UI 작업중 가장 간단하고 많이 등장하는 division toggle 의 아주 간단한 예제입니다.실제의 경우 더욱 복잡한 경우가 다반사 이겠지만 원칙은 아래와 같다고 봅니다. New Document List Type Gallery Type List List Gallery Gallery 아래와 같이 selectbox 를 이용하여 하단 Division을 반전 시킬 수 있습니다.List div Gallery div

HTML, jQuery 관련 기술 리소스를 잘 정리한 사이트가 있군요. http://www.htmldrive.net 저도 자주 이용할 것 같아서 공유 합니다.