Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Обработчик для кнопки 
:(
    Опции темы
Oygen
Дата 30.8.2009, 13:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Здравствуйте, подскажите пожалуйста, можно ли только средствами HTML и CSS сделать обработчик для кнопки, которая будет менять цвет текста на странице.
PM MAIL   Вверх
bars80080
Дата 30.8.2009, 13:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



только в случае наведения мыши на элемент или его родителя. тогда можно прописать что вроде:

Код

p.class1:hover span { color: #ff0000; }


в смысле, менять при наведении мыши цвет текста внутри элемента span, если он находится внутри параграфа p, помеченного классом class1


всё остальное делается javascript'ом
PM MAIL WWW   Вверх
Oygen
Дата 2.9.2009, 06:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(bars80080 @ 30.8.2009,  13:44)
только в случае наведения мыши на элемент или его родителя. тогда можно прописать что вроде:

Код

p.class1:hover span { color: #ff0000; }


в смысле, менять при наведении мыши цвет текста внутри элемента span, если он находится внутри параграфа p, помеченного классом class1


всё остальное делается javascript'ом

Я имел ввиду вот это:

Код

<html> 
<head>  
<title>Кнопки для изменения цвета текста</title>  
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 
 <style>
#txt { font:30px Impact; 
     position:absolute;
    color:maroon;
   top:200px;
     left:200px; }
</style>

</head> 
<body>

<div id="txt"    >
 "Здравствуй, мир!" <br>
"Моим цветом управляют три кнопки"

</div>

<table border=0 align=center>

<tr><td><form>

<input type=button value="синий" onClick=document.getElementById("txt").style.color='blue'>

<input type=button value="зеленый" onClick=document.getElementById("txt").style.color='green'>

<input type=button value="красный" onClick=document.getElementById("txt").style.color='red'>

</form></td>

</table>
</body> 
</html>

PM MAIL   Вверх
bars80080
Дата 2.9.2009, 10:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



это я понял и уже ответил. единственный случай, когда можно использовать css написал. 
ваш конкретный случай только на js
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0556 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.