TextArea 축소 방법

Question

나는 야후의 YUI 3.1 라이브러리를 사용하고 있으며 사용자 입력시 TextArea가 커지도록 TextExpander를 사용하고 있습니다.

YUI({gallery: 'gallery-2010.03.23-17-54' 
    }).use("node", 'gallery-text-expander', function(Y) { 
    Y.one('#myTextArea').plug(Y.TextExpander); 
}); 

그것은 일을 완벽입니다하지만 지금은이 시나리오에 질문이 있습니다 :

1) 사용자 유형, TextArea에 많은 행에 대한 성장을

아래의 코드는 텍스트 영역을 초기화 메시지가 서버에 게시됩니다.

2) 포스트 후, 나는 $('myTextArea').value=''와 텍스트 영역을 청소하지만, 예상과 아직 때 실제의 원래 크기로 백업해야 많은 행을 가지고 그것을 축소 아니에요. 나는 TextExpander (http://yuilibrary.com/gallery/buildtag/text-expander/gallery-2010.03.23-17-54)의 코드 내에서 발견

는 "shrink_area"라는 방법이 존재하지만, 내가 어떻게이 방법 $('myTextArea').shrink_area() 호출 할 수 있습니다? (나는 잘못된 코드 줄을 알고 있지만 이와 비슷한 것을 얻을 필요가 있습니다) 또는 가장 좋은 방법은 무엇입니까?

제안 및 팁에 대해 미리 감사드립니다.

Answer 1

오, 그럼 내가 직접 문제를 해결했습니다.

대신 연결 클래스의 내부 메서드 ()를 호출하는 방법을 알고 싶습니다. 사용자 지정 네임 스페이스을 사용하는 것이 좋을 것 같습니다.) 트릭을 수행하는 작은 함수를 작성했습니다.

1) 난 다음 코드를 수행하는 기능을 도시 클리어 후에 클래스

2)에서 i는 최소 높이

로 height 설정 텍스트 영역을 CSS 속성 min-height 설정 우선 트릭

function shrinkTextArea(element) { 
    // clear 
    $(element).value =''; 

    // shrink 
    $(element).style.height = $(element).style.minHeight; 
} 

Answer 2

Textarea는 크기를 변경하기 위해 rows 및 cols 속성을가집니다. 설정을 시도하십시오.