'분류 전체보기'에 해당되는 글 52건

  1. 2012.06.01 jquery datepicker
  2. 2012.05.31 function 스크립트 확인하는 법 1
  3. 2012.05.31 function 작성하는법
  4. 2012.04.06 JSTL fn사용법
  5. 2011.09.06 숫자만 입력받기
  6. 2010.09.06 JQuery.js 와 Prototype.js 같이 사용하기
  7. 2010.07.12 BlazeDS 환경셋팅
  8. 2010.05.04 테이블 크기 고정시키기
  9. 2010.05.03 오라클 덤프뜨기 (DMP 파일)
  10. 2010.05.03 자바스크립트 substring 과 substr의 차이 1

jquery datepicker

Jquery 2012. 6. 1. 18:10

기본 사용법

$(function() {
    $( "#searchDate" ).datepicker({
        method
    });
});   

메소드 종류

showOn: 'button'     //우측에 달력 버튼 사용
buttonImage: '/images/icon_cal.gif'     //버튼을 이미지로
buttonImageOnly: true     //버튼만 사용(원래는 인풋박스 클릭)
buttonText:"달력"    //버튼 텍스트
showButtonPanel: true     //하단 버튼 패널 보이기(today,done)
showMonthAfterYear:true     //년도 다음에 월 표시
dateFormat: 'yymmdd'    //날짜표시포맷(yymmdd,yy.mm.dd,yy-mm-dd 등)
changeYear: true    //년도 선택 셀렉트 박스 표시
changeMonth: true    //월 선택 셀렉트 박스 표시
minDate: '-0d'    //최소 이전 날짜(-0d:오늘부터) null은 제한없음
showOtherMonths: true    //나머지날짜도 화면에 표시,선택은 불가
selectOtherMonths: false    //나머지날짜도 선택하려면 true 


한글화

    $.datepicker.regional['ko']= {
          closeText:'닫기',
          prevText:'이전달',
          nextText:'다음달',
          currentText:'오늘',
          monthNames:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
          monthNamesShort:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
          dayNames:['일','월','화','수','목','금','토'],
          dayNamesShort:['일','월','화','수','목','금','토'],
          dayNamesMin:['일','월','화','수','목','금','토']};
   
    $.datepicker.setDefaults( $.datepicker.regional[ 'ko' ] );

토,일요일 선택 불가

function noWeekend(date) {
      return [date.getDay() != 0 && date.getDay() != 6, ''];
}
beforeShowDay: noWeekend 메소드 추가

토,일요일 색깔 변경

.ui-datepicker-week-end {color:red;}
.ui-datepicker-week-end .ui-state-default {color:red;}

 //휴일을 배열로 설정
    var holidays = {
            "0101":{type:0, title:"신정"},
            "0301":{type:0, title:"삼일절"},
            "0505":{type:0, title:"어린이날"},
            "0606":{type:0, title:"현충일"},
            "0815":{type:0, title:"광복절"},
            "1003":{type:0, title:"개천절"},
            "1225":{type:0, title:"크리스마스"}
    };

 var holiday = holidays[$.datepicker.formatDate("mmdd",day )]; //표시날이 휴일인지 체크

css

.date-holiday0 .ui-state-default {  background-image: none; background-color: #684468;border-color: #535353}

달력 버튼 css적용

$('img.ui-datepicker-trigger').css({'position':'relative','top':'5px'});

2개 입력시 마감날짜가 시작날짜 전을 선택하지 못하게 하는 경우

onSelect: function( selectedDate ) {
                var option = this.id == "startDate" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" );
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }

달력 크기 조절
jquery-ui-xxx.css 파일에서 요부분을 찾아

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } font-size 를 원하는 크기로 요렇게 바꿔주면 된다. 달력 팝업 사이즈를 크게 하고 싶을때는 font 크기를 크게하고 작게 하고 싶을때는 font 크기를 작게 해주면 팝업창이 쥐똥만하게 뜬다.

.ui-datepicker { width: 17em; padding: .2em .2em0; display: none; font-size: 20px;}




'Jquery' 카테고리의 다른 글

jquery checkbox관련 기능  (0) 2012.07.03
JQuery.js 와 Prototype.js 같이 사용하기  (0) 2010.09.06

select text from user_source where name = 'GET_FUNCTION_NAME'

'SQL' 카테고리의 다른 글

like를 여러개 조건 걸기  (0) 2012.08.24
function 작성하는법  (0) 2012.05.31
오라클 덤프뜨기 (DMP 파일)  (0) 2010.05.03
TOAD 단축키  (0) 2010.03.15
오라클 함수  (0) 2009.11.30

function 작성하는법

SQL 2012. 5. 31. 21:31

