[CSS][PHP]Długi formularz, na kilkustronicowy., Długi formularz, który musze przerobić na kilkustronicowy (3) Opcje

[husky999]

Witam, to mój pierwszy post.
Na bierząco korzystam z forum, ale dzisiaj nie znalazłem rozwiązania nurtującego mnie problemu. Otóż problem jest następujący:

Mam taki bardzo długi formularz, którego ja nie tworzyłem. Musze z niego zrobić trzystronicowy. Nie mam pomysłu jak się za to zabrać... myślałem nad rozwiązaniem js, ale nei wiem, czy nie popsuje to modelu wysyłania. również rozwarzałem stworzenie trzech zakładek, ktore po kliknieciu robia sie visible, a pozostałe dwie robi hidden, ale tez nei wiem jakie to będzie miało odzwierciedlenie przy POST. Poniżej formularz:

[HTML] pobierz, plaintext 
<div id="post"><div class="post_text" style="margin-top:0em; padding-top:0em;">
<table align="center">
<form action="" name="zglos" method="post">
<tr>
<td><h3>Informacje o obiekcie/projekcie:</h3></td>
</tr>
<tr>
<td><input type="radio" name="kto" value="projektant" />Projektant<input type="radio" name="kto" value="zespol" />Zespół projektowy<input type="radio" name="kto" value="producent" />Producent</td>
</tr>
<tr>
<td><br />Nazwa zgłaszanego obiektu/projektu</td>
</tr>
<tr>
<td><input type="text" name="nazwa" /></td>
</tr>
<tr>
<td>Krótka charakterystyka obiektu/projektu (funkcje, rozwiązania techniczne, jakie problemy rozwiązuje):</td>
</tr>
<tr>
<td><textarea rows="5" cols="40" name="charakterystyka"></textarea></td>
</tr>
<tr>
<td>Materiały, z jakich obiekt/projekt jest wykonany/przewidziany: </td>
</tr>
<tr>
<td><input type="text" name="materialy" /></td>
</tr>
<tr>
<td>Rok powstania:</td>
</tr>
<tr>
<td><input type="text" name="rok" /></td>
</tr>
<tr>
<td>Wymiary obiektu/projektu:</td>
</tr>
<tr>
<td><input type="text" name="wymiary" /></td>
</tr>
<tr>
<td>Rodzaj opakowania do transportu</td>
</tr>
<tr>
<td><textarea rows="5" cols="40" name="opakowanie"></textarea></td>
</tr>
<tr>
<td><h3>Informacje o projektancie/zespole:</h3></td>
</tr>
<tr>
<td>Kierownik zespołu:</td>
</tr>
<tr>
<td><br />Imię:</td>
</tr>
<tr>
<td><input type="text" name="imie" /></td>
</tr>
<tr>
<td>
Nazwisko:
</td>
</tr>
<tr>
<td>
<input type="text" name="nazwisko" />
</td>
</tr>
<tr>
<td>Skład zespołu:</td>
</tr>
<tr>
<td><textarea rows="5" cols="40" name="opakowanie"></textarea></td>
</tr>
<tr>
<td><h3>Informacje o zgłaszającym obiekt/projekt:</h3></td>
</tr>
<tr>
<td>Imię:</td>
</tr>
<tr>
<td>
<input type="text" name="imie_dwa" /></td>
</tr>
<tr>
<td>
Nazwisko:
</td>
</tr>
<tr>
<td>
<input type="text" name="nazwisko_dwa" />
</td>
</tr>
<tr>
<td><br />Adres:</td>
</tr>
<tr>
<td><br />Ulica, numer:</td>
</tr>
<tr>
<td><input type="text" name="adres" /></td>
</tr>
<tr>
<td>Kod pocztowy:</td>
</tr>
<tr>
<td><input type="text" name="kod" /></td>
</tr>
<tr>
<td>Miejscowość:</td>
</tr>
<tr>
<td><input type="text" name="miejscowosc" /></td>
</tr>
<tr>
<td>Kraj:</td>
</tr>
<tr>
<td><input type="text" name="kraj" /></td>
</tr>
<tr>
<td>E-mail:</td>
</tr>
<tr>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td>Strona WWW:</td>
</tr>
<tr>
<td><input type="text" name="www" /></td>
</tr>
<tr>
<td>Telefon:</td>
</tr>
<tr>
<td><input type="text" name="tel" /></td>
</tr>
<tr>
<td>Nazwa Firmy:</td>
</tr>
<tr>
<td><input type="text" name="firma" /></td>
</tr>
<tr>
<td>Marka pod jaką obiekt jest sprzedawany:</td>
</tr>
<tr>
<td><input type="text" name="marka" /></td>
</tr>
<tr>
<td>Firma:</td>
</tr>
<tr>
<td><input type="radio" name="skad" />Polska<input type="radio" name="skad" />Zagraniczna</td>
</tr>
<tr>
<td><br />Adres Firmy:</td>
</tr>
<tr>
<td><br />Ulica, numer:</td>
</tr>
<tr>
<td><input type="text" name="adres_dwa" /></td>
</tr>
<tr>
<td>Kod pocztowy:</td>
</tr>
<tr>
<td><input type="text" name="kod_dwa" /></td>
</tr>
<tr>
<td>Miejscowość:</td>
</tr>
<tr>
<td><input type="text" name="miejscowosc_dwa" /></td>
</tr>
<tr>
<td>Kraj:</td>
</tr>
<tr>
<td><input type="text" name="kraj_dwa" /></td>
</tr>
<tr>
<td>E-mail:</td>
</tr>
<tr>
<td><input type="text" name="email_dwa" /></td>
</tr>
<tr>
<td>Strona WWW:</td>
</tr>
<tr>
<td><input type="text" name="www_dwa" /></td>
</tr>
<tr>
<td>Telefon:</td>
</tr>
<tr>
<td><input type="text" name="telefon_dwa" /></td>
</tr>
<tr>
<td>Osoba do kontaktu w firmie zgłaszającej obiekt/projekt (imię i nazwisko, funkcja, e-mail, Tel. kontaktowy): </td>
</tr>
<tr>
<td><textarea rows="5" cols="40" name="osoba"></textarea></td>
</tr>
<tr><td><input type="button" value="Wyślij" style="background:#3768a0; border:#3768a0 1px solid; color:#FFFFFF; font-family:Trebuchet, Arial, sans-serif;; font-size:12px;" name="yes" />&nbsp;&nbsp;<input type="button" value="Reset" style="background:#3768a0; border:#3768a0 1px solid; color:#FFFFFF; font-family:Trebuchet, Arial, sans-serif;; font-size:12px;" name="reset" />
</form></td>
</table>
</div>
</div>
[HTML] pobierz, plaintext 

