본문 바로가기

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.
codeigniter library 에서 객체 사용하기 codeigniter library 에서 객체 사용하기 codeigniter 의 library 를 사용자가 임의로 생성할 때 Controller나 Model, View 처럼 모든 상속된 객체를 생성할 순 없게 되어 있다. 따라서 library 에선 다음과 같이 codeigniter 의 모든 객체를 사용할 수 있도록 해주어야 한다. $obj =& get_instance (); 위와 같이 하면 Controller 나 Model 등에서 다음과 같이 사용하는 것처럼 할 수 있다. Controller: $this->session->userdata ( 'id' ); Library: $obj->session->userdata ( 'id' ); 위처럼 사용하면 된다. 다만 library 의 모든 메소드에서 객체를 사용.. 2010. 4. 24.
CodeIgniter 자료 http://codeigniter.com/ http://www.phpeveryday.com/ http://whdrnr01.springnote.com/pages http://www.haughin.com/code/ http://extjs.com/learn/Tutorial:ExtJs_CodeIgniter [출처] 자료수집|작성자 행복나눔 2010. 4. 24.
CodeIgniter 인스톨 출처 : http://cgibin.co.kr/tt/tag/codeIgniter CodeIgniter 는 다음의 4개의 스텝으로 인스톨 할 수 있습니다: ZIP 패키지를 전개합니다. 서버에 CodeIgniter 의 폴더와 파일을 업로드합니다.통상은,index.php 파일이 루트가 됩니다. application/config/config.php 파일을 텍스트 문자 편집기로 열어, 베이스URL 을 세팅 합니다. 데이타베이스를 사용하고 싶은 경우는,application/config/database.php 파일을 텍스트 문자 편집기로 열어, 데이타베이스의 설정을 세팅 합니다. CodeIgniter 설치파일이 있는 곳을 숨겨서 securety 를 높이고 싶은 경우에는 system 폴더를 rename 할 수 있습니다... 2010. 4. 24.
CodeIgniter 의 URL CodeIgniter 의 URLCodeIgniter 의 디폴트의URL 은  검색엔진이나 사람도 알기 쉽게 설계되었습니다. 동적 시스템의 대명사라고 할 수 있는 일반적인"query string" 어프로치를 채용하고, 다음과 같은 세그먼트(segment) 베이스 어프로치 를 채용하고 있습니다:www.your-site.com/news/article/my_article Note: 쿼리 문자열(query string)을 뒤에 붙여서 사용할 수도 있습니다.URI 세그먼트(segment)Model-View-Controller 어프로치에 따르면 URL 안에서는, 세그먼트(segment)는 대체로 다음과 같이 표현됩니다:www.your-site.com/class/function/ID 최초의 세그먼트(segment)는 호.. 2010. 4. 24.
CodeIgniter 에서 PEAR 라이브러리 사용하기 CodeIgniter 는 단 시간내에 빠른 개발 방법을 지원하는 경량급 PHP 프레임워크인데, 모든 것을 이 안에서 다 제공하다 보니 하나의 문제가 생겼다. 바로 외부에 존재하는 수 많은 라이브러리의 사용이 그것이다. 이 글은 PHP 에서 지원하는 PEAR 라이브러리를 CodeIgniter 에서 사용하는 방법을 다룬다. CodeIgniter 에서 Pear 를 사용하기 위해선 6 가지의 절차를 거쳐야 한다. 우선 config/config.php 파일을 열어서 아래처럼 바꿔준다. $config['enable_hooks'] = FALSE; ☞ $config['enable_hooks'] = TRUE 그리고 같은 디렉토리 아래 hooks.php 파일을 열어 파일의 맨 끝(PHP 선언이 끝나기 전에 있는 라인)에 .. 2010. 4. 24.
Codeigniter 에서 세션 사용하기 Codeigniter 에서 세션 사용하기 CodeIgniter 에서 제대로 세션이 동작되지 않는 경우가 있다. 난 비록 얼마 사용하지 않았지만.. 이번에 좀 큰 시스템을 개발 중인데 이같은 문제가 발생해 난감해 하던차에 구글을 뒤져 다음과 같은 코드로 바꿔치기 하면 된다는 사실을 알았다. 단 이때 코드는 system/libraries 에 있는 Session.php 를 다른 이름으로 바꾸고 그 다음에 아래 내용을 Session.php 로 저장해서 넣으면 된다. 즐거운 CodeIgniter 생활이 되기를.. [출처] Codeigniter 에서 세션 사용하기 |작성자 행복나눔 2010. 4. 24.
CodeIgniter 에서 객체를 수동으로 생성해서 사용하기 CodeIgniter 에서 객체를 수동으로 생성해서 사용하기 CodeIgniter 에서는 라이브러리나 컨트롤을 읽어들일때 자동으로 클래스를 할당하게 되므로 실제로 배열에 객체 데이터를 담을 수 없다. 이때 다음과 같은 파일을 만들고 쓰면 잘 된다. application/system/libraries 디렉토리 밑에 beans.php 파일을 아래와 같이 만든다. <?php if (!defined('BASEPATH')) exit('No direct script access allowed'); class beans { /** * 빈즈 이름 * * @var string */ var $beans_name; /** * 빈즈 파일을 읽어들일 기본 경로 * * @var string */ var $load_dir; fun.. 2010. 4. 24.
codeigniter 설치 트러블 슈팅 codeigniter 설치 트러블 슈팅분류없음 2008/02/27 10:37 출처 : http://cgibin.co.kr/tt/tag/codeIgniter 디폴트 페이지를 읽는데는 문제가 없고, 그 외의 페이지가 잘 표시 되지 않는 경우, 검색 엔진 프렌들리URL 을 생성하는데 필요한 PATH_INFO 환경 변수가 서버로로 서포트되어 있지 않을 가능성이 있습니다. 우선,application/config/config.php 파일을 열어,URI Protocol 의 정보를 쓰고 있는 부분을 찾습니다.일련의 대체 방법 [ 역주: 쿼리 문자열을 이용하는 방법 ] 을 시험해 보는 것을 추천합니다.시험해 봐도 실행되지 않는 경우에는,CodeIgniter 의 시스템으로,URL 에 의문 부호를 강제적으로 부가시키도록 할.. 2010. 4. 24.
자신만의 라이브러리 만들기 - 라이브러리 만들기   우리는 보통 라이브러리를 사용할때 CodeIgniter에서 제공하는 라이브러리만 사용해왔습니다...   하지만 자신만의 라이브러리를 만들어서 CodeIgniter 에서 사용할수 있습니다..   대부분 application/libraries 폴더안에 라이브러리 파일을 만들게 됩니다..    CodeIgniter는 당신의 라이브러리에서 CodeIgniter 라이브러리를 확장하는것을 허용합니다.   요약하겠습니다..     *당신은 새로운 라이브러리를 완벽하게 만들수 있습니다.     *당신은 CodeIgniter 라이브러리를 확장할수 있습니다.     *당신은 CodeIgniter 라이브러리를 교체할수 있습니다..   이제 하나하나 자세히 알아보겠습니다..      Note: 데이터.. 2010. 4. 24.
데이터베이스 관련 라이브러리를 찾지 못할때 ttp://codeigniter.com/forums/viewthread/69605/ Fatal error: Call to a member function get() on a non-object in /var/www/CodeIgniter/system/application/controllers/blog.php thanks mate. i think i found the problem the autoupload of class is changed from the older version to the newest version in which it uses $autoload[’libraries’] = array(’database’); to load the database class. its working now,.. 2010. 4. 24.
[CodeIgniter ERROR] Unable to connect to your database server using the provided settings. ttp://codeigniter.com/forums/viewthread/47428/ joeles Posted: 11 January 2007 05:59 PM [ Ignore ] [ # 2 ] Senior Member Total Posts: 485 Joined 2006-09-14 What version of MySQL are you using? 4.1 and above require the mysqli driver. Try: $db['default']['dbdriver'] = "mysqli"; Signature Code Igniter 1.5.4 / CentOS 5 / PHP 5.2.3 / Apache 2.2.2 / MySQL 5.0.27 Unable to connect to your database serv.. 2010. 4. 24.
Session 라이브러리 주의 사항 기존의 system - libraries - Sesssion.php 파일은 쿠키에 관련된 라이브러리 이다 http://codeigniter.com/wiki/File:CI_1.5.1_with_Session.zip/ 위의 링크로 세션 라이브러리를 받아서 기존건 다른이름로 바꾸고 Session.php를 덮어 씌워야 세션이 사용가능하다..... 출처 : http://myjob.tistory.com/43 2010. 4. 24.

티스토리툴바