Выбор данных из анкеты и занесение на страницу

[Джулия]

всем привет)

подскажите,пожалуйста, как сделать(запрограммировать)...

есть анкета, она открывается в модальном окне, данные в анкете не меняются http://prntscr.com/bw0orj

как сделать так,чтобы при выборе данных в анкете(чекнутые чекбоксы) и при нажатии на кнопку Сохранить, данные отображались на основной странице(данные-это текст рядом с чекбоксом), причём порядок построения был такой же как в анкете.

Может,кто такое делал или есть готовый пример

 

 

 

Edited July 22, 2016 by Джулия

[wwt]

Не совсем ясно что вы хотите, данные должны запоминатся на долго? Привязываться к аккаунту пользователя?

В любом случае варианта 2.

1. Если данные должны запоминаться только пока пользователь на сайте, то можно написать скрипт на javascript который при нажатии на "сохранить" запомнит эти данные в куки или в локальное хранилище, и с помощью его же вывести в любое нужное место на странице.

2. Если данные должны запоминаться на долго (привязываться к аккаунту пользователя и т.д.) то запоминать данные нужно на стороне сервера, то есть писать серверные скрипты (на php к примеру).

[Джулия]

7 минут назад, wwt сказал:

Не совсем ясно что вы хотите, данные должны запоминатся на долго? Привязываться к аккаунту пользователя?

В любом случае варианта 2.

1. Если данные должны запоминаться только пока пользователь на сайте, то можно написать скрипт на javascript который при нажатии на "сохранить" запомнит эти данные в куки или в локальное хранилище, и с помощью его же вывести в любое нужное место на странице.

2. Если данные должны запоминаться на долго (привязываться к аккаунту пользователя и т.д.) то запоминать данные нужно на стороне сервера, то есть писать серверные скрипты (на php к примеру).

wwt, вариант 1

не подскажете как пишется такой скрипт? (в javascript я не очень сильна)

[wwt]

Даже и не знаю что ответить. Открываете редактор и пишите код =)

Собственно весь скрипт можно разбить на 3 части:

1. Код который повесит и обработает событие на кнопке "сохранить", которое возьмет нужные данные из формы и сохранит их в локальное хранилище или куки.

2. Код который при загрузке страницы и после сохранения в модальном окне вставит нужные данные в нужное место страницы.

3. Код который возьмет данные из хранилища (если они есть) и в соответствии с ними чекнет нужные чекбоксы в форме, после(или перед) открытия модального окна.

[by chris]

@Джулия, ссылку на сайт или html-разметку всего блока.

[Джулия]

2 часа назад, by chris сказал:

@Джулия, ссылку на сайт или html-разметку всего блока.

http://codepen.io/JuliJulia/pen/xOWBrE?editors=1100

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

например:

в анкете чекается Возраст матери и в Генетических нарушениях слуха чекается Родители - нажимается на Сохранить, модальное окно закрывается, а под ссылкой Анкета появляются надписи

Возраст матери

 

Генетические нарушения слуха

Родители

 

[by chris]

@Джулия, напишу скрипт на native js в стиле ООП, за день. Цена договорная. Если интересно и никто не поможет за бесплатно, то пишите в лс.  

[Джулия]

В 22.07.2016 в 21:00, by chris сказал:

@Джулия, напишу скрипт на native js в стиле ООП, за день. Цена договорная. Если интересно и никто не поможет за бесплатно, то пишите в лс.  

спасибо, by chris)

справилась бесплатно