Bardzo proszę o pomoc

[potreb]

Możesz zrobić za pomocą php zrobić 3 stronnicowy, przy okazji będziesz sprawdzał czy dane są poprawne.

[husky999]

okej, ale w jaki sposob to podzielic, zeby to zadziałało przy późniejszym wysłaniu... Jaką metode użyc do podzielenia formularza?

[Blame]

Normalnie. Dzielisz ten jeden na trzy osobne a dane między nimi i te końcowe trzymasz w sesji (IMG:style_emoticons/default/guitar.gif)

[husky999]

w takim razie tak:

[HTML] pobierz, plaintext 
http://www.artworldtm.com/design/formularz_zgloszeniowy
[HTML] pobierz, plaintext 

tutaj jest ten formularz.

I czesc to 'Informacje o obiekcie/projekcie:'
II to 'Informacje o zgłaszającym obiekt/projekt:'
jest jeszcze trzecia ale znajduje sie w divie 'display:none;'

jezeli wypełni się I częsc i klika sie w przycisk 'dalej' // ktoreg notabene jeszze nie ma// to przechodzi do kolejnej czesci czyli II. pytanie: jaki ma byc link do przycisku 'dalej' , zeby podczas przechodzenia do kolejnych czesci formularza nie wysyłało danych do mySQL, dopiero w ostatniej czesci czyli trzeciej był przycisk wysyłajacy. a coby content diva 'post' zawierał kolejne czesci formularza.

pozdarawiam i dziękuję za zainteresowanie tematem
PS. chciałbym to zrobic za pomoca przekazywania wartosci poprzedniego kroku do <input type="hidden" name="krok" /> tylko nei wiem jak sie zabrac za to.

Ten post edytował husky999 2.07.2010, 18:34:26

[thek]

Zrób to w sesji, gdzie parametr action określonego formularza będzie przepychał do kolejnego fragmentu formularza. Tak więc będą pliki form1.php, form2.php, form3.php i send.php. Uzupełnienie form1 ustawi zmienne sesyjne i wywoła form2 ( po drodze może być walidacja), form2 zrobi to samo dla form3. Dopiero kliknięcie submit dla form3 zrobi walidację i zapis do bazy. Co istotne, to użycie takiej formy pozwala również linkiem wrócić do wcześniejszych części formularza. Będąc choćby w form3, możesz wrócić do form1.

[Barcelona]

A dopisze się jeszcze do tego tematu bo ciekawi mnie jedna rzecz. @thek piszesz że dane w formularzu będą się wypełniały z sesji, tak więc w inpucie w parametrze value musi być wpisane np. $_SESSION['producent']. I teraz moje pytanie, czy jeżeli mam puste zmienne sesyjne (sytuacja kiedy jestem na przykładowym form1.php i dopiero zaczynam wypełniać formularz) to czy prawidłowo wyświetli się formularz?


@husky999 koniecznie zrób walidacje danych bo złożyłem u Ciebie zamówienie nie wypełniając żadnego pola