설명 : CREATE OR REPLACE FUNCTION 함수명 (인수)
변수
BEGIN
처리
RETURN (RTN_VAL); --반환
END FUN_CHK_CHANGE;

예제)

CREATE OR REPLACE FUNCTION GET_FUNCTION_NAME (p_param1 in varchar2)
return varchar2
is v_return varchar2(10);
begin
IF p_param1 = 'A1' THEN
select A1 into v_return from test where id = 1;
ELSIF p_param1 = 'A2' THEN
select A2 into v_return from test where id = 1;
END IF;

return (v_return);
end;

'SQL' 카테고리의 다른 글

like를 여러개 조건 걸기  (0) 2012.08.24
function 스크립트 확인하는 법  (1) 2012.05.31
오라클 덤프뜨기 (DMP 파일)  (0) 2010.05.03
TOAD 단축키  (0) 2010.03.15
오라클 함수  (0) 2009.11.30

JSTL fn사용법

HTML 2012. 4. 6. 09:29

fn:contains(string, substring) 
string이 substring을 포함하면 true 리턴.

fn:containsIgnoreCase(string,substring)
대소문자에 관계없이, string이 substring을 포함하면 true 리턴.

fn:endsWith(string, suffix)   
string이 suffix로 끝나면 true 리턴.

fn:escapeXml(string)   
string에 XML과 HTML에서 특별한 의미를 가진 문자들이 있으면, XML 엔티티 코드로 바꿔준 뒤 문자열 리턴.

fn:indexOf(string,substring) 
string에서 substring이 처음으로 나타나는 인덱스 리턴.

fn:join(array, separator)
 
array(배열) 요소들을 separator를 구분자로 하여 연결해서 리턴

fn:length(item)
     
item 이 배열이나 컬렉션이면 요소의 갯수를, 문자열이면 문자의 갯수를 리턴.

fn:replace(string, before, after)
 
string 내에 있는 before 문자열을 after 문자열로 모두 바꿔서 리턴.

fn:split(string, separator)
   
string 내의 문자열을 separator에 따라 나누어서 배열로 구성해 리턴.

fn:startsWith(string, prefix)
 
string이 prefix로 시작하면 true 리턴.

fn:substring(string, begin, end)
 
tring에서 begin 인덱스에서 시작해서 end 인덱스에 끝나는 부분
(end 인덱스에 있는문자 포함)의 문자열을 리턴.

fn:substringAfter(string, substring)

string에서 substring이 나타나는 이후의 부분에 있는 문자열을 리턴.

fn:substringBefore(string, substring)

string에서 substring이 나타나기 이전의 부분에 있는 문자열을 리턴.

fn:toLowerCase(string)
   
string을 모두 소문자로 바꿔 리턴.

fn:toUpperCase(string)
   
string을 모두 대문자로 바꿔 리턴.

fn:trim(string)
     
string 앞뒤의 공백(whitespace)을 모두 제거하여 리턴.


function chkDuplication(){
   // 숫자만 입력
   /* 예외
    백스페이스 : 8,tab키 : 9,delete키 : 46
    왼쪽 : 37,위 : 38,오른쪽 : 39.아래 : 40
  Home : 36,End : 35
   */
   if((event.keyCode > 47 && event.keyCode < 58) || event.keyCode == 8 || event.keyCode == 46 ||
      (event.keyCode > 34 && event.keyCode < 41) || (event.keyCode > 95 && event.keyCode < 106) || event.keyCode == 9){
    event.returnValue=true;
   }else{
    event.returnValue=false;
   }
  }
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
var $J = jQuery.noConflict();
</script>




위처럼 써주고 JQuery를 사용할때는 $ 대신 $J 를 사용하시면 됩니다.

'Jquery' 카테고리의 다른 글

jquery checkbox관련 기능  (0) 2012.07.03
jquery datepicker  (0) 2012.06.01

BlazeDS 환경셋팅

Flex 2010. 7. 12. 16:44
BlazeDS 다운받기

1. blazeDS.war 파일을 eclipse에 import한다.
   (flex builder는 따로 설치. 이클립스 플러그인은 먼가 에러가 많아서 사용에 문제가 있었다.)
2. conifg 환경셋팅
   proxy-config.xml  <- 건드릴 필요 없었음
   services-config.xml  <- 통신채널을 새로 셋팅할경우 수정하는데 이번엔 건드리지 않았음.

   remoting-config.xml
    <destination id="feed_RO">
        <properties>
            <source>flex.feedthread.Feed</source>
            <scope>application</scope>
        </properties>
    </destination>

  messaging-config.xml
      <destination id="data_feed">
        <channels>
            <channel ref="my-amf"/>
        </channels>
    </destination>

