VPF::Кнопка баттон - Форум программистов

Syltan

Дата 24.4.2010, 20:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Скажите ,как можно сделать, чтоб при наведении курсора мыши на кнопку баттон, ну стандартный элемент хтмл, текст кнопки менялся на красный?

нуп

Дата 24.4.2010, 21:15 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Код


<script type="text/javascript">
function f()
{
    var b = document.getElementById("test");
    b.style.backgroundColor = 'red';
}
</script>
<input type="button" name="test" id="test" value="blablabla" onmousemove="f();">

Это сообщение отредактировал(а) нуп - 24.4.2010, 21:21

Syltan

Дата 24.4.2010, 21:21 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Мне именно нужно чтоб цвет текста на кнопке менялася пр инаведении мыши ,именно кнопки батон.
Во ттак не сработает.

Код


<script type='text/javascript'>
function f()
{
var svet = document.getElementById('metka');
svet.value.style.color='red';
}
</script>
...........................
<input type="button" style='color:blue;' value='Перейти на главную страницу'
onclick="location.href='lab.html'"  onMouseOver='f()'  id='metka'>  <p>

Это сообщение отредактировал(а) Syltan - 24.4.2010, 21:23

нуп

Дата 24.4.2010, 21:26 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Код


<script type="text/javascript">
function f()
{
    var b = document.getElementById("test");
    b.style.color = 'red';
}
</script>
<input type="button" name="test" id="test" value="blablabla" onmousemove="f();">

не так прочитал

Syltan

Дата 24.4.2010, 21:32 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

вроде всё отлично, о если навести курсор мыши цвет текста поменяется на красный, а вот если убрать он красным так и останется висет, а мне нужно чтоб если убрал,тогда обратно синий ставал.

нуп

Дата 24.4.2010, 21:35 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Код


onMouseOver - наведение
onMouseOut  - при убирании мышки

вперед сам делать

Syltan

Дата 24.4.2010, 21:37 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Если подряд написать вот так onMouseMove='f()' onMouseOut='f()'
Всё равно не будет срабатывать, после наведения стаёт красным, а вот если убрать мышку, красным и остаётся, но не синим стаёт, что делать?

нуп

Дата 24.4.2010, 21:44 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Читать книгу! Для OnMouseOut пиши новую функцию smile

Syltan

Дата 24.4.2010, 21:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Сразу догодался, что нужно так:

Код


function f1()
{
var svet = document.getElementById('metka');
svet.style.color='red';
}
function f2()
{
 var salo = document.getElementById('metka');
 salo.style.color='blue';
}
....................... onMouseOver='f1()' onMouseOut='f2()

Спасибо ,всё сработало.

Syltan

Дата 25.4.2010, 00:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: -1
Всего: -2

Ещё, вопрос, не получется через стили изменить размер кнопки и грфит изменить в кнопке, как можно это сделать?

Photon

Дата 25.4.2010, 10:26 (ссылка)

(нет голосов)

Загрузка ...

Злобный программер

Профиль
Группа: Участник
Сообщений: 282
Регистрация: 27.2.2009
Где: Таганрог

Репутация: нет
Всего: 12

Через стили всё получается.. Плохо пытаешься

--------------------

With best regards..

EmilRegis

Дата 26.4.2010, 07:31 (ссылка)

(голосов:2)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4

нафига внутри функции получать элемент по getElementById?
передавайте его параметром, это правильней будет

Код


<script type="text/javascript">
function f(el)
{
    el.style.color = 'red';
}
</script>
<input type="button" name="test" id="test" value="blablabla" onmousemove="f(this);">

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »