Многостраничная форма, динамическое размножение полей input

Доброго времени суток!
Пытаюсь сделать многостраничную форму для добавления заказов в БД mySQL. Двигаюсь методом проб и ошибок, в основном опираясь на публикуемые в сети уроки и видео на ютубе. Добрался до прикрепления файлов и описания к ним и уперся в совершенно неведомую мне область JS. Кода там немного, но я в нем совершенно не разбираюсь.
Может есть кто возьмется помочь? Подсказками, в том, что касается JS, там вряд ли можно обойтись. Темка, если что, тут Создание многостраничной формы

0

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

0

Если конкретно, то нужно доработать тот код JS, который приведен в уроке вот на этом http://ajaxs.ru/lesson/jq/121-... sajte.html ресурсе.
Код позволит динамически размножать ту часть формы, которая отвечает за прикрепление файла и его описание.
Размножение сопровождается изменением порядкового номера каждого нового добавляемого файла и функционала кнопки "Обзор", которая отвечает за выбор файла. Добавление новых полей ( поле файла и поле описания файла ) осуществляется путем клика на кнопку "Добавить файл".
Отправка прикрепленных файлов с их описанием производится кнопкой "Далее" ( <input type="submit" value="Далее"). Дальнейшая обработка идет уже на другой странице, куда в агрегированном виде выводится вся заполненная на предварительных этапах информация.
Приведу 3 фото: 1) до 2) после 3) желаем косой крест для удаления

Миниатюры

     

0

Хочу спросить по тег <textarea>. В процессе работы над многостраничной формой столкнулся с небольшой проблемой. Ну, как проблемой? Не особо и проблема, конечно. Можно было бы и плюнуть на нее и забыть.
Вообщем реализация идеи предполагает ряд последовательных шагов, в процессе которых в промежуточных файлах создаются скрытые <textarea>, в которые заносятся переменные. Если на время отладки сделать содержанием этих тегов видимым, то создается впечатление, что оно ( это содержание ) располагается внутри полей<textarea> совершенно произвольным образом. В одних <textarea> содержание выровнено по левому краю и сдвинуто на строку вниз, в других по центру, в третьих по правому краю.
Пытался найти инфу о том, как же можно стилями выровнять содержание ( там и текст и числа ) внутри этого тега, но так ничего и не нашел.
Можно ли вообще как-то форматировать текст внутри <textarea> средствами CSS и если можно, то как?

Добавлено через 32 минуты
Прочитал, что написал и решил еще чуть более конкретизировать вопрос. Можно ли форматировать содержание внутри тега <textarea>, помещенного туда посредством созданных переменных?

Добавлено через 30 минут
может дело в пробелах и в переносах в переменных? тогда как их удалить? мне придется извлекать потом данные из этих переменных и показывать их в удобочитаемом виде в агрегированном состоянии, чтобы пользователь мог еще раз просмотреть их, убедиться, что все в форме он заполнил правильно перед тем, как отправить данные на сервер.

Добавлено через 2 часа 36 минут
попробовал тримом обработать переменную - табуляция все равно осталась ... как будто дело не в строке, а в свойствах самого поля текстерия

Добавлено через 19 минут
все. решено. "...в textarea попадает все что между <textarea></textarea> все переносы что ты туда вставил и отступы так же"

0

Продолжаю мучить многостраничную форму. Вопрос знатокам.
Объясните плиз в двух словах алгоритм действий по процедуре выбора файла и помещении его в переменную. Хотелось бы, чтобы на страничке предпросмотра файл выглядел как миниатюра ( возможные расширения gif, png, jpg, pdf, dwg и др.) с кнопкой "Стереть", если по каким-либо причинам сделаный выбор оказался ошибочным.
Дальше он должен будет отправиться вместе с другой информацией в БД ( или скорее путь к нему, а сам он в папку на сервере ), о чем я пока не имею ни малейшего представления, но сейчас речь не об этом.
Надо только показать его как миниатюру с возможностью удаления. Все.

0

Ну, что? Нет желающих поговорить с Pinnokio и подсказать ему как жить дальше? Замучился уже с поиском ответа на этот вопрос.

0

Проблема в том что судя по вашим ответам с двух слов вы не поймете, у вас очень слабая база знаний по js. Проще будет за вас написать чем объяснять.

0

знания по js да, не очень, мягко сказать ... ..но жить-то как-то надо .... вот тут есть пример как это примерно должно выглядеть и как это работает http://ehitus.hange.ee/ehitus_hanke_lisamine.php .... наверное, с html, css здесь я как-нибудь разобрался бы ... это не так сложно, но вот ни кода php, ни скриптов в коде сайта, естественно, не видно. Даже не знаю с какой стороны подлезть. Хоть бы пример какой перед глазами был Нет, ничего такого нет? В интернете на тему размножения полей нашел только один урок, и то в применении к текстовому полю, а не к полю выбора файла.

0

Посмотрите на пример работы:

https://blueimp.github.io/jQuery-File-Upload/

0

посмотрел ... хорошая штука, но я ее не осилю - слишком навороченная ... ищу что попроще

0