본문 바로가기

FrameWork58

jquery 레이어팝업 모듈 $(document).ready(function(){ // center : true 팝업 가운데 출력 // closeButton : 팝업안에 닫기 버튼 아이디 // backgroundDisplay : 팝업 배경 색 출력 // left: 가운데 정렬이 아닐때 가로 위치 지정 // top : 가운데 정렬이 아닐때 세로 위치 지정 var opts = {'center' : false , 'closeButton':'#close','backgroundDisplay' : true} //options add // 클래스명이 pupup 인 Dom 클릭 하면 레이어 아이디가 popupLayr 팝업 호출 . $(".popup").layerPopup("#popupLayer" , opts); }); 2012. 6. 19.
팝업 레이어 - JQuery 사용 여기를 클릭하시면 로그인 레이어가 뜹니다 등록 / 취소 2012. 6. 19.
폼의 편의성이나 디자인을 강화하는 jQuery 플러그인 문의사항이나 유저등록, 로그인부터 상품의 주문까지, 웹에서 상당히 중요한 폼 요소. 이 폼의 편의성이나 디자인은 그 사이트의 매상이나 등록에 크게 영향을 준다고 해도 과언은 아닙니다. 폼의 입력항목이 너무 많거나 어려울경우, 모처럼 구입이나 유저등록을 할 맘이 생긴 유저들도 외면해버리겠죠.^^; 이번 회에서는 폼의 디자인이나 편의성을 강화해주는 jQuery의 플러그인을 여러가지로 정리해보았습니다. Perfect signin dropdown box likes Twitter with jQuery Twitter의 사인 인 박스같은 드롭다운박스를 재현해줍니다. Lightbox_me – Stupidly Simple Lightboxing 라이트박스로 로그인표시가 가능합니다. Pretty checkboxes with.. 2012. 2. 10.
셀렉트리스트박스 jquery 이용 셀렉트 리스트 박스에서 jquery를 이용한 추가와 삭제 위아래 이동 1-1 1-2 1-3 2-1 2-2 2-3 3-1 3-2 3-3 4-1 4-2 4-3 리스트 박스의 값을 asp로 구분자(@) 끼어 넣고 넘기기 select3v2.asp select3v2.htm 수정 하기 포함 select3v3.asp select3v3.htm 참조사이트 : http://www.electrictoolbox.com/jquery-add-option-select-jquery/ 2012. 2. 10.
jquery selectbox option 순서 이동 jquery의 before()와 after()를 이용해서 multiple selectbox에서 순서이동을 한다. function selectUp(){ $('#orderSelect option:selected').each(function(){ var selectObj = $(this) if(selectObj.index() == 0 ) return false; var targetObj = $('#orderSelect option:eq('+(selectObj.index()-1)+')'); targetObj.before(selectObj); }); } function selectDown(){ $('#orderSelect option:selected').each(function(){ var selectObj = .. 2012. 2. 10.
Easy Widgets를 이용한 정렬 순서 수정 어제 jQuery Plugin Easy Widgets 포스트에서 구상했던 페이지를 간단하게 구현해봤다. 작업은 생각한 것보다 어렵지 않았고 jQuery를 이용했기 때문에 쉽게 구현이 될 수 있었던 것 같다. 이 기능은 쇼핑몰에서 상품 리스트 정렬 순서를 변경할 때 사용하려고 한다. 상품 리스트에서 상품 순서를 변경 후 완료 버튼을 누르면 모든 상품에 대해서 정렬 순서를 변경하는 것이 핵심이다. 단 상품이 아주 많다면.. 생각을.. ㅋ 이런 식으로 위젯을 마우스로 드래그하면 위치를 바꿀 수 있는데 각 위젯은 고유한 index를 가지게 된다. 이 index를 정렬 순서로 변경하는 것이 핵심이라면 핵심이다. 아래는 실제 테스트한 소스 코드들이다. 쇼핑몰이 영카트4 기반으로 제작되기 때문에 기본 코드들은 그냥 .. 2012. 2. 9.
select option Add/Remove 상황 : 오른쪽 셀렉트 박스는 데이터베이스에서 부서 정보를 가져온다. '' 버튼 : rmvDept 내가 생각한 허접한 코드 var dataValue = null; var dataText = null; var inValue = null; var inText = null; $("#Category_Data").click(function() { dataValue = $("#Category_Data > option:selected").val(); dataText = $("#Category_Data > option[value=" + dataValue + "]").text(); }); $("#IN_CategoryIds").click(function() { inValue = $("#IN_CategoryIds > opt.. 2012. 2. 9.
jQuery Display 메서드 .show(), hide(), toggle() .show(speed,callback) // display 스타일 프로퍼티 값을 이전값(blok)으로 설정 .hide(speed,callback) // display 스타일 프로퍼티 값을 'none'으로 설정 showclose .toggle(speed,callback) // 안보여졌을경우 보여지게, 보여진경우 감추는 메서드 toggle .slideDown(), .slideUp(), .slideToggle() .slideDown(speed,callback) // 감춰진 모든 일치하는 엘리먼트가 height만큼 아래로 펼쳐져 보임 .slideUp(speed,callback) // 보여진 모든 일치하는 엘리먼트가 상단으로 사라짐 .slideToggle(spe.. 2011. 9. 20.
PHP Framework CodeIgniter tutorial CodeIgniter 는 PHP framework 의 하나이다. 그동안 cake 등 여러 framework 을 보려고 했었다. (but 시간이 ㅠㅠ 본인은 java jsp 쪽으로 일해서 ㅡㅡ;) 직장을 때려치고 그동안 하고 싶었지만 시간이 없어서 못했던 reverse engeneering, 미드 때리기, php MVC 등을 하고 있는 중이었다 그중 php MVC 를 찾던 중 Google 에서 "most useful PHP framework" 이라고 검색했던것 같다 여러가지 benchmarking 도 있고 했었는데 그중 가장 눈에 띄는 것이 바로 CodeIgniter였다 각설하고 튜토리얼 링크다 Hello World 찍기 http://codeigniter.com/tutorials/watch/intro/ 2.. 2010. 4. 24.
Mysql 버전으로 인한 문제 MySQL 4.0 When attempting to connect to or use MySQL 4.0 or below as a database with CodeIgniter 1.6 and above, you’ll need to make the following adjustments, as there is a compatibility issue. First a bit of an explanation: CI 1.6 now uses a feature of MySQL 4.1> called character sets and collation. These are not supported in MySQL 4.0 and below. Well, they are supported, just not in the same f.. 2010. 4. 24.
CodeIgniter에서 controller와 method명으로 php 언어 구조명 쓰기 개인적으로 즐겨쓰는 php 프레임워크 중 codeigniter 라는 녀석이 있다. php4와 php5를 지원하는데다 여러 라이브러리 등과도 효과가 좋아 얼마전 진행했었던 국회의원 사이트 제작에도 썼었다(지금 결과는 그다지 좋지 않지만) 그런데 이 프레임워크를 사용하다 보면 2가지 이상한 걸 발견하게 된다. 가령 페이지의 처음을 말하는 index 라는 단어는 이렇게 controller 디렉토리에 파일이 있다고 가정하면 index.php 이 파일의 클래스명은 index가 되어야 하고 상속받는 클래스는 controller 클래스가 된다. 여기서 자세히 봐야 할 건 index 이다. codeigniter의 class 구조에서 index 메소드는 메소드명이 url에 들어가 있지 않을 경우 기본 실행되는데, 이때 .. 2010. 4. 24.
CodeIgniter QnA #1 - scaffolding이 안될 때 튜토리얼을 보고 스캐폴딩까지 성공하였으나 URI 문제로 세부 클릭이 에러페이지와 연결 될 때 1. config['base_url'] 을 점검하시오 2. config['index.php'] 를 점검하시오 3. .htaccess 설정을 점검하시오 http://www.codeigniter.com/forums/viewthread/3016/ 전 1번에서 해결.. 출처 : http://smle.net/tts/277 2010. 4. 24.

티스토리툴바