Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z skryptem
peja1990
post
Post #1





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 4.12.2010

Ostrzeżenie: (10%)
X----


Witam.
Wiem, że zły dział ale nie znalazłem bardziej odpowiedniego, ponieważ mam problem ze skryptem w technologii JavaScript.
A mianowicie chodzi mi o to, że mam skrypt działający poprawnie, ale jeżeli użyję opcji CHACKBOX'a to wysyła mi do bazy MySQL (bez znaczenia co zaznaczę), wysyła wartosc pierwszej opcji "value".

Oto skrypt:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  5. <meta name="keywords" content="CreoVision" />
  6. <meta name="description" content="CreoVision" />
  7. <link href="../css/style.css" rel="stylesheet" type="text/css" />
  8. <script src="../zamowienie/jquery-latest.js"></script>
  9.  
  10. <style type="text/css">
  11. .tick {
  12. vertical-align: middle;
  13. margin: -2px 6px 0px 0px;
  14. padding: 0;
  15. }
  16.  
  17. .error {
  18. vertical-align: middle;
  19. margin: -2px 6px 0px 0px;
  20. padding: 0;
  21. }
  22.  
  23. .info {
  24. margin: 0;
  25. padding: 0px 0px 0px 13px;
  26. }
  27. </style>
  28.  
  29. <script type="text/javascript">
  30. $(document).ready(function(){
  31. $("form#submit").submit(function() {
  32. // Przechwytujemy wartości z formularza i przesyłamy je do pliku insert.php
  33. var imie = $('input[name=imie]');
  34. var nazwisko = $('input[name=nazwisko]');
  35. var nazwa_firmy = $('input[name=nazwa_firmy]');
  36. var email = $('input[name=email]');
  37. var telefon = $('input[name=telefon]');
  38. var nazwa_serwisu = $('input[name=nazwa_serwisu]');
  39. var tematyka = $('input[name=tematyka]');
  40. var kolorystyka = $('input[name=kolorystyka]');
  41. var czas_na_realizacje = $('input[name=czas_na_realizacje]');
  42. var platnosc = $('input[name=platnosc]');
  43.  
  44. // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  45. if(imie.val() == "") {
  46. $('div.blad').fadeIn(400);
  47. // Usuwamy wiadomość o błędzie po 4 sekundach
  48. setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
  49. return false;
  50. }
  51.  
  52. // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  53. if(nazwisko.val() == "") {
  54. $('div.blad').fadeIn(400);
  55. // Usuwamy wiadomość o błędzie po 4 sekundach
  56. setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
  57. return false;
  58. }
  59.  
  60. // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  61. if(email.val() == "") {
  62. $('div.blad').fadeIn(400);
  63. // Usuwamy wiadomość o błędzie po 4 sekundach
  64. setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
  65. return false;
  66. }
  67.  
  68. // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  69. if(telefon.val() == "") {
  70. $('div.blad').fadeIn(400);
  71. // Usuwamy wiadomość o błędzie po 4 sekundach
  72. setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
  73. return false;
  74. }
  75.  
  76. // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  77. if(nazwa_serwisu.val() == "") {
  78. $('div.blad').fadeIn(400);
  79. // Usuwamy wiadomość o błędzie po 4 sekundach
  80. setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
  81. return false;
  82. }
  83.  
  84. // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  85. if(tematyka.val() == "") {
  86. $('div.blad').fadeIn(400);
  87. // Usuwamy wiadomość o błędzie po 4 sekundach
  88. setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
  89. return false;
  90. }
  91.  
  92. // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  93. if(czas_na_realizacje.val() == "") {
  94. $('div.blad').fadeIn(400);
  95. // Usuwamy wiadomość o błędzie po 4 sekundach
  96. setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
  97. return false;
  98. }
  99.  
  100. // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  101. if(platnosc.val() == "") {
  102. $('div.blad').fadeIn(400);
  103. // Usuwamy wiadomość o błędzie po 4 sekundach
  104. setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
  105. return false;
  106. }
  107.  
  108. var data = 'imie=' + imie.val() + '&nazwisko=' + nazwisko.val() + '&nazwa_firmy=' + nazwa_firmy.val() + '&email=' + email.val() + '&telefon=' + telefon.val() + '&nazwa_serwisu=' + nazwa_serwisu.val() + '&tematyka=' + tematyka.val() + '&kolorystyka=' + kolorystyka.val() + '&czas_na_realizacje=' + czas_na_realizacje.val() + '&platnosc=' + platnosc.val();
  109.  
  110. $.ajax({
  111. type: "POST",
  112. url: "zamowienie/insert.php",
  113. data: data,
  114. success: function(){
  115. // Usuwamy wpisane dane
  116. $('#imie').val('');
  117. $('#nazwisko').val('');
  118. $('#nazwa_firmy').val('');
  119. $('#email').val('');
  120. $('#telefon').val('');
  121. $('#nazwa_serwisu').val('');
  122. $('#tematyka').val('');
  123. $('#kolorystyka').val('');
  124. $('#czas_na_realizacje').val('');
  125. $('#platnosc').val('');
  126. // Wyświetlamy wiadomość o poprawnym dodaniu użytkownika
  127. $('div.dodano').fadeIn(400);
  128. // Usuwamy wiadomość o poprawnym dodaniu użytkownika po 4 sekundach
  129. setTimeout(function(){ $("div.dodano").fadeOut(400) }, 4000);
  130. }
  131.  
  132. });
  133. return false;
  134. });
  135. });
  136. </script>
  137. </head>
  138.  
  139. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  140.  
  141. <table width="250" border="0" cellpadding="0" cellspacing="0" align="left">
  142. <tr>
  143. <td>
  144. <div id="content">
  145. <form id="submit" method="post" name="submit" action="">
  146. <fieldset style="border: 0px;">
  147.  
  148. <label for="imie">Imi&#281;:</label>
  149. <br />
  150. <input type="text" name="imie" id="imie" size="20" />
  151. <br />
  152. <label for="nazwisko">Nazwisko:</label>
  153. <br />
  154. <input type="text" name="nazwisko" id="nazwisko" size="20" />
  155. <br />
  156. <label for="nazwa_firmy">Nazwa firmy:</label>
  157. <br />
  158. <input type="text" name="nazwa_firmy" id="nazwa_firmy" size="20" />
  159. <br />
  160. <label for="email">Adres e-Mail:</label>
  161. <br />
  162. <input type="text" name="email" id="email" size="20" />
  163. <br />
  164. <label for="telefon">Telefon:</label>
  165. <br />
  166. <input type="text" name="telefon" id="telefon" value="+48." size="20" />
  167. <br />
  168. <label for="nazwa_serwisu">Nazwa serwisu:</label>
  169. <br />
  170. <input type="text" name="nazwa_serwisu" id="nazwa_serwisu" size="20" />
  171. <br />
  172. <label for="tematyka">Tematyka:</label>
  173. <br />
  174. <input type="text" name="tematyka" id="tematyka" size="20" />
  175. <br />
  176. <label for="kolorystyka">Kolorystyka:</label>
  177. <br />
  178. <input type="checkbox" value="niebieski" name="kolorystyka" /> niebieski<br />
  179. <input type="checkbox" value="czerwony" name="kolorystyka" /> czerwony<br />
  180. <input type="checkbox" value="zielony" name="kolorystyka" /> zielony<br />
  181. <input type="checkbox" value="pomarancz" name="kolorystyka" /> pomarańcz
  182. <br />
  183. <label for="czas_na_realizacje">Czas na realizacj&#281;:</label>
  184. <br />
  185. <input type="text" name="czas_na_realizacje" id="czas_na_realizacje" size="20" />
  186. <br />
  187. <label for="platnosc">P&#322;atność:</label>
  188. <br />
  189. <input type="text" name="platnosc" id="platnosc" size="20" />
  190.  
  191. <p align="right" style="padding-right: 10px;"><button type="submit" id="submit" class="dodaj_zlecenie">&nbsp;</button></p>
  192. </fieldset>
  193. </form>
  194.  
  195. <div class="dodano" style="display:none;">
  196. <img class="tick" src="zamowienie/tick.png" alt="" />Zamówienie zosta&#322;o dodane do naszej bazy danych
  197. </div>
  198. <div class="blad" style="display:none;">
  199. <img class="error" src="zamowienie/error.png" alt="" />Uzupe&#322;nij pola w formularzu!
  200. </div>
  201. </div>
  202. </td>
  203. </tr>
  204. </table>
  205.  
  206. </body>
  207. </html>


Bardzo proszę o pomoc.
Będę niezmiernie wdzięczny.

Ps. W razie problemów, proszę moderatorów o przeniesienie tematu do bardziej odpowiedniego.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 20.08.2025 - 14:48