Добавление css свойств в функцию print

@chameleon1100 · Регистрация: 02.04.2018

Студворк — интернет-сервис помощи студентам

Всем привет! Сделал на сайт форму для имени и номера телефона юзера, прикрепил к скрипту PHP, для события после отправки формы у меня написан такой скрипт:

PHP
1
2
3
4
5
6
7
       // Выводим сообщение пользователю
       print "<script language='Javascript'><!--
       function reload() {location = \"$backurl\"}; setTimeout('reload()', 6000);
       //--></script>
       $msgToSite
       <p>Сообщение отправлено! Подождите, сейчас вы будете перенаправлены на главную страницу...</p>";
       exit;

Вопрос: Как применить сюда css свойства? (Хочу сделать тёмный экран, обернуть текст в див, сделать его по центру, в общем, красиво и стильно стилезовать.

@atanov · 12.04.2018, 10:21

chameleon1100, маловато информации, что у Вас в DOM.

Сообщение от chameleon1100

Хочу сделать тёмный экран

страницу сделать тёмной?

@chameleon1100 · 12.04.2018, 10:36 **[ТС]**

atanov, ну допустим, мне нужно применить сюда свойства. Внутри основного дива как раз моё сообщение для юзера, оповещая об успешной отправки данных. Возможно ещё бы какую-нибудь анимацию применить в качестве "загрузки страницы", такое возможно же?

CSS
1
2
3
4
5
6
7
8
9
body{
background-color: ;
}
div#mainDiv {
width: ;
height: ;
background-color: ;
border: ;
}

@atanov · 12.04.2018, 10:57

chameleon1100, берите элемент с id mainDiv и вертите его style, как душе угодно

JavaScript
1
2
3
document.getElementById('mainDiv').style.width = 'значение';
document.getElementById('mainDiv').style.height = 'значение';
document.getElementById('mainDiv').style.backgroundColor = 'значение';

и так далее.

@chameleon1100 · 12.04.2018, 12:47 **[ТС]**

atanov, но в скрипт, который в моём первом сообщении, нельзя вписывать id

@atanov · 12.04.2018, 13:03

chameleon1100, а 4-я строка Вашего css? это установка свойств элемента с id mainDiv

@chameleon1100 · 12.04.2018, 13:33 **[ТС]**

atanov, Вот в этом коде я могу дать абзацу id? А потом стилезовать его через css? У меня выдает ошибку.

PHP
1
2
3
4
5
6
7
       // Выводим сообщение пользователю
       print "<script language='Javascript'><!--
       function reload() {location = \"$backurl\"}; setTimeout('reload()', 6000);
       //--></script>
       $msgToSite
       <p id=".....">Сообщение отправлено! Подождите, сейчас вы будете перенаправлены на главную страницу...</p>";
       exit;

@atanov · 12.04.2018, 14:36

chameleon1100, так есть же уже

Вы в chrome работаете? Откройте консоль и посмотрите структуру DOM. А код добавьте в функцию reload ().
Кстати, можете выложить код?

@chameleon1100 · 13.04.2018, 16:42 **[ТС]**

atanov, моя форма

HTML5
1
2
3
4
5
6
7
    <form id="form" action="php/mail.php" method="POST" class="animOpacity">
    <label for="name">Введите имя</label>
    <input type="text" name="name" maxlength="15" required>
    <label for="number">Телефон</label>
    <input type="text" name="number" maxlength="25" required>
    <input type="submit" name="buttonForm" value="Отправить" id="buttonForm">
</form>

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?
       $adminemail="..@yandex.ru, ...@yandex.ru";
       $date=date("d.m.y");
       $time=date("H:i");
       $backurl="http://host1670497.hostland.pro";
       //---------------------------------------------------------------------- //
 
       // Принимаем данные с формы
       $name = $_POST['name'];
       $phonenumber = $_POST['number'];
       $msgToEmail = "Имя: $name,\nТелефон: $phonenumber,";
       $msgToSite = "Имя: $name<br>Телефон: $phonenumber";
 
        // Отправляем письмо админу
       mail("$adminemail", "$date $time Сообщение от $name", "$msgToEmail\nС уважением, ....");
 
       // Сохраняем в базу данных
       $f = fopen("message.txt", "a+");
       fwrite($f," \n $date $time Сообщение от $name");
       fwrite($f,"\n $msgToEmail");
       fwrite($f,"\n ---------------");
       fclose($f);
 
       // Вывод юзеру сообщения
       print "<script language='Javascript'><!--
       function reload() {location = \"$backurl\"}; setTimeout('reload()', 6000);
       //--></script>
       $msgToSite
       <p id="hihi">Сообщение отправлено! Подождите, сейчас вы будете перенаправлены на главную страницу...</p>";
       exit;
?>

@atanov · 13.04.2018, 17:53

chameleon1100, попробуйте:

CSS
1
2
#mainDiv{color:white;}
#hihi{}

PHP
1
2
3
4
5
6
7
8
<meta http-equiv = "Content-Type" content = "text/html" charset = "utf-8">
<form id="form" action="37.php" method="POST" class="animOpacity">
    <label for="name">Введите имя</label>
    <input type="text" name="name" maxlength="15" required>
    <label for="number">Телефон</label>
    <input type="text" name="number" maxlength="25" required>
    <input type="submit" name="buttonForm" value="Отправить" id="buttonForm">
</form>

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
       echo '<link rel = "stylesheet" type = "text/css" href = "37.css">';
       $adminemail="..@yandex.ru, ...@yandex.ru";
       $date=date("d.m.y");
       $time=date("H:i");
       $backurl="http://host1670497.hostland.pro";
       echo '<div id = "mainDiv">'.$backurl.'</div>';
       //---------------------------------------------------------------------- //
 
       // Принимаем данные с формы
       $name = $_POST['name'];
       $phonenumber = $_POST['number'];
       $msgToEmail = "Имя: $name,\nТелефон: $phonenumber,";
       $msgToSite = "Имя: $name<br>Телефон: $phonenumber";
 
        // Отправляем письмо админу
       // mail("$adminemail", "$date $time Сообщение от $name", "$msgToEmail\nС уважением, ....");
 
       // Сохраняем в базу данных
       // $f = fopen("message.txt", "a+");
       // fwrite($f," \n $date $time Сообщение от $name");
       // fwrite($f,"\n $msgToEmail");
       // fwrite($f,"\n ---------------");
       // fclose($f);
 
       // Вывод юзеру сообщения
       
       echo '<div id = "hihi">Сообщение отправлено! Подождите, сейчас вы будете перенаправлены на главную страницу...</div>';
       // exit;
       
?>
<script src = "37.js"></script>

JavaScript
1
2
3
document.getElementById('hihi').style.backgroundColor = 'red';
window.setTimeout(reload, 6000);
function reload (){location.href = document.getElementById('mainDiv').innerHTML;}

В форме замените название php обработчика - у меня стоит 37.php. В php файле раскомментите отправку почты и можете дать название файлу js, у меня 37.js. В js файле можете играть со стилями div'а с id hihi как душе угодно, наподобие, как в 1-й строке кода.
а ещё стили я запихнул в 37.css, 2-я строка php файла, тоже меняйте как Вам нужно.

Новые блоги и статьи Все статьи Все блоги /
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Рецензия / Мнение/ Перевод https:/ / **********/ gallery/ thinkpad-x220-tablet-porn-gzoEAjs . . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .

@chameleon1100 0 / 0 / 0 Регистрация: 02.04.2018 Сообщений: 22
	12.04.2018, 12:47 [ТС]
	atanov, но в скрипт, который в моём первом сообщении, нельзя вписывать id 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	12.04.2018, 13:03
	chameleon1100, а 4-я строка Вашего css? это установка свойств элемента с id mainDiv 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	12.04.2018, 14:36
	chameleon1100, так есть же уже Вы в chrome работаете? Откройте консоль и посмотрите структуру DOM. А код добавьте в функцию reload (). Кстати, можете выложить код? 0

Добавление css свойств в функцию print

Решение