Разработка сайта для Вашего бизнеса. Веб дизайн. Дизайн логотипа, фирменного стиля, рекламная фотография . Комплексный рекламный креатив.

Ralex. We do the work.
На рынке с 1999го года. Средняя ценовая категория. Ориентация на эффективность решений.
Ознакомтесь с нашим портфолио
Узнайте больше о услугах
Свяжитесь с нами:
E-mail: [email protected]
Tel: (044) 587 - 84 - 78
Custom web design & дизайн и разработка сайта "под ключ"
Креативный, эффективный дизайн. Система управления сайтом (СУС).
Custom flexible разработка систем электронной коммерции
Система e-commerce разрабатывается под индивидуальные потребности. Гибкая функциональность.
Search Engine Optimzation & оптимизация под поисковые системы (SEO)
Постоянная оптимизация и мониторинг сайта в поисковых системах. Достигаем результата быстро и эффективно
Custom logo design & дизайн логотипа и фирменного стиля
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.
профессиональная рекламная фотография
креативно, смело, качественно
Custom logo design & рекламный креатив. дизайн рекламы
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.

Офіційний сайт модуля simpleForm2

  1. Атрибути тега "form"
  2. Атрибути тега "element"
  3. Приклад коду форми simpleForm2

Наша взаимовыгодная связь https://banwar.org/

Модуль simpleForm2 - це модуль для CMS Joomla !, за допомогою якого ви можете створювати будь-які форми (контактна форма, форма замовлення та ін.) На вашому сайті.

SimpleForm2 працює на технології AJAX, тому відправка даних відбувається без перезавантаження сторінки. Плюс до цього simpleForm2 влаштований таким чином, що навіть якщо JavaScript відключений ваша форма все одно буде прекрасно працювати.

Починаючи з версії 2.0.6 є вбудована функція збереження в базі даних повідомлень відправлених через форму. Таким чином ви завжди зможете прочитати повідомлення, навіть якщо вони не дійшли до одержувача через проблеми з мережею або поштовим сервером.

А якщо вам потрібно вмонтувати Instagram на сайт, то прочитайте про наше розширення Instagram для Joomla .

У simpleForm2 побудова форми відбувається за допомогою мета-мови і схоже на її побудову в мові HTML. Також в сам код форми можна вписувати HTML код, JavaScript, CSS, що надає вам безмежні можливості. Якщо ви не знайомі з мовою HTML, то, швидше за все вам підійде модуль simpleForm.

Елементи метамови simpleForm2 виглядають практично також як і в HTML за винятком того, що в HTML тег обрамляється знаками більше, менше, а тут замість цих знаків потрібно використовувати фігурні дужки.

У коді форми simpleForm2 можна використовувати такі елементи:

  • form - тег форми. (У версії 1.0.5)
  • element - тег елемента форми (input, select, textarea ...).
  • option - тег одного з декількох варіантів значення тега element (його можна порівняти з option в HTML).
  • caller - тег кнопки виклику форми, в разі, якщо у форми встановлений параметр type = "popup". (У версії 2.0.0)

Елемент "form" може бути як відкриває {form} так і закриває {/ form}. Цей елемент необов'язковий. Його слід використовувати тільки в тих випадках, коли ви хочете винести частину коду за межі форми, наприклад, для відображення форми у спливаючому вікні.

У кожного з цих елементів є певний набір атрибутів. Атрибути можуть бути як обов'язкові так і не обов'язкові.

Атрибути тега "form"

  • title - Задає заголовок форми (у версії 2.0.0).
  • description - Задає опис форми (у версії 2.0.0).
  • type - Якщо значення цього атрибута "popup", то форма буде відкриватися у спливаючому вікні. У цей випадку необхідно також використання елемента {caller} - приклад дивись нижче (У версії 2.0.0).
  • attribs - Як вміст можна вказати будь-які HTML атрибути форми (у версії 2.0.0).

Атрибути тега "element"

  • type * - Визначає тип елемента. Можливі значення: text, textarea, select, radio, button, submit, reset, checkbox, captcha, file, email, tel, url, date, range, number, time, sender_copy
  • label - Визначає пояснює напис біля елемента.
  • name - визначає назву елемента для його використання в скриптах, а також для вказівки одержувача листа і адресу для відповідей користувача на листи. (У версії 1.0.37)
  • required - Якщо значення цього атрибута дорівнює "required", то заповнення даного елемента буде обов'язковим для користувача.
  • regex - Значення цього атрибута може бути регулярний вираз для перевірки правильності заповнення елемента, у якого призначений цей атрибут.
  • error - Значення цього атрибута може бути текст повідомлення про помилки викликаної незаплненіем елемента, у якого визначено цей атрибут і атрибут required має значення "required", або введені дані не пройшли перевірку регулярного виразу.
  • value - Значення цього атрибута є значенням елемента за замовчуванням.
  • class - Якщо цей атрибут не порожній, то елементу буде поставлено CSS клас з значення цього атрибута.
  • multiple - Даний атрибут може використовуватися тільки в елементі з типом: select. Визначає чи можна вибрати кілька варіантів значень. Можливі значення: multiple.
  • selected - застосовується тільки до елементів типу: select, radio і checkbox. Визначає, відзначений елемент за замовчуванням.
  • width - Використовується тільки в елементах типу: captcha. Визначає ширину зображення в пікселях. Можливі значення: ціле число не менше 100.
  • height - Використовується тільки в елементах типу: captcha. Визначає висоту зображення в пікселях. Можливі значення: ціле число не менше 50.
  • extensions - Використовується тільки в елементах типу: file. Визначає розширення файлів доступних для завантаження перерахованих через кому. Наприклад: gif, jpg, zip
  • maxsize - Використовується тільки в елементах типу: file. Визначає мексімальний розмір загружаєм файлу. Приймає значення в кілобайтах і магабайтах. Наприклад, щоб задати максимальний розмір файлу в 200 кілобайт потрібно написати: 200Kb. Для розміру в 1 мегабайт: 1Mb.
  • color - Використовується тільки в елементах типу: captcha. Визначає колір напису в форматі HEX. Якщо відсутній - колір генерується випадковим чином. (У версії 1.0.5)
  • background - Використовується тільки в елементах типу: captcha. Визначає колір фону в форматі HEX. Якщо відсутній - колір генерується випадковим чином. (У версії 1.0.5)
  • plugin - Використовується тільки в елементах типу: captcha. Визначає який плагін з групи "Captcha" буде використовуватися в якості перевірочного коду. (У версії 1.0.40)
  • minfiles - Використовується тільки в елементах типу: file. Визначає мінімальну кількість файлів, що завантажуються. (У версії 2.0.0)
  • maxfiles - Використовується тільки в елементах типу: file. Визначає максимальну кількість файлів, що завантажуються. (У версії 2.0.0)
  • send-in-email - Якщо значення цього атрибута "no", то даний елемент не буде включений в лист. (У версії 2.0.0)
  • recipient-element-name - Використовується тільки в елементах типу: sender_copy. Значенням даного атрибута повинно бути ім'я елемента, в який користувач вводить свій e-mail. (У версії 2.0.23)
  • layout - Використовується тільки в елементах типу: sender_copy. Дозволяє призначити листа-копії окремий шаблон. (У версії 2.0.23)
  • А також будь-які інші атрибути, які будуть додані до HTML тегом

Атрибути тега "option"

  • label * - Визначає пояснює напис біля елемента.
  • value * - Визначає варіант значення елемента.
  • selected - Якщо значення цього атрибута дорівнює "selected", то даний варіант значення елемента буде відзначений за замовчуванням.
  • А також будь-які інші атрибути, які будуть додані до HTML тегом

Елемент "option" використовується тільки як вміст елемента "element" типу: select, radio, checkbox.

Увага! Атрибути, відмічені знаком * є обов'язковими атрибутами.

Обробка форми відбувається відповідно до вимог зазначеними в параметрах елементів. Дані збираються за шаблоном прописаному в мовному файлі і відправляються на e-mail, вказаний в налаштуваннях модуля форми.

Приклад коду форми simpleForm2

{Form title = "Контактна форма" description = "Заповніть будь ласка всі необхідні поля"} <div class = "sf2-form-group"> {element label = "Ваше ім'я" type = "text" required = "required" error = "Будь ласка введіть ваше ім'я" /} </ div> <div class = "sf2-form-group"> {element label = "Ваш email" type = "email" required = "required" error = "Будь ласка введіть ваш e-mail "/} </ div> <div class =" sf2-form-group "> {element label =" Ваше повідомлення "type =" textarea "required =" required "error =" Будь ласка введіть ваше повідомлення "/} </ div> <div class = "sf2-form-group"> {element type = "checkbox" required = "required" error = "Для відправки даних ви повинні дати згоду на їх обробку" send-in-email = "no "} {option label =" Даю згоду на обробку персональних даних "value =" ok "/} {/ element} </ div> < div class = "sf2-form-group"> {element type = "submit" value = "Відправити" /} </ div> {/ form} {form title = "Контактна форма" description = "Заповніть будь ласка всі необхідні поля" type = "popup"} <div class = "sf2-form-group"> {element label = "Ваше ім'я" type = "text" required = "required" error = "Будь ласка введіть ваше ім'я" /} </ div> <div class = "sf2-form-group"> {element label = "Ваш email" type = "email" required = "required" error = "Будь ласка введіть ваш email" /} </ div> <div class = "sf2-form-group"> {element label = "Ваше повідомлення" type = "textarea" required = "required" error = "Будь ласка введіть ваше повідомлення" /} </ div> <div class = "sf2-form -group "> {element type =" checkbox "required =" required "error =" Для відправки даних ви повинні дати згоду на їх обробку "send-in-email =" no "} {option label =" Даю зі Глас на обробку персональних даних "value =" ok "/} {/ element} </ div> <div class =" sf2-form-group "> {element type =" submit "value =" Відправити "/} </ div > {/ form} {caller} Відкрити форму {/ caller}

для перевірки e-mail:
~ ^ [0-9a-z \. \ -_] + @ [a-z0-9] + [0-9a-z \. \ -] *? \. [Az] {2,4} $ ~

для перевірки URL:
~ ^ ((Https? | Ftp) \: \ / \ /)? [A-z0-9] + [a-z0-9 -.] * \. [Az] {2,4} $ ~

для перевірки номера телефону в форматі: +0 (000) 000-000 або +000 (00) 00-00-00
~ ^ \ + [0-9] + \ ([0-9] {2,4} \) [0-9 \ -] + $ ~

Історія змін

v.3.0.2 08.07.2019
  • Доданий можливість показу форми в popup вікні при натисканні на будь-який елемент сторінки за допомогою атрибута data-sf2-caller = "simpleForm2_ {ID}", де {ID} - це id модуля форми.
v.3.0.1 25.04.2019
  • Доданий плагін System - SimpleForm2 для обробки запитів. Даний підхід дозволяє відповідати вимогам багатьох плагінів безпеки
v.2.0.27 26.03.2019
  • Виправлена ​​сортування елементів на порядок їх слідування в коді
v.2.0.25 09.01.2019
  • Вилучений атрибут type у HTML елемента <select>
v.2.0.23 07.01.2019
  • Доданий елемент "sender_copy" дозволяє відправляти копію листа користувачу, що заповнив форму
v.2.0.22 04.01.2019
  • Виправлено накладення друг на друга довгих назв полів форми при лінійному розташуванні
v.2.0.21 10.12.2018
  • Невеликі правки елемента time
v.2.0.20 09.12.2018
  • Додана підтримка PHP 7.2 (припинена підтримка PHP 5.3 і менше)
v.2.0.17 06.02.2018
  • Доданий стиль відображення "Compact"
v.2.0.16 13.12.2017
  • Додана підтримка плагінів групи "simpleform2"
  • Незначні правки коду
v.2.0.12 25.09.2017
  • Доданий скидання reCaptcha при помилку в формі
v.2.0.11 31.08.2017
  • Виправлено зникання своєї кнопки при повторному відкритті форми у спливаючому вікні
