X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> смена цвета фона по кнопке
мимино
мимино
Topic Starter сообщение 19.4.2008, 15:35; Ответить: мимино
Сообщение #1


человеки простите за заведомый оффтоп, просто не могу заставить себя перелопатить такой объем инфы. у меня вопрос следующий:
как сделать на сайте кнопку при нажатии которой будет меняться цвет фона?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 19.4.2008, 16:38; Ответить: Exterior
Сообщение #2


мимино,

<input type="button" value="Изменить цвет фона" onClick="document.bgColor='red'">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
мимино
мимино
Topic Starter сообщение 19.4.2008, 20:28; Ответить: мимино
Сообщение #3


(Exterior @ 19.4.2008, 19:38) *
мимино,

<input type="button" value="Изменить цвет фона" onClick="document.bgColor='red'">


Спасибо, а как сделать данную кнопку цикличной? т.е. что бы можно было нажимать и менялись цвета всегда а не один раз... предположим три цвета ну и по четвертому клику возврат в исходное положение соответственно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 20.4.2008, 11:25; Ответить: Exterior
Сообщение #4


(мимино @ 19.4.2008, 23:28) *
а как сделать данную кнопку цикличной? т.е. что бы можно было нажимать и менялись цвета всегда а не один раз... предположим три цвета ну и по четвертому клику возврат в исходное положение соответственно

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Change of Background Color by HTML.BY team</title>

<script type="text/javascript">
<!--
var countPress = 1;

function setBg() {
countPress++;
if (countPress == 2) {document.bgColor = 'red';}
if (countPress == 3) {document.bgColor = 'green';}
if (countPress == 4) {document.bgColor = 'blue';}
if (countPress == 5) {document.bgColor = 'white'; countPress = 1;}
}
//--
>
</script>

</head>

<body>

<input type="button" id="but_1" name="but_1" value="Изменить цвет фона" onClick="return setBg()">

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Крукозяка
Крукозяка
сообщение 22.11.2009, 12:47; Ответить: Крукозяка
Сообщение #5


Добрый день!

на что надо заменить document.bgColor в предыдущем сообщении, чтобы циклически менялся не цвет фона, а цвет кнопки?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 22.11.2009, 12:53; Ответить: alexdrob
Сообщение #6


<!DOCTYPE html>
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Change of Background Color by HTML.BY team</title>

<script type="text/javascript">

var countPress = 0;
var colors = new Array('red','green','blue','white','#9933cc','#ffffcc');

function setBg(el) {
el.style.backgroundColor = colors[countPress];
countPress++;
if (countPress == colors.length) { countPress = 0;}
}

</script>

</head>

<body>

<input type="button" id="but_1" name="but_1" value="Button" onClick="return setBg(this)">

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
desayer
desayer
сообщение 13.10.2013, 22:58; Ответить: desayer
Сообщение #7


Что нужно изменить в последнем сообщении чтобы менялся не цвет кнопки а цвет фона?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CBETIK
CBETIK
сообщение 26.4.2016, 13:46; Ответить: CBETIK
Сообщение #8


Добрый день, такой вопрос, а как организовать такую фишку? Имеем вышеуказанный скрипт, где при нажатии на кнопку меняется цвет фона, а как сделать что бы при выборе цвета из такого бара(Ну или как он правильно называется) как вот на этих сайтах. http://getcolor.ru/
http://html-color-codes.info/Cvetovye-kody-HTML/
И еще к каждому из них привязывался свой цсс файл ну или стиль инвертируется, к примеру фон белый, цвет шрифта черный и наоборот?
Как вам такая загадка?
О, едва не забыл, как сделать, что бы браузер помнил сделанный выбор, а то слетает при каждом обновлении страницы? И кнопку сброса на стиль по умолчанию?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 27.4.2016, 19:09; Ответить: Degradator
Сообщение #9


Имеем вышеуказанный скрипт, где при нажатии на кнопку меняется цвет фона, а как сделать что бы при выборе цвета из такого бара(Ну или как он правильно называется) как вот на этих сайтах.

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

Скорее всего тут нужна хитрая математика, которая будет делать цвет из трех шестнадцатиричных цифр, типа #aabbcc
как сделать, что бы браузер помнил сделанный выбор, а то слетает при каждом обновлении страницы?

используй например localstorage
И кнопку сброса на стиль по умолчанию?

Ну если делать все не очень правильно, то достаточно будет сделать кнопку <input type="reset" />. А иначе придется писать скрипт.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация)
Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs
1 Kostyaxxxx 4245 20.6.2021, 20:26
автор: Kostyaxxxx
Открытая тема (нет новых ответов) Работа: Удаление фона с фотографий
0 upinseo 3197 18.9.2019, 12:01
автор: upinseo
Открытая тема (нет новых ответов) Смена шрифтов в WP
Заказ
0 SkyFire 2446 24.12.2017, 12:24
автор: SkyFire
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНужен мастер для наладки плагина стоящего,исправления цвета, размеров шрифта
4 Yuliya1982 1312 29.7.2017, 20:34
автор: Yuliya1982
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыИзменение цвета в шаблоне
18 shulz 3124 5.12.2016, 17:11
автор: shulz


 



RSS Текстовая версия Сейчас: 29.3.2024, 8:37
Дизайн