2010-04-16 87 views
0

我正在處理類似於用戶將能夠添加行的表的項目。現在只有一種可用的行類型,但我想讓用戶能夠在不更改頁面佈局的情況下從列表中進行選擇。因此,我將一個菜單放在'add row'鏈接的mouseover上,並使用mootools事件監聽器在mouseout上消失(稍微延遲並淡入/淡出)。它看起來像:javascript彈出菜單幫助

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

我現在正在試圖找出一個簡單的方法來讓這個列表中保持可用,當用戶的鼠標離開「添加行」鏈接去選擇一個項目從列表中。我瀏覽了各種mootools插件和教程,但沒有找到任何有用的東西。有沒有人知道一個很好的教程通過這個指導我,否則可以指出我在這裏正確的方向嗎?

編輯:4/18 - 我只是跑成:

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

這都非常好,我需要做的事情。也許有一天我會感到很自在,寫我自己的代碼......謝謝你的建議。

+0

回答:切換到jQuery,所有的問題都會消失! :-) – 2010-04-16 21:43:47

回答

1

當您顯示菜單 - 添加一個onmousemove事件偵聽器到document.body - 檢查觸發事件的元素,如果它的菜單或'添加一行鏈接'什麼也不做,否則關閉菜單並停止事件監聽器

對不起,我不知道mootools是否足夠給出語法

+0

他可以添加一個mouseover事件到列表的容器......至少我可以在jQuery中完成。 – 2010-04-16 21:46:00