Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [MSSQL][AJAX][MySQL] przesylanie wartości z checkboxow
gagatek
post 24.12.2011, 19:16:50
Post #1





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 18.02.2008

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

mam taki problem i nie mogę dojść do tego co jest nie tak.
mam funkcję która pobiera z bazy id i nazwy gatunków filmów i wyświetla je w formie checkboxow.
[PHP] pobierz, plaintext 
  1. function pobierzG(){
  2. 	$gatunek=mysql_query("SELECT * FROM gatunek") or die (mysql_error());
  3. 	while($wiersz= mysql_fetch_assoc($gatunek)){
  4.  
  5.  
  6. 		echo ' <input type="checkbox" name="gatunek[]" value="'.$wiersz['ID'].'"; ">'.$wiersz['GATUNEK'].''; 
  7.  
[PHP] pobierz, plaintext

nastepnie mam formularz dodawania filmów do bazy oraz skrypt. index.php
[PHP] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. 	$("form#submit").submit(function() {
  4. 		// Przechwytujemy wartości z formularza i przesyłamy je do pliku insert.php
  5. 		var tytul_oryginalny = $('input[name=tytul_oryginalny]');
  6. 		var tytul_polski = $('input[name=tytul_polski]');
  7. 		var rezyser = $('input[name=rezyser]');
  8. 		var scenariusz = $('input[name=scenariusz]');
  9. 		var rok_produkcji = $('input[name=rok_produkcji]');
  10. 		var czas_trwania = $('input[name=czas_trwania]');
  11. 		var cena = $('input[name=cena]');
  12. 		var gatunek = $('input[name=gatunek]');<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<,
  13. 		var opis = $('textarea[name=opis]');
  14. 		// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  15.  
  16.  
  17. 		var data = '&tytul_oryginalny=' + tytul_oryginalny.val() + '&tytul_polski=' + tytul_polski.val() +
  18. 		'&rezyser=' + rezyser.val() + '&scenariusz =' + scenariusz .val() +
  19. 		 '&rok_produkcji=' + rok_produkcji.val() + '&czas_trwania=' + czas_trwania.val() +
  20. 		'&cena=' + cena.val() + '&gatunek=' + gatunek.val()<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< + '&opis=' + opis.val();
  21. 		$.ajax({
  22. 			type: "POST",
  23. 			url: "insert.php",
  24. 			data: data,
  25. 			success: function(){
  26.  
  27. 			}
  28.  
  29. 		});
  30. 		return false;
  31. 	});
  32. });
  33. </script>
  34. </head>
  35. <body>
  36.  
  37.  
  38. <div id="formularz">
  39. <form id="submit" method="post" name="submit" action="">
  40. <table>
  41. <tr class="tlo-b"><td>Tytul oryginalny:</td>
  42. <td><input type="text" name="tytul_oryginalny" id="tytul_oryginalny" /></td></tr>
  43. <tr class="tlek"><td>Tytul polski:</td>
  44. <td><input  type="text" name="tytul_polski" id="tytul_polski" /></td></tr>
  45. <tr class="tlo-b"><td>Reżyser:</td>
  46. <td><input  type="text" name="rezyser" id="rezyser" /></td></tr>
  47. <tr class="tlo-b"><td>Scenariusz:</td>
  48. <td><input type="text" name="scenariusz" id="scenariusz" /></td></tr>
  49. <tr class="tlek"><td>Rok produkcji:</td>
  50. <td><input type="text"  name="rok_produkcji" id="rok_produkcji" /></span></td></tr>
  51. <tr class="tlo-b"><td>Czas trwania:</td>
  52. <td><input  type="text" name="czas_trwania" id="czas_trwania" /></td></tr>
  53. <tr class="tlo-b"><td>Cena:</td>
  54. <td><input  type="text" name="cena" id="cena" /></td></tr>
  55. <tr class="tlo-b"><td>Gatunek:</td>
  56. <td><form name="gatunek" id="gatunek"> <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<,
  57. <? pobierzG(); ?>
  58. </form>
  59. </td></tr>
  60. <tr class="tlo-b"><td>Język:</td>
  61. <td><form name="jezyk"> 
  62. <? pobierzJ(); ?>
  63. </form>
  64. </td></tr>
  65. <tr class="tlo-b"><td>Opis:</td>
  66. <td><textarea cols="35" rows="10" name="opis" id="opis"></textarea> </td></tr>
  67. <button type="submit" id="submit"> Dodaj użytkownika </button>
  68. <tr><td colspan="2" align="center"><input type="submit" value="Dodaj" /></td></tr>
  69. </table></form>
  70. </div>
