Стиль мыши "вниз / вверх" и "ввод / выход" для кнопки, которая перекрывается прозрачным объектом Flash

Question

У меня есть флэш-объект, размеры и положение которого такие же, как у кнопки HTML. Кнопка находится под объектом вспышки. Я хочу, чтобы при нажатии и вспыхивании вспышки у кнопки были стили, как если бы она была нажата и наведена одновременно.

Я пытаюсь позвонить:

ExternalInterface.call("mouseEventHandle", elementId, eventName);

во вспышке для передачи события в JS.

А в JS (coffeescript):

window.mouseEventHandle = (elementId, eventName) ->
    id = '#' + elementId
    switch event
        when "down" then console.log("down")
        when "up" then console.log("up")
        when "enter" then console.log("enter")
        else console.log("leave") # leave

функция отвечает за стилизацию кнопки HTML.

Вопрос в том, как стилизовать кнопку под в JS? Или есть другой способ достижения цели?

Answer 1

Я наконец-то использую кнопки jquery:

$("input[class!='hidden-input']").button()

так что функция обработчика выглядит так:

window.mouseEventHandle = (id, event) ->
        switch event
            when "e" 
                $(id).addClass("ui-state-hover")            # enter
                return false
            when "l" 
                $(id).removeClass("ui-state-hover ui-state-active")     # leave
                return false
            when "d" 
                $(id).addClass("ui-state-active")           # down
                return false
            else 
                $(id).removeClass("ui-state-active ui-state-hover") # up
                return false

Возвращение «false» позволяет браузерам быстро реагировать.