2010-04-16 9 views
0

사용자가 행을 추가 할 수있는 테이블과 유사한 프로젝트에서 작업하고 있습니다. 지금 당장 사용할 수있는 행 유형은 단 하나지만 사용자가 페이지의 레이아웃을 변경하지 않고 목록에서 선택할 수있는 기능을 제공하고 싶습니다. 그래서, mootools 이벤트 리스너를 사용하여 'add row'링크의 마우스 오버시 나타나는 메뉴를 만들고 마우스 아웃시 약간의 지연과 페이드 인/페이 아웃으로 사라집니다.자바 스크립트 팝업 메뉴 도움말

alt text http://img.skitch.com/20100416-m9f564tauqxecdk21xq12a7txu.jpg

내가 이제 사용자의 마우스 항목을 선택로 이동하기 위해 '행을 추가'링크를 떠날 때 목록을 사용할 수 유지 있도록 만들 수있는 쉬운 방법을 알아 내려고 노력하고 있어요 : 것 같습니다 목록에서 다양한 mootools 추가 기능 및 자습서를 살펴 보았지만 유용한 정보는 찾지 못했습니다. 누구든지이 가이드를 통해 좋은 가이드를 알고 있거나 그렇지 않으면 나를 올바른 방향으로 안내 할 수 있습니까?

편집 : - : 내가 수행하는 데 필요한 것에 대해 아주 잘 작동

http://www.consideropen.com/blog/2008/10/smart-hover-box-for-mootools-12-v1/

4/18 난 그냥 다 퉜다. 어쩌면 언젠가는 내 자신의 코드를 작성할만큼 편안함을 느낄 것입니다 ... 제안에 감사드립니다.

+0

대답을 충분히 Mootools의 모르는 : jQuery를에 스위치를 모든 문제가 사라집니다! :-) –

답변

1

메뉴를 표시 할 때 onmousemove 이벤트 리스너를 document.body에 추가하십시오. 메뉴 또는 '행 링크 추가'에 아무런 효과가없는 경우 이벤트를 트리거 한 요소를 확인하십시오. 그렇지 않으면 메뉴를 닫고 이벤트 리스너

미안 해요, 난 잘 구문을

+0

그는 목록의 컨테이너에 mouseover 이벤트를 추가 할 수 있습니다 ... 적어도 jQuery에서 할 수 있습니다. –