목록jquery (7)

봉 블로그

jQuery multiple form serialize

jQuery serialize supports multiple form elements$('#form1, #form2').serialize();
ajax_js 2016. 3. 26. 20:56
jquery multi select 처리

select option 생성해주는 유틸함수 정의.$.fn.addOptions = function(jsonData, selected, valueView, firstOption) { return this.each(function(){ if (this.tagName != 'SELECT'){ return; } var selectElement = this; if ($.browser.msie && firstOption) { selectElement.add(new Option(firstOption, "")); } else if(firstOption){ selectElement.add(new Option(firstOption, ""), null); } $.each(jsonData, function(index, opt..
ajax_js 2011. 8. 26. 17:52
jquery colspan 동적으로 주기.

데이타 목록 테이블에서 데이타가 없을때 '등록된 데이타가 없습니다' 라고 보여주기 위해 colspan 을 주죠. 문제는 테이블의 column 이 동적으로 변경될때 꽤 코드가 지저분해진다는건데. 이걸 깔끔한 코드 한줄로 해결해주는 jquery 코드 입니다. // tb_contract_list 테이블 empty td colspan 설정하기. $(".tb_contract_list .empty_list_td").attr("colspan", $(".tb_contract_list thead th").length);
ajax_js 2010. 12. 8. 14:52
jquery checkbox 전체 선택

데이타 목록에서 전체 선택을 클릭하면 하위 checkbox 가 모두 선택 또는 해제 되는 jquery 코드. $("#isChk").click(function(){ $("input[name='chk_sel'].REQ").attr("checked", $(this).is(":checked")); }); 이걸 전통 javascript 트로 구현하려면 한 10여줄이 필요했었는데... 정말 jquery 넘 조아...^^
ajax_js 2010. 12. 8. 13:48
jquery table rowspan 처리하기.

구글링을 해서 찾은 코드 중에 아래 코드가 제일 깔끔하더군요. 원문 : http://willifirulais.blogspot.com/2007/07/jquery-table-column-break.html 위 원문을 좀 수정했습니다. ^^ 사용방법 : $("#tableId").rowspan(0); //병합하고자 하는 column index를 인자로 넘겨준다. rowspan 확장메소드 코드는 아래와 같습니다. (function($){ $.fn.rowspan = function(colIdx) { return this.each(function(){ var that; $('tr', this).each(function(row) { $('td:eq('+colIdx+':visible)', this).each(functi..
ajax_js 2010. 9. 6. 17:49
jQuery Dialog fade 효과 주기.

이상하게 jquery ui 1.8.2 에서 dialog 의 fade 효과가 안된다. http://dev.jqueryui.com/ticket/4416 에 의하면 1.7.2 에 이미 적용되었다고 나오는데, 왜 안되는지 모르겠다. 따라서 아래와 같이 작업해주면 fade 효과를 적용할수 있다. ^^ 원본 : http://old.nabble.com/Dialog-Fade-effect-td22756114s27240.html 1. 아래 script 를 "effects.fade.js" 로 저장합니다. ------------------ /* * jQuery UI fade effect, based on pulsate * * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL ..
ajax_js 2010. 9. 3. 10:06
jQuery UI Tab Header 없애기.

아래 css를 적용해주면 됩니다. .ui-tabs > .ui-widget-header { background: #FFFFFF; border:0px; color:#FFFFFF; font-weight:bold; } .ui-tabs.ui-widget.ui-widget-content { background: #FFFFFF; border:0px; } .ui-tabs .ui-tabs-panel { background: #FFFFFF; border:1px solid #DDDDDD; margin: 0 !important; }
ajax_js 2010. 8. 26. 09:05
이전 Prev 1 Next 다음