v.2.0.10 22.08.2017
  • Виправлено положення і назви мовних файлів
v.2.0.9 11.08.2017
  • Доданий елемент "time" для вибору часу
v.2.0.8 11.08.2017
  • Додана можливість установки своєї кнопки відправки форми у спливаючому вікні
v.2.0.7
  • Виправлена ​​обробка JavaScript Callback-ів
v.2.0.6
  • Виправлено відображення дати в листі
  • Додана функція збереження повідомлень в базі даних
v.2.0.5
  • Виправлено видалення тексту між елементами {option} для checkbox і radio
v.2.0.0
  • Повністю перероблений код модуля
  • Додана сумісність з PHP 7
  • Додані нові типи полів: email, tel, url, date, range, buttongroup, number
  • Додано механізм для створення своїх елементів форми
  • Додана можливість створювати спливаючу форму без додаткових скриптів
  • Доданий шаблон email листи з даними користувача
  • Додана можливість створювати необмежену кількість шаблонів email листів
  • Доданий настройка розташування елементів
  • Додана настройка візуального стилю форми
  • Додана настройка режиму відображення форми
  • Перероблений JavaScript модуля
  • Перероблений механізм JavaScript callback функцій для більш гнучкого управління
  • Додані стилі за замовчуванням
v.1.0.40
  • Додана можливість використання системних плагінів Captcha
v.1.0.37
  • Додана можливість вказувати e-mail, на який буде відправлятися відповідь користувача
  • Як значення для параметрів "E-mail відповідного листа" і "E-mail одержувача" можна вказувати ім'я елемента форми
  • Додана можливість задавати кожному елементу форми ім'я параметром "name". Як ім'я можна використовувати тільки цифри і латинські букви.
  • Дані про відправника листів беруться з налаштувань сайту
v.1.0.29
  • Для елементів text, textarea, captcha, file доданий атрибут placeholder
v.1.0.27
  • Істотно перероблений JavaScript обслуговуючий форму
  • Додано механізм дозволяє формі працювати без JavaScirpt
v.1.0.26
  • Авторизованим користувачам CAPTCHA не відображається
v.1.0.20
  • Додана можливість управління підключенням бібліотеки jQuery
  • Додана можливість управління режимом роботи бібліотеки jQuery
v.1.0.19
  • Виправлена ​​проблема з перекладом в Joomla! 1.6.
  • Додана можливість управління результатом обробки форми
v.1.0.13
  • Додана можливість автоматичного оновлення модуля в Joomla! 1.6.
v.1.0.6
  • Виправлена ​​помилка пов'язана з обробкою декількох елементів "file" з однаковими назвами.
v.1.0.5
  • Доданий елемент "form".
  • Доданий параметр "color" у елемента типу: "captcha".
  • Доданий параметр "background" у елемента типу: "captcha".
v.1.0.4
  • Виправлена ​​помилка пов'язана з обробкою атрибута "onchange".
v.1.0.3
  • Шаблон листа винесено в файл шаблону.
v.1.0.2
  • У лист додано інформацію про те, з якої сторінки було відправлено повідомлення.
v.1.0.1
  • Можна вводити декілька e-mail адрес одержувачів листів
  • Листи відправляються в форматі HTML
  • Лист формується з 2-х шаблонів. 1 загальний шаблон листи. 2 шаблон кожного запису значення елемента форми.
  • Додано новий елемент "file" - елемент дозволяє завантажувати файли, які прикріплюються до листа.
Категории
  • Биология
  • Математика
  • Краеведению
  • Лечебная
  • Наука
  • Физике
  • Природоведение
  • Информатика
  • Новости

  • Новости
    https://banwar.org/
    Наша взаимовыгодная связь https://banwar.org/. Запустив новый сайт, "Пари Матч" обещает своим клиентам незабываемый опыт и возможность выиграть крупные суммы.


    Наши клиенты
    Клиенты

    Быстрая связь

    Тел.: (044) 587-84-78
    E-mail: [email protected]

    Имя:
    E-mail:
    Телефон:
    Вопрос\Комментарий: