Javascript нажатие кнопки + раскрыть

голоса
1

У меня есть большая красная кнопка, и я пытаюсь использовать JavaScript для выполнения следующих операций: -

  1. OnMouseDown изменить изображение таким образом, кнопка выглядит подавленной
  2. OnMouseUp вернуться к исходному изображению и выявить скрытые DIV

Я могу получить onMouse вниз и OnMouseUp изображения изменяется часть для работы.

Я могу также получить скрытый DIV выявить с помощью OnClick

Проблема в том, я не могу получить все это работать вместе.

Как мне это сделать?

Кстати, я уверен, что его очевидный, но я довольно новый для JavaScript, так что я ценю вашу помощь

Задан 10/12/2008 в 09:57
источник пользователем
На других языках...                            


3 ответов

голоса
1

Вы можете использовать точку с запятой для разделения нескольких операторов сценария в случае:

<img src="..." alt="..."
  onmousedown="depressed();"
  onmouseup="undepressed(); revealDiv();" />

Кроме того, я полагаю, что большинство браузеров поддерживают событие OnClick:

<img src="..." alt="..."
  onmousedown="depressed();"
  onmouseup="undepressed();"
  onclick="revealDiv();" />

Так как вы сказали, что вы уже выяснили, каждый из 3-х частей по отдельности, я просто написал вызовы функций, которые вы можете заменить свой собственный код для каждого шага.

Ответил 10/12/2008 в 10:12
источник пользователем

голоса
0

Она никогда не рекомендуется прикреплять события к элементам, используя обозначение атрибута непосредственно тегу HTML-элемент.

Это гораздо лучше , практика отделить представление (будучи тонированное HTML) от контроллера (действия происходят)

Лучший способ прикрепить событие, как, например:

<img id="abut" />

<script>
var thebutton = document.getElementById('abut'); //Retrieve the button from the page 
thebutton.onmousedown = depressed; //depressed is a function that you declare earlier on...here, you are just passing a reference to it
thebutton.onmouseup = function () {
    undepressed();
    revealDiv(); //Invoke the two functions when the 'onmouseup' is triggered'
};
</script>
Ответил 11/12/2008 в 20:21
источник пользователем

голоса
0

Не видя код, это трудно сказать, но я подозреваю, что недостающий «возвращает истину;» Заявление в конце либо OnClick или OnMouseUp обработчиков событий.

Ответил 10/12/2008 в 10:02
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more