내 선택 상자의 스타일을 지정하려고합니다. 일부 유형의 javascript 메서드가 필요하다고 가정합니다.스타일/prototype/scriptactulous를 사용하여 선택 상자 바꾸기
저는 레일을 사용하고 있습니다. 프로토 타입/scriptactulous를 사용하고 있습니다.
해결책을 아는 사람이 있습니까?
편집 :
CSS 내가 달성하기 위해 노력하고있어 거의하지 않습니다
alt text http://img16.imageshack.us/img16/1373/dropdownk.png
을 실제로 JS 필요 선택 상자를 스타일링. CSS에서는 모든 것을 스타일링 할 수 있지만 버튼은 사용할 수 없습니다. 문제는 버튼이 OS에 의존하고 브라우저에 의해 제어되지 않는다는 것입니다. 그래서 남자가 올바른 질문을 던지기도합니다. protoype/script.aculo.us 솔루션도 찾고 있습니다. 이러한 프레임 워크를 사용하고 mootools ot jquery로 변경하고 싶지 않습니다. 사실 흥미로운 프로토 타입 프로젝트 인 IPS를 발견했습니다. http://yura.thinkweb2.com/playground/in-place-select/ 또한 여러 컨트롤을 선택합니다 (하나의 요소 만 선택해야하므로 지금은 ips에 집중할 것입니다). livepipe.net/control/selectmultiple은 그 중 하나입니다.
오늘 저는 프로토 타입 선택 상자 컨트롤을 작성했습니다. 선택 입력 상자, 버튼, 드롭 다운 상자 (옵션이 표시된 경우), 스크롤 막대 및 버튼, 옵션, 옵션에 이미지 추가 등 모든 것을 스타일링 할 수 있습니다. 클래스는 select 컨트롤이 class = "replacemeselect"이거나 수동으로 호출되는 경우 스크립트를 호출하여 자동으로 선택 입력을 대체 할 수 있습니다. 맞춤 설정 옵션이 많으며 필요한 경우 페이지에서 여러 스타일의 선택을 할 수 있습니다. IPS와 달리이 클래스는 키보드 이벤트를 처리하고 스크롤바를 가지고 있습니다. 데모 : http://awsumlabs.com/selectreplace을보고 원하는 경우 라이브러리를 사용할 수 있습니다.
어떻게 스타일링하나요? 왜 CSS를 사용하지 않는가? 다른 말로하면 ** 정확히 ** 당신이하고 싶은 것은 무엇입니까? – Pointy
클릭, 마우스 오버 등과 같이 일부 이벤트가 발생할 때 선택 상자 스타일을 변경하려는 경우 질문에 대해 말하면 도움이됩니다. –
사진과 함께 소식이 업데이트되었습니다. – Elliot