Навигационный блок?

Question

[CSSwaR]

Доброго вечера/ночи.
Подскажите пожалуйста. Как реализовать форму, с постраничной навигацией.
Вот что я имею ввиду:
Наверху написано например:
Сведения о работе->Общая информация->Персональные данные.
В каждом этапе заполняется форма. Потом все данные улетают на сервер.
Как это реализовывается?
Знаю что учавстовать куки должны вроде.
Быть может есть статейка или уроки. Или написано об этом где-то.
Или можете показать/поделиться кодом?
Делаю на бутстрапе+это еще и битрикс.
Заранее спасибо.

Answer 1

[Ivanq]

Куки можно и не использовать.
Суть кода: все происходит на одной странице, когда заполнится первая форма, php получает через POST "send" и показывает вторую форму, добавляя inputы первой формы hiddenами

<?php if(isSet($_POST["send3"])) { ?>
    Вы все заполнили!<br>
    A: <?=$_POST["a"]?>, B: <?=$_POST["b"]?>, C: <?=$_POST["c"]?>, D: <?=$_POST["d"]?>, E: <?=$_POST["e"]?>, F: <?=$_POST["f"]?>
<?php else if(isSet($_POST["send2"])) { ?>
    <form method="post">
        <input type=hidden name=a value="<?=htmlspecialchars($_POST['a'])?>">
        <input type=hidden name=b value="<?=htmlspecialchars($_POST['b'])?>">
        <input type=hidden name=c value="<?=htmlspecialchars($_POST['c'])?>">
        <input type=hidden name=d value="<?=htmlspecialchars($_POST['d'])?>">
        Поле E: <input type=text name=e><br>
        Поле F: <input type=text name=f><br>
        <input type=hidden name=send3>
        <input type=submit value="Далее">
    </form>
<?php else if(isSet($_POST["send1"])) { ?>
    <form method="post">
        <input type=hidden name=a value="<?=htmlspecialchars($_POST['a'])?>">
        <input type=hidden name=b value="<?=htmlspecialchars($_POST['b'])?>">
        Поле C: <input type=text name=c><br>
        Поле D: <input type=text name=d><br>
        <input type=hidden name=send2>
        <input type=submit value="Далее">
    </form>
<?php } else { ?>
    <form method="post">
        Поле A: <input type=text name=a><br>
        Поле B: <input type=text name=b><br>
        <input type=hidden name=send1>
        <input type=submit value="Далее">
    </form>
<?php } ?>

PS. пока не проверял
PSS. читать код надо снизу

Comments

[CSSwaR]

Попробую сейчас разобраться и поставить. Отпишусь

[CSSwaR]

Если вставлять так как есть, конечно же не работает. Не пойму, что куда. Есть страница php..Вначале у меня подключается header,work area,footer. Вот в воркарию мне нужно вставить форму такую. Если просто засовывать, не работает, если удалять инклюды и в чистую страницу вставлять, тоже не робит

[CSSwaR]

Ivanq ..

[Кирилл Туровников]

CSSwaR: тут исходная страница с формами является и обработчиком полученных данных, не лучший способ, учитывая перезагрузку страницы и нахождение всего вместе, лучше сделать обработчик отдельно, и все данные отправлять на ajax. Необходимо чтобы данные отправлялись после заполнения всех форм, или каждой отдельной?

[CSSwaR]

Кирилл Туровников: Всех форм.

[CSSwaR]

Ну хотя бы на примере одного импута на 2х страницах...Чтобы понятно было как он забирает значение, сохраняет и отправляет. Я думал что все дело в кеше или куки. Не знаю как правильно. Не совсем опытный в этом плане. Подумал как. Информация сохраняется до того момента пока во всех окошках не будет все заполненно. Где-то я примерно такое делал. Примерно. Кейсами помойму. 'case'. По какому-то видео уроку.

[Кирилл Туровников]

CSSwaR: ну тогда в чем тогда проблема? 3 формы разные или части одной большой?

[Кирилл Туровников]

CSSwaR: вот простой пример jsfiddle.net/straj/quLr5p2f кнопка далее показывает следующую форму, только при заполненных полях, надо еще обработчик на кнопку отправки формы добавить

[CSSwaR]

Кирилл Туровников: крутое решение) Обработчик имеете ввиду просто phpшку с самим скриптом сборки и отправки информации?

[Кирилл Туровников]

CSSwaR: ну не обязательно, можно и на js, php только для записи в бд