Скрипты для гугл таблиц

Привет ребята. На связи Серёга. Знаю, что давно не писал — дела, дела… Да и сейчас, если честно, времени совсем нету. И форму будем делать не по моему уроку, а по урокам моего знакомого — Кротова Романа.

Создавать форму обратной связи для сайта мы будем последовательно. Поэтому эта статья будет разбита на 3 урока.

В первом видео — мы просто заведём её в HTML и создадим PHP-обработчик для отправки писем. Всё будет последовательно, с нуля и до результата. Так, что бы вы всё поняли, и смогли самостоятельно встроить нужные поля.

Во второй части Рома, покажет Вам как сделать Ajax-загрузку. То есть отправлять данные с формы без перезагрузки странички. Что, согласитесь, весьма удобно и современно.

Ну и в третьей (урок готовится — позже здесь будет ссылка), мы встроим проверку на валидацию. Не средствами браузера, а при помощи специальных скриптов.

Видео 1. Создание формы обратной связи для сайта.

Обращаю внимание! Что бы форма заработала — необходимо, что бы ваш хостинг поддерживал PHP.

Скачать архив с формой обратной связи

Если у вас возникнут вопросы касательно непонятных моментов в написании обработчика формы для отправки писем — не стесняйтесь, задавайте их в комментариях.

Код из урока по созданию формы обратной связи

Вот что получилось в итоге в файле index.php

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

<html> <head> <meta charset=»utf-8″/> </head> <body> <form action=»/testform/submit.php» method=»POST»> <input name=»email» placeholder=»Email»> <input name=»name» placeholder=»Имя»> <input name=»phone» placeholder=»Телефон»> <textarea name=»message» placeholder=»Сообщение»></textarea> <input type=»submit» value=»Отправить сообщение»> </form> </body> </html>

Содержимое файла submit.php:

Здесь осуществляется базовая проверка формы на заполненность, что бы не отправлять пустые сообщения. Если всё «гуд» — письмо отправляется. И идёт переадресация на страницу-уведомление об успешном отправлении письма.

if (!empty($_POST[’name’]) AND !empty($_POST[’email’]) AND !empty($_POST[’message’])) { $headers = ‘From: Кротов Роман ‘ . ‘Reply-To: drugoisvet@gmail.com ‘ . ‘X-Mailer: PHP/’ . phpversion(); $theme = «Новое сообщение с сайта»; $letter = «Данные сообщения:»; $letter .=» «; $letter .=»Имя: «.$_POST[’name’]; $letter .=» Email: «.$_POST[’email’]; $letter .=» Телефон: «.$_POST[’phone’]; $letter .=» Сообщение: «.$_POST[’message’]; if (mail(«drugoisvet@gmail.com», $theme, $letter, $headers)){ header(«Location: /testform/thankyou.php»); } else { header(«Location: /testform»); } } else { header(«Location: /testform»); }

Ну а саму страницу уведомление не вижу смысла здесь размещать. Там базовая структура HTML-документа и всего одна строчка текста.

Видео 2. Ajax — отправка письма без перезагрузки страницы.

Для прохождения второго урока, нам понадобится библиотека jQuery. Мы её подключали с официального сайта jquery.com (ссылка ведет на страницу загрузки).

Ребята, решил что не буду публиковать код формы обратной связи. Какой смысл в этом, если есть ссылка на оригинал автора??

Скачать архив со скриптом

Видео 3. Валидация — проверка формы на правильность заполнения.

Скачать архив со скриптом

Google Apps Script это скриптовый язык, основанный на JavaScript что позволяет вам делать новые и классные вещи с Google Apps такие как документы, таблицы, и формы. Не надо ничего устанавливать — мы даем вам редактор кода прямо в браузере, и ваши программы запускаются на серверах Google.

Если вы новичок в JavaScript, то Codecademy предлагает отличный курс для начинающих. (Обратите внимание, что этот курс не был разработан и не связан с компанией Google.)

Что может делать Apps Script?

Apps Script универсален. Среди прочего он может:

Для быстрой демонстраци Apps Script в действии, попробуйте один из наших 5-минутных скриптов:

Ваш первый скрипт

Следующие шаги показывают, как создать и запустить простой автономный скрипт, который создает документ Google и отправляет вам по электронной почте ссылку на него.

Сделайте следующее

  1. Перейдите на script.google.com, чтобы открыть редактор.

    (Вам будет необходимо войти в Google Аккаунт). Если это первый раз, когда вы зашли на script.google.com, вы будете перенаправлены на страницу, которая представляет Apps Script.
    Нажмите кнопку «Start Scripting» чтоб перейти в редактор.

  2. На экране приветствия вас спросят какой скрипт вы хотите создать. Выберите Пустой проект (Blank Project) или Закрыть (Close).
  3. Удалите весь код в редакторе и вставьте код, приведённый ниже
  4. Выберете в меню Файл (File) > Сохранить (Save). Назовите ваш новый скрипт и нажмите кнопку OK.

Попробуйте его

  1. Чтобы выполнить скрипт, либо нажмите кнопку ▶ или выберите пункт меню Выполнить (Run) > createAndSendDocument
  2. Появится диалоговое окно и скажет вам, что скрипт требует авторизации. Нажмите «Продолжить». Второе диалоговое окно будет запрашивать авторизацию для определенных сервисов Google. Внимательно прочитайте уведомление, затем нажмите кнопку Принять.
  3. Желтая панель в верхней части редактора сценариев указывает когда скрипт выполняется. Когда желтая полоса исчезнет, скрипт закончил свою работу.
  4. Проверьте Ваш почтовый ящик Gmail и найдите новое письмо, затем щелкните в нем ссылку, чтобы открыть документ Google, который вы создали.
  5. Откройте ваши Google Документы. Вы можете заметить, что и скрипт и новый документ там присутствуют.

Узнать больше

Для продолжения изучения Apps Script, взгляните на следующие ресурсы:

На этом, пожалуй, у меня всё. Оригинал документации можно найти тут.

Внимание! Эта статья не является официальным источником, информация может быть устаревшей.

Если вам понравилась запись, вы можете поделиться:

.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *