|
| |
|
|
| |
для: retsoul
(21.02.2007 в 03:18)
| | | Вот спасибо. Вот не дотепа я, как вляпал style в событие, так и оставил там его - куда я смотрел, когда className прицеплял. | |
| |
|
|
| |
|
|
| |
для: sim5
(21.02.2007 в 02:51)
| | |
<html>
<head>
<title>!</title>
<style type="text/css">
.buttonSubmit {
PADDING-RIGHT: 7px;
PADDING-LEFT: 7px;
FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px;
WIDTH: 71px;
COLOR: #fff;
BORDER-TOP-STYLE: none;
PADDING-TOP: 2px;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
HEIGHT: 24px;
BORDER-BOTTOM-STYLE: none;
}
.buttonSubmitHover {
color:#ff0000;
}
</style>
</head>
<body>
<INPUT class="buttonSubmit" type=submit value=Submit
onmouseover="this.className='buttonSubmitHover';"
onmouseout="this.className='buttonSubmit';">
</body>
</html>
|
проверено, работает в ФФ 2.0.0.1, Макстоне 1.5.9, Опере 9.10
P.S. при обращении к стилю - this.style можно изменять всё, что угодно "стилевое", но имя класса это уже свойство объекта и обращаться к нему можно только так - this.className. | |
| |
|
|
| |
|
|
| |
для: 12345
(20.02.2007 в 16:39)
| | | Что-то не могу открыть эту ссылку, видимо это как раз тот глюк, на который я не получил ответа на форуме. Ну ладно. Не пойму. Вот CSS:
<style type="text/css">
.buttonSubmit {
BACKGROUND: url(button1.gif) no-repeat left top;
PADDING-RIGHT: 7px;
PADDING-LEFT: 7px;
FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px;
WIDTH: 71px;
CURSOR: pointer;
COLOR: #fff;
BORDER-TOP-STYLE: none;
PADDING-TOP: 2px;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
HEIGHT: 24px;
BORDER-BOTTOM-STYLE: none;
}
.buttonSubmitHover {
BACKGROUND: url(button2.gif) no-repeat left top;
}
</style>
|
вот кнопка:
<INPUT class="buttonSubmit" type=submit value=Submit
onmouseover="this.style.className='buttonSubmitHover';"
onmouseout="this.style.className='buttonSubmit';">
|
HTML пишу в HomeSite+, CSS в TopStyle Lite 3.10. Открываю в окне Browse HomeSite - не работает, открываю во внешнем (от IE до Opera и FF) - тоже не работает. Встраиваю стиль в страницу, вызываю внешний файл через link rel=STYLESHEET или @import. Не работает. Так где ошибка? Или ошибки нет, а нет еще чего-то? | |
| |
|
|
| |
|
|
| |
для: sim5
(20.02.2007 в 13:26)
| | | Работайте с этим (Динамические таблицы стилей):
(ответ на первое сообщение) | |
| |
|
|
| |
|
|
| |
для: RMW
(20.02.2007 в 13:07)
| | | Странно, а уменя не хочет. Что-то не то. | |
| |
|
|
| |
|
|
| |
для: sim5
(20.02.2007 в 12:37)
| | | У меня работает
<STYLE>
.buttonSubmit
{
background:url('one.gif');
}
.buttonSubmitHover
{
background:url('two.gif');
}
</STYLE>
<INPUT class="buttonSubmit" type=submit value=Submit onmouseover="this.className='buttonSubmitHover';" onmouseout="this.className='buttonSubmit';">
|
В отличие от HTML JavaScript регистрозависимый язык. | |
| |
|
|
| |
|
|
| |
для: RMW
(20.02.2007 в 12:12)
| | | Нет - не работает. Кстати о "Б"ольшой букве, где-то читал об этом, и что правильно onMouseOver, но пишу onmouseover - работает. А вот класс почемут не меняет. | |
| |
|
|
| |
|
|
| |
для: sim5
(20.02.2007 в 12:02)
| | | className | |
| |
|
|
| |
|
|
| |
для: SnooPI
(20.02.2007 в 08:40)
| | | Я не о .css спрашиваю, а о возможности изменить класс через событие кнопики. Я конечно и так напишу:
<INPUT class="buttonSubmit" type=submit value=Submit onmouseover="this.style.background='url(button2.gif)';" onmouseout="this.style.background='url(button1.gif)';">
и все работает, просто с одного места хотелось бы управлять стилями кнопок, а не "скакать" по страницам и не использовать JS. | |
| |
|
|
| |
|
|
| |
для: sim5
(20.02.2007 в 06:11)
| | | А как тебе ответить если не видно твой .css файл? | |
| |
|
|
|