[PHP] pobierz, plaintext


oraz plik insert.php

[PHP] pobierz, plaintext 
  1. <?php
  2. include('config.php;);
  3.    //Odbieranie danych metodą post
  4.    $tytul = $_POST['tytul_oryginalny'];
  5.    $tytul_pl = $_POST['tytul_polski'];
  6.  
  7.  $rezyser = $_POST['rezyser'];
  8.    $scen = $_POST['rezyser'];
  9.  
  10.  $rok = $_POST['rok_produkcji'];
  11.    $czas = $_POST['czas_trwania'];
  12.   $opis = $_POST['opis'];
  13.  $cena = $_POST['cena'];
  14.    $gatunek = $_POST['gatunek'];<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  15.  
  16.    //Dodawanie rekordów do bazy mysql
  17.       //mysql_query($dodaj) or die(mysql_error());
  18.  $zapytanie_id=mysql_query("SELECT MAX(ID) from filmy");
  19. $id_filmu = mysql_fetch_array($zapytanie_id);
  20.  
  21.                  >>>>>>>> foreach($gatunek AS $g)  mysql_query("INSERT INTO `film_gatunek` (ID_FILM, ID_GATUNEK) VALUES ('$id_filmu[0]', '$gatunek')") or die("Błądlklklklkl");<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<,,
  22.  
  23. mysql_query("INSERT INTO `filmy` (TYTUL_ORYGINALNY, TYTUL_POLSKI, REZYSER, SCENARIUSZ, ROK_PRODUKCJI, CZAS_TRWANIA, CENA, OPIS) VALUES('$tytul','$tytul_pl','$rezyser','$scenariusz', '$rok', '$czas', '$cena','$opis')") or die("Błąd!");
  24.  
  25.  
  26. ?>
[PHP] pobierz, plaintext

co do gatunków to jest to zrobione tak żeby można było przypisać jednemu filmowi kilka gatunków
ogólnie wszystko się zapisuje do bazy oprócz właśnie tych gatunków. Wydaje mi sie że w sły sposób przesyłam z index.php do insert.php gatunki. Ale nie mam pojęcia co źle robię... tymi znaczkami "<<<<<<" zaznaczyłem miejsca w którym może być bład, bardzo bym prosił o pomoc
Go to the top of the page
+Quote Post
ciekawskiii
post 24.12.2011, 19:28:57
Post #2





Grupa: Zarejestrowani
Postów: 467
Pomógł: 39
Dołączył: 7.11.2010
Skąd: Raz tu, raz tam

Ostrzeżenie: (30%)
XX---

pola checkbox nie maja wartosci value tylko albo sa zaznaczone albo nie. Wywal value a $wiersz['id'] daj w pole name, kazde name bedzie jak value i sprawdzaj czy zaznaczone isset lub nie zaznaczone !isset


--------------------
http://google.pl
Go to the top of the page
+Quote Post
gagatek
post 24.12.2011, 19:42:31
Post #3





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 18.02.2008

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

Cytat(ciekawskiii @ 24.12.2011, 19:28:57 ) *
pola checkbox nie maja wartosci value tylko albo sa zaznaczone albo nie. Wywal value a $wiersz['id'] daj w pole name, kazde name bedzie jak value i sprawdzaj czy zaznaczone isset lub nie zaznaczone !isset

ale to jest ogolnie dobrze, bo ten cały kod w php mi to chodzi bardzo dobrze, ale chciałem sobie ten formularz przerobić żeby był ajax i jquery i tylko mam problem jak z tego index.php przesłać to do insert...
Go to the top of the page
+Quote Post
mortus
post 25.12.2011, 09:29:45
Post #4





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Nazwa (name) Twoich checkbox-ów to gatunek[], a ty przy pomocy jQuery próbujesz pobrać wartość z pola o nazwie gatunek. Widzisz różnicę? Poza tym trzeba oczywiście pobrać wartość zaznaczonego checkbox-a, zatem:
[JAVASCRIPT] pobierz, plaintext 
  1. var gatunek = $('input[name="gatunek[]"]:checked').val();
[JAVASCRIPT] pobierz, plaintext

Oczywiście użycie checkbox-ów nie jest najlepszym wyjściem dla tego typu rozwiązań. Jeśli bowiem zaznaczysz dwa checkbox-y to powyższy kod pobierze wartość pierwszego ze wszystkich zaznaczonych. Można ewentualnie oprogramować je w taki sposób, aby zaznaczenie któregoś powodowało odznaczenie innych zaznaczonych:
[JAVASCRIPT] pobierz, plaintext 
  1. $('input[name="gatunek[]"]').click(function() {
  2.     if ($(this).attr('checked') == 'checked') {
  3.         $('input[name="gatunek[]"]').attr('checked', false);
  4.     }
  5.     $(this).attr('checked', true);
  6. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
smiesznylolek
post 28.12.2011, 13:42:41
Post #5





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

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

przepraszam że tak męczę ale troche się pogubiłem
[PHP] pobierz, plaintext 
  1. var gatunek = $('input[name=gatunek]');
[PHP] pobierz, plaintext

zamieniłem tak jak pisałeś na
[PHP] pobierz, plaintext 
  1.     var gatunek = $('input[name="gatunek[]"]:checked').val();
[PHP] pobierz, plaintext

i po tym w firebugu pokazuje mi się błąd:
[HTML] pobierz, plaintext 
  1. gatunek.val is not a function
  2. [Wstrzymuj na tym błędzie] '&cena=' + cena.val() + '&gatunek=' + gatunek.val() + '&opis=' + opis.val(); 
[HTML] pobierz, plaintext


natomiast nie wiem dokładnie gdzie mam wstawić to:

[PHP] pobierz, plaintext 
  1.     $('input[name="gatunek[]"]').click(function() {
  2.     if ($(this).attr('checked') == 'checked') {
  3.     $('input[name="gatunek[]"]').attr('checked', false);
  4.     }
  5.     $(this).attr('checked', true);
  6.     });
[PHP] pobierz, plaintext


jest mi to niezbędne i bardzo proszę o pomoc...
Go to the top of the page
+Quote Post
mortus
post 28.12.2011, 14:33:40
Post #6





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Pod zmienną js o nazwie gatunek kryję się już właściwa wartość, a nie obiekt checkbox. Zatem:
[JAVASCRIPT] pobierz, plaintext 
  1. // albo masz tak:
  2. var gatunek = $('input[name="gatunek[]"]:checked').val();
  3. var url += '?cena=' + cena.val() + '&gatunek=' + gatunek + '&opis=' + opis.val();
  4. // albo masz tak:
  5. var gatunek = $('input[name="gatunek[]"]:checked');
  6. var url += '?cena=' + cena.val() + '&gatunek=' + gatunek.val() + '&opis=' + opis.val();
[JAVASCRIPT] pobierz, plaintext

Mam nadzieję, że widać różnicę.

Jeśli chodzi o ten drugi kod, to umieść go gdziekolwiek bezpośrednio w bloku anonimowej funkcji zdarzenia ready:
[JAVASCRIPT] pobierz, plaintext 
  1. $(document).ready(function(){
  2.   $('input[name="gatunek[]"]').click(function() {
  3.     if ($(this).attr('checked') == 'checked') {
  4.       $('input[name="gatunek[]"]').attr('checked', false);
  5.     }
  6.     $(this).attr('checked', true);
  7.   });
  8.   // pozostały kod jQuery
  9. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
smiesznylolek
post 28.12.2011, 16:41:53
Post #7





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

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

Już się zapisuje do bazy, tylko jest taki problem że zapisuje się tylko jeden gatunek. W firebugu w zakładce post przy gatunku jest napisane jedno ID i jest to pierwsze ID a nie ostatnie, czyli tak jakby nie przelatywało przez całość tylko brało pierwsze z brzegu. Dodatkowo przy pierwszym zapisie, mogę wygrać kilka checkboxow z gatunkami, natomiast, jak chcę dodać kolejny to zaznaczone są poprzednie i mogę już tylko wybrać jeden checkbox.
Nie za bardzo wiem o co chodzi


ps.
Nie wiem czy to a coś do rzeczy ale jak dałem
[PHP] pobierz, plaintext 
  1. $('input[name="gatunek[]"]').click(function() {
  2.     if ($(this).attr('checked') == 'checked') {
  3.     $('input[name="gatunek[]"]').attr('checked', false);
  4.     }
  5.     $(this).attr('checked', true);
  6.     });
[PHP] pobierz, plaintext


pod
[PHP] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $(document).ready(function(){
[PHP] pobierz, plaintext

to mogłem tylko zaznaczyć tylko jednego checkboxa
natomiast jak dałem tamto pod:
[PHP] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $(document).ready(function(){			   
  3. 	$("form#submit").submit(function() {
[PHP] pobierz, plaintext

to w tedy mogłem zanzaczyć kilka, ale tylko za pierwszym razem, tak jak opisałem na początku

Ten post edytował smiesznylolek 28.12.2011, 16:55:50
Go to the top of the page
+Quote Post
mortus
post 28.12.2011, 17:10:40
Post #8





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Nie doczytałem o tym, że jeden film może mieć kilka gatunków, a to zmienia postać rzeczy. Kod odpowiedzialny za możliwość zaznaczania tylko jednego checkbox-a jest w tym wypadku zbędny, czyli to:
[JAVASCRIPT] pobierz, plaintext 
  1. $('input[name="gatunek[]"]').click(function() {
  2.   if ($(this).attr('checked') == 'checked') {
  3.     $('input[name="gatunek[]"]').attr('checked', false);
  4.   }
  5.   $(this).attr('checked', true);
  6. });
[JAVASCRIPT] pobierz, plaintext

możesz wyrzucić.
Pozostaje kwestia wygenerowania odpowiedniej zmiennej data:
[JAVASCRIPT] pobierz, plaintext 
  1. var gatunki = $('input[name="gatunek[]"]:checked');
  2. var gatunki_data_string = '';
  3. gatunki.each(function() {
  4.  gatunki_data_string += '&gatunek[]=' + $(this).val();
  5. });
  6. // i później
  7. var data = '&tytul_oryginalny=' + tytul_oryginalny.val() + '&tytul_polski=' + tytul_polski.val() +
  8.            '&rezyser=' + rezyser.val() + '&scenariusz =' + scenariusz .val() +
  9.            '&rok_produkcji=' + rok_produkcji.val() + '&czas_trwania=' + czas_trwania.val() +
  10.            '&cena=' + cena.val() + gatunek_data_string + '&opis=' + opis.val();
[JAVASCRIPT] pobierz, plaintext

Teraz powinno działać jak należy.
Go to the top of the page
+Quote Post
smiesznylolek
post 30.12.2011, 14:31:10
Post #9





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

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

Stary Wielkie Dieki!!! wszystko hula!!:) tylko musiałem "gatunki" zamienić na "gatunek", bo się coś pluło.smile.gif dzięki jeszcze raz!!:)

jeszcze mam taki maly problem, chciałem zrobić taka walidacje do tego że jak nie zostanie wypełnione jakieś pole to zwróci błąd i nie zostanie te dane wszystkie nie zostaną wysłane do bazy.
zrobiłem coś takiego i pojawia się alert jeśli któreś pole jest puste, ale i tak zapisuje się to do bazy z tym pustym polem...
a zrobiłem tak dla każdego inputa, bo nie do końca wiedziałem jak zrobić do całego formularza, zeby poprostu wypisało alert "nie wypełniłeś wszystkich pól", niezależnie które pole nie zostało wypisane
[PHP] pobierz, plaintext 
  1. 		$.ajax({
  2. 			type: "POST",
  3. 			url: "insert.php",
  4. 			data: data,
  5. 			success: function(){
  6. 			if($('#tytul_polski').val()==''){
  7. 				  alert('Podaj polski tytul');
  8.   return false;
  9. }
  10. 		$('#tytul_polski').val('');
  11.  
  12. 			if($('#tytul_oryginalny').val()==''){
  13. 				  alert('Podaj oryginalny tytuł');
  14.   return false;
  15. }
  16. 		$('#tytul_oryginalny').val('');
  17.  
  18. 			if($('#rezyser').val()==''){
  19. 				  alert('Podaj reżysera');
  20.   return false;
  21. }	
  22. 		$('#rezyser').val('');
  23.  
  24. 			if($('#scenariusz').val()==''){
  25. 				  alert('Podaj scenarzyste');
  26.   return false;
  27. }
  28. 		$('#scenariusz').val('');
  29.  
  30. 			if($('#rok_produkcji').val()==''){
  31. 				  alert('Podaj rok produkcji');
  32.   return false;
  33. }
  34. 		$('#rok_produkcji').val('');
  35.  
  36. 			if($('#czas_trwania').val()==''){
  37. 				  alert('Podaj czas trwania');
  38.   return false;
  39. }
  40. 		$('#czas_trwania').val('');
  41.  
  42. 			if($('#cena').val()==''){
  43. 				  alert('Podaj cenę');
  44.   return false;
  45. }	
  46. 		$('#cena').val('');
  47.  
  48. 				$('form input[type=checkbox]').attr('checked', false);
  49. 				$('#opis').val('');
  50. 			}	
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58. 		});
  59. 		return false;
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
mortus
post 30.12.2011, 15:02:20
Post #10





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Kolego. Sprawdzenie, czy pola zostały wypełnione powinieneś podpiąć raczej pod zdarzenie submit formularza:
[JAVASCRIPT] pobierz, plaintext 
  1. $(document).ready(function() {
  2.  $('form').submit(function(){
  3.   // tutaj sprawdzamy, czy wszystkie pola zostały wypełnione i sypiemy komunikatami o błędach
  4.   // a tutaj wysyłamy żądanie metodą $.ajax
  5.  });
  6. });
[JAVASCRIPT] pobierz, plaintext

Tymczasem u Ciebie sprawdzenie, czy pola zostały wypełnione wykonuje się po prawidłowym przesłaniu żądania i zwróceniu odpowiedzi - w ciele funkcji succes, pełniącej tutaj rolę callback-a.
Oczywiście selektor formularza możesz dostosować do własnych potrzeb.
Go to the top of the page
+Quote Post
smiesznylolek
post 30.12.2011, 15:15:20
Post #11





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

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

aa faktycznie, tez mi to nie pasowalo, żeby było w success ale kolega mi powiedział że tak powinno być:/ przekleiłem sobie to do tego submit i teraz działa:) jeszcze raz dzieki!:)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 15.06.2025 - 02:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn