2012-07-23 4 views
4

이상한 제목에 대해 유감스럽게 생각합니다.이 효과가 무엇인지 모르기 때문에 Google이나 스택 오버플로를 통해 검색하는 방법을 모릅니다 ...버튼 모양의 UI 요소에 텍스트 상자 텍스트 줄 바꾸기

내가 설명하려고하는 예는 Yahoo Mail의 "메시지 작성 화면"에서 찾을 수 있습니다. 당신은 이메일 주소를 입력 (또는 자동 완성 제안을 선택)에서 전자 메일 주소의 텍스트를 완료 할 때 "다음"

enter image description here

    상자 스타일은 버튼처럼 보이게하는 신청했다
  1. 이 효과의 이름은 무엇입니까?

  2. 어디에서 복제 할 수 있습니까?

+0

andyzinsser는 사람이 제대로 생각이라고 알고 않는이 ... 작업을 수행하는 방법에 대한 리소스에 대한 링크를 제공? 이 질문의 제목을 적절하게 업데이트하고 싶습니다. –

답변

2

이렇게하면 효과가있는 것 같습니다. http://ivaynberg.github.com/select2/#tags

+1

이것은 내가 무엇을 찾고 정확하게! 그럼에도 불구하고도 적절한 이름을 모른 채 ... 누군가가 내가 그것을 찾을 수 있도록 할 수있는 멋진 그것을 호출하는 어떤 단서가 없다. :-) –

+0

스크린 샷은 도움이되었다. – andyzinsser

0

나는 효과가 공식적이라고하지만 최근에 비슷한 무슨 짓을했는지 모르겠어요.

jquery 플러그인으로 작성했습니다.

기본 요지는 div와 그것을 채우는 텍스트 상자를 만듭니다. 텍스트 상자와 탭/리턴에서 문자 이벤트를 듣고 표시 할 텍스트가있는 텍스트 상자의 왼쪽에 새 div를 작성하십시오. js에서 렌더링 된 div의 너비를 측정하고 텍스트 입력을 오른쪽으로 배치 할 수 있습니다.

는 또한 그렇게 키가 submisssion 같은 이벤트를 해고 레이블을 클릭 빈 텍스트 입력하여 Enter 키를 눌러 모든 레이블/키워드 클리어로 사용자를 허용하는 텍스트 입력과 사업부를 교체 탈출했다 장소

내가 너무 샘플이없는 모에서 아이 패드 합니다만, 쓰기 방향으로 그 점을 희망에 라벨을 수정합니다.

관련 문제