Помощник
|
смена цвета фона по кнопке |
мимино
|
Сообщение
#1
|
||
|
|
||
|
|||
Exterior |
19.4.2008, 16:38;
Ответить: Exterior
Сообщение
#2
|
|
мимино,
<input type="button" value="Изменить цвет фона" onClick="document.bgColor='red'">
|
|
|
мимино
|
Сообщение
#3
|
|
мимино, <input type="button" value="Изменить цвет фона" onClick="document.bgColor='red'"> Спасибо, а как сделать данную кнопку цикличной? т.е. что бы можно было нажимать и менялись цвета всегда а не один раз... предположим три цвета ну и по четвертому клику возврат в исходное положение соответственно |
|
|
Exterior |
20.4.2008, 11:25;
Ответить: Exterior
Сообщение
#4
|
|
а как сделать данную кнопку цикличной? т.е. что бы можно было нажимать и менялись цвета всегда а не один раз... предположим три цвета ну и по четвертому клику возврат в исходное положение соответственно <!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 |
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 |
13.10.2013, 22:58;
Ответить: desayer
Сообщение
#7
|
|
Что нужно изменить в последнем сообщении чтобы менялся не цвет кнопки а цвет фона?
|
|
|
CBETIK |
26.4.2016, 13:46;
Ответить: CBETIK
Сообщение
#8
|
|
Добрый день, такой вопрос, а как организовать такую фишку? Имеем вышеуказанный скрипт, где при нажатии на кнопку меняется цвет фона, а как сделать что бы при выборе цвета из такого бара(Ну или как он правильно называется) как вот на этих сайтах. http://getcolor.ru/
http://html-color-codes.info/Cvetovye-kody-HTML/ И еще к каждому из них привязывался свой цсс файл ну или стиль инвертируется, к примеру фон белый, цвет шрифта черный и наоборот? Как вам такая загадка? О, едва не забыл, как сделать, что бы браузер помнил сделанный выбор, а то слетает при каждом обновлении страницы? И кнопку сброса на стиль по умолчанию? |
|
|
Degradator |
27.4.2016, 19:09;
Ответить: Degradator
Сообщение
#9
|
|
|
Имеем вышеуказанный скрипт, где при нажатии на кнопку меняется цвет фона, а как сделать что бы при выборе цвета из такого бара(Ну или как он правильно называется) как вот на этих сайтах. Использовать какой-то плагин или скрипт И еще к каждому из них привязывался свой цсс файл ну или стиль инвертируется, к примеру фон белый, цвет шрифта черный и наоборот? Скорее всего тут нужна хитрая математика, которая будет делать цвет из трех шестнадцатиричных цифр, типа #aabbcc как сделать, что бы браузер помнил сделанный выбор, а то слетает при каждом обновлении страницы? используй например localstorage И кнопку сброса на стиль по умолчанию? Ну если делать все не очень правильно, то достаточно будет сделать кнопку <input type="reset" />. А иначе придется писать скрипт.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
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 |
Текстовая версия | Сейчас: 29.3.2024, 8:37 |