Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> formularz zamówienia
d4ng
post
Post #1





Grupa: Zarejestrowani
Postów: 191
Pomógł: 4
Dołączył: 7.03.2010

Ostrzeżenie: (0%)
-----

Witam, tworze własnie stronkę z bardzo prostym formularzem zamówień. Po uzupełnieniu pola "Ilość" i kliknięciu "Zamów" pojawia się poniżej kilka dodatkowych pól "Imie i nazwisko", "Email", "Telefon" itp... po uzupełnieniu można kliknąć "Wyślij zamówienie i wszystko (ilość, imie i nazwisko, email, tel itp) przesyła się na podany w kodzie email. A poniżej pokazuje się napis "Dziękujemy za złożenie zamówienia ktoś skontaktuje się z Państwem w ciągu 24h.
Sam formularz nie jest dla mnie problemem... tylko pokazanie się dodatkowych pól formularza po uzupełnieniu pola "Ilość" bez przeładowania strony... Jak to zrobić? Załączam zamysł narysowany w Paint'cie (IMG:style_emoticons/default/smile.gif)
http://edytor-html.pl/s1.png
http://edytor-html.pl/s2.png
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Arcioch
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

Ostrzeżenie: (0%)
-----

Taki bardzo prymitywny przykład ale szef jest w pracy (IMG:style_emoticons/default/wink.gif) chodzi tylko o metodę (IMG:style_emoticons/default/wink.gif) 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  5. <script>
  6. $(function() {
  7.  
  8. 	$("#pokazany").submit(function() {
  9. 		var ilosc = $('input[name=ilosc]').val();
  10.  
  11. 		if(ilosc  == ''){
  12. 			alert('Uzupełnij ilość produktów');
  13. 		}else{
  14. 			$('#uktyry').slideDown('slow');
  15. 		}
  16.  
  17. 		return false;
  18. 	});
  19.  
  20. });
  21. </script>
  22. </head>
  23. <body>
  24.  
  25. 	<form method="Post" id="pokazany" action="">
  26. 		Ilość: <input type="text" name="ilosc" />
  27. 		<input type="submit" name="show" value="Zamawiam" />
  28. 	</form>
  29.  
  30. 	<form method="Post" action="" id="uktyry" style="display: none; clear: both; overflow:hidden;">
  31. 		Imie i nazwisko: <input type="text" name="imie" />
  32. 		Email: <input type="text" name="email" />
  33. 		Imie i nazwisko: <input type="text" name="imie" />
  34. 		<input type="submit" name="send" value="Wyślij zamówienie" />
  35. 	</form>	
  36. </body>
  37. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- d4ng   formularz zamówienia   24.09.2012, 12:26:43
- - markonix   jQuery i wystarczą dwie funkcje: val() -> show(...   24.09.2012, 12:30:08
- - d4ng   Dziękuje za odpowiedź ale czy mógłbym prosić o prz...   24.09.2012, 13:01:23
- - Arcioch   Taki bardzo prymitywny przykład ale szef jest w pr...   24.09.2012, 13:41:41
- - d4ng   Wielkie dzięki, myślę że to co zrobiłeś przysłuży ...   24.09.2012, 19:32:35
- - Arcioch   To jest tylko przykład trzeba go dopracować i zabe...   26.09.2012, 18:24:38

« Następny starszy · XML, AJAX · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 5.10.2025 - 20:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn