Форум программистов, компьютерный форум, киберфорум
Python: Web
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/18: Рейтинг темы: голосов - 18, средняя оценка - 5.00
 Аватар для deathly_hallows
10 / 9 / 2
Регистрация: 23.04.2014
Сообщений: 83

Смена цвета фона по кнопке

30.10.2018, 09:01. Показов 3886. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте. Хочу сделать кнопку,которая, например,будет менять цвет фона. Использую flask.
P.S: В веб разработке пока что полный 0
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Flask Tutorial</title>
  </head>
  <body>
    <h1> My First Try Using Flask </h1>
    <p> Flask is Fun </p>
     <form method="post">
    <input  type="submit" name="red" value ="red" >
     </form>
  </body>
</html>
Python
1
2
3
4
5
6
7
8
9
from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def home():
    red  = request.form("background-color:red;")
    return render_template("home.html")
 
if __name__ == "__main__":
    app.run(debug=True)
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
30.10.2018, 09:01
Ответы с готовыми решениями:

Смена цвета фона при кнопке
Разместите на форме четыре кнопки (Button). Сделайте на кнопках следующие надписи: « красный», «зеленый», « синий», «жел- тый».Создайте...

Смена цвета фона
Как сделать что бы по нажатию на форму менялся цвет,менялся текст в Tlabel и очищалось поле ввода TEdit

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

1
2 / 1 / 1
Регистрация: 07.11.2018
Сообщений: 14
21.11.2018, 08:44
Пропишите функцию для смены цвета на javascript:
JavaScript
1
2
3
function red () {
  document.body.style.backgroundColor = "red";
}
Затем, при помощи атрибута onclock привяжи эту функцию к событию:
HTML5
1
 <input  type="submit" name="red" value="red" onclick="red"/>
P.S. этот скрипт можно подключить, поставив в <head> тег <script> и записав в него ваш скрипт. Или... При помощи flask написать представление, которое вернёт js-код, а затем в html-разметке загрузить возвращаемый код со своего же сайта:
HTML5
1
<script src="/script.js"></script>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
21.11.2018, 08:44
Помогаю со студенческими работами здесь

Смена цвета фона страниці
Здравствуйте. Нужна помощь. Проблема состоит в том, что мне нужно создать кнопку на странице при нажатие на которую будет меняться цвет...

Смена цвета фона кнопкой
Всем привет! Как нажатием на кнопки изменить цвет области div, а не всего фона? &lt;html&gt; &lt;head&gt; ...

Постоянная смена цвета текста и фона
Язык - С (меню для игры) я сделал, что выводятся 3 пункта меню и курсор передвигается по ним кнопками. А как можно реализовать, чтобы...

Смена цвета фона средствами css и jq
Всем привет! Помогите пожалуйста. Над задачей бьюсь третий день. Нужно сделать смену цвета блока при наведении на ссылку, которая в...

Автоматическая плавная смена цвета фона
Подскажите, как правильно сделать плавную смену фона (именно цвета). Для примера нашел это Делал так: &lt;!DOCTYPE HTML&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru