гостевая книга

@съехавшая крыша · Регистрация: 28.11.2017

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

всем привет!
Надо сделать простенькую гостевую книгу:пользователь заполняет поля, кликает по отправить и все данные в виде массива передаются на почту и выводятся в конце страницы. Код следующий:

PHP/HTML
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
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Forms</title>
    <script src="jquery-3.2.1.min.js"></script>
    <link href="guest.css" rel="stylesheet">
  </head>
  <body>
 <div class="subscriber">
<form  id = myForm method="post" action="elizaveta.android@gmail.com">
    <div class="name"><input  type="name" required autofocus name="Имя" placeholder="Введите Ваше имя"></div>
    <div class = "email"><input  type="e-mail" required name="E-mail" placeholder="Введите Ваш e-mail"></div>
    <p><textarea required  name="text" placeholder="Опишите Вашу проблему"></textarea></p>
    <p></p>
    <input type="submit" value="Отправить" onclick = "WriteAll()">
</form>
</div>
    <script> 
 
    function WriteAll(){
 
    // сериализация массива с помощью jquery
 
var data = $('#myForm').serializeArray();
 
// вывести каждое значение инпута
 
$.each(data,function(){
var publ = document.write ("" + (this.name+'='+this.value));
;
});
}
</script>
 
  </body>
</html>

проблема первая:как без ajax и php реализовать отправку массива на почту?(коллбэк или onsubmit или еще что то но я не знаю как это лепить, так как новичок самоучка) Проблема вторая:выводит текст комментария в новое окно, а не в конец страницы. При использовании appendChild() при перезагрузке страницы комментарий стирается.

@MrOnlineCoder · 14.01.2018, 23:05

Сообщение от съехавшая крыша

Проблема вторая:выводит текст комментария в новое окно, а не в конец страницы. При использовании appendChild() при перезагрузке страницы комментарий стирается.

Можно сохранять комментарий в localStorage.

Сообщение от съехавшая крыша

проблема первая:как без ajax и php реализовать отправку массива на почту?(коллбэк или onsubmit или еще что то но я не знаю как это лепить, так как новичок самоучка)

Без сервера и без посторонних сервисов - никак. Разве что через mailto (W3C TryIt (mailto)), но я не знаю кто его сейчас использует.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

Опции темы