web.xml
임포트한 프로젝트라면 다 셋팅되어 있긴하지만 혹시나 해서..
//리스너 추가
    <listener>
        <listener-class>flex.messaging.HttpFlexSession</listener-class>
    </listener>

//서블릿 추가
    <servlet>
        <servlet-name>MessageBrokerServlet</servlet-name>
        <display-name>MessageBrokerServlet</display-name>
        <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class>
        <init-param>
            <param-name>services.configuration.file</param-name>
            <param-value>/WEB-INF/flex/services-config.xml</param-value>
       </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

//서블릿 매핑
    <servlet-mapping>
        <servlet-name>MessageBrokerServlet</servlet-name>
        <url-pattern>/messagebroker/*</url-pattern>
    </servlet-mapping>



자동 줄바꿈을 통한 테이블 크기 고정. 테이블 작업을 하다가 글의 내용이 길어지면 지정된 테이블의 크기가 늘어나는 현상이 있을 수 있습니다. 이럴 때 테이블의 크기를 고정시키고 자동으로 줄바꿈을 해주는 기능입니다.

<table> 태그의 아래의 구문을 넣습니다.

style="table-layout:fixed;"

[ ------------------------------ 예문 ------------------------------ ]
<table style="table-layout:fixed;">


● 적용 시키고자 하는 셀에 아래의 구문을 넣습니다.
style="word-break:break-all;"

[ ------------------------------ 예문 ------------------------------ ]
<td style="word-break:break-all;">

 

 

그러나 문제가 없는 것은 아닙니다.

영어 글자는 띄어쓰기 하기 전에는 아무리 강력한 방법을 써도 테이블을 밀고 나갑니다.

한 예로 이메일 주소가 그렇습니다.

문서 작성 도중 테이블 td 안에 이메일이 길어 틀이 깨어지는 경우가 많았습니다.

생각해 낸 방법이 역시 무식하지만

눈에 안보이는 1px 흰 그림을 적당한 크기로 늘려서 빈 tr 안의 td 공간들을 정절히 확보하는 것입니다.

아무리 밀려해도 밀리지 않고 자리를 잘 잡아줍니다.

'HTML' 카테고리의 다른 글

JSTL fn사용법  (0) 2012.04.06
input 박스가 2개 이상일때 엔터키를 눌러 서브밋하게 하기  (0) 2010.02.04
테이블에 스크롤 만들기  (0) 2010.01.14
dmp 파일로 덤프를 뜨기위해선 TOAD 나 기타 여러가지 툴로 손쉽게 할 수도 있지만 그렇지 못할 경우 알아두면 유용하다.

1. 덤프 뜨기(Export)
-기본
명령어프롬프트 > exp 아이디/비번@서비스명(SID)

-옵션(파일명 지정 또는 테이블 지정)
명령어프롬프트 > exp 아이디/비번@서비스명(SID)  tables=테이블명1,테이블명2...  file=파일명.dmp

2. 덤프파일 임포트 하기
-기본
명령어프롬프트 > imp 아이디/비번 file=파일명.dmp

-옵션 테이블지정
명령어프롬프트 > imp 아이디/비번 file=파일명.dmp tables= 테이블명1,테이블명2...

'SQL' 카테고리의 다른 글

function 스크립트 확인하는 법  (1) 2012.05.31
function 작성하는법  (0) 2012.05.31
TOAD 단축키  (0) 2010.03.15
오라클 함수  (0) 2009.11.30
문자열 연결하는 방법  (0) 2009.11.29
자바스크립트에서 substring 은 문자열을 끊을때 시작점과 끝점을 설정하여 그 안에 포함된 문자열을 가져온다. 주의해야 할것은 시작점과 끝점은 인덱스라 하여 0번 부터 시작이다. 
예를 들어
       ABCDEF 라는 문자열이 있을때
순서 A가 1번 부터가 아닌 0번 부터 시작 되는것이다.

ABCD 문자열을 뽑고 싶다면 변수.substring(0,3) 이렇게 하면 된다. 0번 인덱스는 A 를 가르키고 3번 인덱스는 D를 가르킨다. 고로 시작점에서 끝점까지 문자열을 가져오므로 ABCD 가 된다.

substr 은 substring 과 같이 문자열의 인덱스를 사용하는데 다른 점은 시작점에서 부터 몇개의 문자열을 가져올때 사용한다.
같은 예로

ABCDEF 를 substr(0,3)을 하면 0번 인덱스 A 에서 3개의 문자를 가져오므로 ABC가 된다.

실제예)
var string ="ABCDEF";
var ex1 = string.substring(0,3);   ===>ABCD
1 2 3 4 5 6 

글 보관함

카운터

Total : / Today : / Yesterday :
get rsstistory!