тело>
CSS-код URL-адрес импорта ("font-awesome.min.css");
URL-адрес импорта ("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Arvo:700");
html, тана, div, span, апплет, объект,
iframe, h1, h2, h3, h4, h5, h6, p, блочные кавычки,
pre, a, abbr, аббревиатура, адрес, столица, цитата,
код, дель, dfn, em, img, ins, kbd, q, s, samp,
маленький, хит, сильный, саб, суп, тт, вар, б,
u, i, center, dl, dt, dd, ol, ul, li, набор полей,
форма, тег, легенда, таблица, заголовок, тело,
tfoot, thead, tr, th, td, article, в сторону,
холст, детали, размещение, живопись, рисунок,
нижний колонтитул, заголовок, hgroup, меню, навигация, выход, ruby,
раздел, резюме, время, персонаж, аудио, видео {
граница: 0;
заполнить: 0;
граница: 0;
Размер шрифта: 100%
шрифт: мерос;
вертикальное выравнивание: базовое;}
статья, в сторону, детали, изображение, картина,
нижний колонтитул, заголовок, hgroup, меню, навигация, раздел {
отображение: блок;}
Тана {
высота строки: 1;
}}
ул, ул {
стиль списка: нет;
}}
блочная цитата, д {
цитата: нет;
}}
цитата: до, цитата: после, д: до, д: после {
содержание: '';
содержание: нет;
}}
Таблица {
граница-поворот: коллапс;
граничный диапазон: 0;
}}
Тана {
-webkit-text-size-adjust: нет;
}}
отметка {
цвет фона: прозрачный
звенел: мерос;
}}
.чат {
лимит: 1px сплошной # 333;
край: 15 пикселей;
ширина: 80%;
высота: 60%;
фон: # 555;
позвонил: #fff;
}}
.чат сообщения {
минимальная высота: 93%;
максимальная высота: 93%;
переполнение: авто;
}}
.chat-messages__content {
заполнение: 1px;
}}
.chat_message {
граница слева: 3px сплошная # 333;
край: 2px;
заполнение: 2px;
}}
.chat_message_black {
граница -звонок: #000;
}}
.chat_message_blue {
цвет границы: синий;
}}
.chat_message_green {
цвет границы: зеленый;
}}
.chat_message_red {
цвет границы: красный;
}}
.чат-вход {
мин-высота: 6%;
}}
войти {
семейство шрифтов: arial;
размер шрифта: 16px;
вертикальное выравнивание: среднее;
фон: # 333;
позвонил: #fff;
граница: 0;
отображение: встроенный блок;
край: 1px;
высота: 50 пикселей;
}}
.чат-form_input {
ширина: 79%;
}}
.chat-form__submit {
вертикальное выравнивание: среднее;
высота: 12%;
ширина: 12%;
}}
ввод :: - moz-focus-inner {
граница: 0;
заполнить: 0;
}}
введите, выберите, текстовое поле {
-moz-внешний вид: нет
-вебкит-просмотр: нет;
-мс вид: нет
внешний вид: нет;
}}
JavaScript-код (функция ($) {
вар $играть = $(играть),
$ тана = $ ('тана');
контрольные точки ({
xlarge: ['1281px', '1680px'],
большой:['981px', '1280px'],
середина: ['737px', '980px'],
небольшой:[нулевой, '736px']
});
$window.on('загрузить', функция () {
window.setTimeout (функция () {
$body.removeClass('is-preload');
}, лицо);
});
$('#нав>ул').дропотрон({
режим: «Угасание»,
noOpenerFade: правда
задержка наведения: 150
скрытая задержка: 350
});
$ (
'<идентификатор раздела = "titleBar "> '+
'<аhref = "# navPanel" class = "toggle"> '+
'дел>'
)
.appendTo (тело $);
$ (
'<идентификатор раздела = "навигационная панель "> '+
'<навигация> '+
$('#nav’).navList() +
'навигация> '+
'дел>'
)
.appendTo (тело $)
.панель ({
задержка: 500
хидонклик: правда
хидонсвайп: правда
resetScroll: правда
resetForms: правда
сторона: "левая",
цель: $тело
visibleClass: 'navPanel-видимый'
});
}) (jQuery);
php-код
if (isset ($_REQUEST) &&! пусто ($_REQUEST)) {
если (
isset ($ _REQUEST ['fio'], $ _REQUEST ['электронная почта']) &&
!пусто ($_REQUEST['fio']) &&
!пусто ($_REQUEST ['электронная почта'])
) {
$ сообщение = перенос слов ($ _REQUEST ['сообщение'], 70);
$ to = $ _REQUEST ['электронная почта'];
$ name = $ _REQUEST ['fio'];
$результат = @mail($кому,$имя,$сообщение);
Печатать «Сообщение отправлено». $ до;
}}
Другие
{
print 'Заполните все поля.';
}}
}}
Способ 2 - Живой чат php-код Главное окно если (! пусто ($ _ GET ['q'])) {
переключатель ($ _GET ['q']) {
Кейс "информация":
phpinfo();
Выход;
авария;
}}
}}
?>
<голова>
<услуб> html, тана { высота: 100%; }} Тана { граница: 0; заполнить: 0; ширина: 100% показать: таблицу; вес шрифта: 100 семейство шрифтов: "Карла"; }} .идиш { выравнивание текста: по центру; отображение: таблица-ячейка; вертикальное выравнивание: среднее; }} .содержание { выравнивание текста: по центру; дисплей: встроенный блок }} .заглавие { размер шрифта: 96px; }} .опт { верхний край: 30 пикселей; }} .opt { текстовое оформление: нет; Размер шрифта: 150% }} а: конечно { красный цвет; }} стиль> голова> <тана>
Ларагон
Версия PHP: информация Корень документа:
тело>Окно регистрации сеанс_начало (); include_once "config.php"; $ fname = mysqli_real_escape_string ($ conn, $ _POST ['fname']); $ lname = mysqli_real_escape_string ($ conn, $ _POST ['lname']); $ email = mysqli_real_escape_string ($ conn, $ _POST ['email']); $ пароль = mysqli_real_escape_string ($ conn, $ _POST ['пароль']); if (! пусто ($ fname) &&! пусто ($ lname) &&! пусто ($ электронная почта) &&! пусто ($ пароль)) { если (filter_var ($ электронная почта, FILTER_VALIDATE_EMAIL)) { $ sql = mysqli_query ($ conn, "ОТ пользователей * ОТ электронной почты = '{$ электронная почта}'"); если (mysqli_num_rows($sql)> 0) { echo "$ email - Такой адрес электронной почты уже существует!"; } Другие { если (isset ($ _ FILES ['картинка'])) { $ img_name = $ _FILES ['изображение'] ['имя']; $ img_type = $ _FILES ['изображение'] ['тип']; $ tmp_name = $ _FILES ['image'] ['tmp_name']; $img_explode = взрыв('.', $img_name); $img_ext=end($img_portlash); $ extensions = ["jpeg", "png", "jpg"]; если (in_array ($ img_ext, $ extensions) === true) { $types = ["изображение/jpeg", "изображение/jpg", "изображение/png"]; если (in_array ($img_type, $types) === true) { $ время = время (); $new_img_name=$время.$img_name; if (move_uploaded_file($tmp_name, "images/".$ new_img_name)) { $ran_id = ранд(время(), 100000000); $статус = "В настоящее время активен"; $encrypt_pass=md5($пароль); $insert_query = mysqli_query($conn,"Пользователь INSERT INTO (unique_id, fname, lname, email, password, img, status)) ЗНАЧЕНИЯ ({$ ran_id}, '{$ fname}', '{$ lname}', '{$ email}', '{$ encrypt_pass}', '{$ new_img_name}', '{$ status}') " "); если ($ вставить_запрос) { $ select_sql2 = mysqli_query ($ conn, "Выберите * ОТ адреса электронной почты пользователя = '{$ электронная почта}'"); если (mysqli_num_rows ($ select_sql2)> 0) { $ результат = mysqli_fetch_assoc ($ select_sql2); $ _SESSION ['unique_id'] = $ результат ['unique_id']; эхо "успех"; } Другие { echo "Этот адрес электронной почты недоступен!"; }} } Другие { echo "Что-то пошло не так. Пожалуйста, попробуйте еще раз!"; }} }} } Другие { echo "Пожалуйста, загрузите файл изображения - jpeg, png, jpg"; }} } Другие { echo "Загрузить файл изображения - jpeg, png, jpg"; }} }} }} } Другие { echo "$ адрес электронной почты недействителен!"; }} } Другие { echo "Обязательны все поля ввода!"; }} ?>Главное меню сеанс_начало (); include_once "config.php"; $ outgoing_id = $ _SESSION ['unique_id']; $ sql = "UNIQUE_ID НЕ-ПОЛЬЗОВАТЕЛИ ОТ * SELECT = {$ outgoing_id} user_id DESC ORDER"; $ isAdmin = mysqli_query ($ conn, "SELECT * FROM users WHERE is_admin = '1'"); $ activeUser = mysqli_query ($ conn, "Unique_id = {$ _SESSION ['unique_id']}, ГДЕ ПОЛЬЗОВАТЕЛИ ВЫБИРАЮТ *"); $otherUser = "ОТ пользователей ОТ * ГДЕ is_admin = '1' И НЕ unique_id = {$ outgoing_id}"; $ query2 = mysqli_query ($ conn, $ otherUser); $запрос = mysqli_query($conn,$sql); $ вывод = ""; // активный пользователь если (mysqli_num_rows($activeUser) > 0) { $activeUserRow = mysqli_fetch_assoc($activeUser); }} // только администратор может видеть всех пользователей если (mysqli_num_rows ($ isAdmin) == $ activeUserRow ['is_admin']) { если (mysqli_num_rows ($ запрос) == 0) { $ output.="Нет доступных пользователей!"; } elseif (mysqli_num_rows ($ запрос)> 0) { include_once "data.php"; }} } Другие { если (mysqli_num_rows($запрос2)> 0) { $otherUserRow = mysqli_fetch_assoc ($ query2); }} $ output.= '
<промежуток> '. $ otherUserRow ['fname']. "". $ otherUserRow ['lname']. '
а> '; }} эхо $ вывод; ?> Окно чата сеанс_начало (); include_once "php/config.php"; if (! isset ($_SESSION['unique_id']))) { заголовок ("местоположение: login.php"); }} ?> <тана>
тело>Окно ввода сеанс_начало (); если (isset ($ _ SESSION ['unique_id'])) { заголовок ("местоположение: users.php"); }} ?> <тана>
Приложение для живого чата | Дэниел
тело>JavaScript-код константная форма = document.querySelector(". поле записи"), incoming_id = form.querySelector(".incoming_id").значение, inputField = form.querySelector(".поле ввода"), sendBtn = form.querySelector ("кнопка"), chatBox = document.querySelector(".chatbox"); form.onsubmit = (e) => { e.preventDefault(); }} inputField.фокус (); inputField.onkeyup = () => { если (inputField.value! = "") { sendBtn.classList.add("активный"); } Другие { sendBtn.classList.remove ("активный"); }} }} sendBtn.onclick = () => { пусть xhr = новый XMLHttpRequest (); xhr.open("POST", "php/insert-chat.php", true); xhr.onload = () => { если (xhr.readyState === XMLHttpRequest.DONE) { если (xhr.status === 200) { inputField.value = ""; прокрутить до конца (); }} }} }} пусть formData = новые FormData (форма); xhr.send (данные формы); }} chatBox.onmouseenter = () => { chatBox.classList.add("активный"); }} chatBox.onmouseleave = () => { chatBox.classList.remove ("активный"); }} setInterval (() => { пусть xhr = новый XMLHttpRequest (); xhr.open("POST", "php/get-chat.php", true); xhr.onload = () => { если (xhr.readyState === XMLHttpRequest.DONE) { если (xhr.status === 200) { пусть данные = xhr.response; chatBox.innerHTML = данные; если (! chatBox.classList.contains ("активный")) { прокрутить до конца (); }} }} }} }} xhr.setRequestHeader("Тип контента", "Приложение/x-www-form-urlencoded"); xhr.send ("incoming_id =" + incoming_id); }, 500); Функция scrollToBottom() chatBox.scrollTop = chatBox.scrollHeight; }} const searchBar = document.querySelector(". search input"), searchIcon = document.querySelector(".кнопка поиска"), usersList = document.querySelector(".users-list"); searchIcon.onclick = () => { searchBar.classList.toggle("показать"); searchIcon.classList.toggle ("активный"); searchBar.фокус (); если (searchBar.classList.contains ("активный")) { searchBar.value = ""; searchBar.classList.remove ("активный"); }} }} searchBar.onkeyup = () => { пусть searchTerm = searchBar.value; если (термин поиска! = "") { searchBar.classList.add("активный"); } Другие { searchBar.classList.remove ("активный"); }} пусть xhr = новый XMLHttpRequest (); xhr.open("POST", "php/search.php", true); xhr.onload = () => { если (xhr.readyState === XMLHttpRequest.DONE) { если (xhr.status === 200) { пусть данные = xhr.response; список пользователей.innerHTML = данные; }} }} }} xhr.setRequestHeader("Тип контента", "Приложение/x-www-form-urlencoded"); xhr.send ("searchTerm =" + searchTerm); }} setInterval (() => { пусть xhr = новый XMLHttpRequest (); xhr.open("GET", "php/users.php", true); xhr.onload = () => { если (xhr.readyState === XMLHttpRequest.DONE) { если (xhr.status === 200) { пусть данные = xhr.response; если (! searchBar.classList.contains ("активный")) { список пользователей.innerHTML = данные; }} }} }} }} xhr.отправить (); }, 500);
1 2 3