Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Zdarzenie click działa co drugie kliknięcie. Czemu?
mskiba
post 16.01.2014, 22:36:07
Post #1





Grupa: Zarejestrowani
Postów: 68
Pomógł: 0
Dołączył: 28.04.2013

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


Napotkałem n kolejny problem, zapewne nie dodałem jakiejś funkcji, ale nie mogę się doszukać jakiej wink.gif

http://web2you.pl/jQuery/dba_users/dba_users.php

Dodaje uzytkownika za ka<dym razem, ale kasowanie nastepuje co drugie klikniecie :/

.js

  1. $(document).ready(function() {
  2. $('a.del').click(function() {
  3. var id = $(this).data('id');
  4.  
  5. $.ajax({
  6. url: "scripts/dba_users_del.php",
  7. type: "POST",
  8. data: 'id=' +id,
  9. success: function(msg) {
  10. $('#users-list').load('scripts/dba_users_list.php');
  11. }
  12. });
  13. return false;
  14. });
  15. });
  16.  
  17.  
  18. $(document).ready(function() {
  19. $("#form_add_user").submit(function() {
  20. var form_username = $('#form_username').val();
  21. var form_password = $('#form_password').val();
  22. var form_email = $('#form_email').val();
  23. var form_imie = $('#form_imie').val();
  24. var form_nazwisko = $('#form_nazwisko').val();
  25. var form_stanowisko = $('#form_stanowisko').val();
  26. var form_admin = $('#form_admin').val();
  27. var form_status = $('#form_status').val();
  28.  
  29. //alert(tresc);
  30. $.ajax({
  31. url: "scripts/dba_users_add.php",
  32. type: "POST",
  33. data: 'form_username='+ form_username + '&form_password=' + form_password + '&form_email='+ form_email + '&form_imie='+ form_imie + '&form_nazwisko='+ form_nazwisko + '&form_stanowisko='+ form_stanowisko + '&form_admin='+ form_admin + '&form_status='+ form_status + '&users&list',
  34. success: function(msg) {
  35. $('#users-list').load('scripts/dba_users_list.php');
  36. $('#form_username').val("");
  37. $('#form_password').val("");
  38. $('#form_email').val("");
  39. $('#form_imie').val("");
  40. $('#form_nazwisko').val("");
  41. $('#form_stanowisko').val("");
  42. $('#form_admin').val("");
  43. $('#form_status').val("");
  44. },
  45. error: function() {
  46. $("#wynik").text("Wystąpił błąd podczas komunikacji AJAX");
  47. }
  48. });
  49. return false;
  50. });
  51. });
  52.  


  1. <?php
  2. include("db/connect_db.php");
  3.  
  4. <form method=\"POST\" id=\"form_add_user\">
  5. <table>
  6. <tr>
  7. <td class=\"naglowek\" colspan=\"10\"><p>Dodaj użytkownika</p></td>
  8. </tr>
  9. <tr>
  10. <td class=\"title-form\"><p class=\"left\">Username</p></td>
  11. <td><p class=\"left\"><input class=\"input\" type=\"text\" id=\"form_username\" name=\"form_username\" /></p></td>
  12. </tr>
  13. <tr>
  14. <td class=\"title-form\"><p class=\"left\">Password</p></td>
  15. <td><p class=\"left\"><input class=\"input\" type=\"password\" id=\"form_password\" name=\"form_password\" /></p></td>
  16. </tr>
  17. <tr>
  18. <td class=\"title-form\"><p class=\"left\">Adres E-mail</p></td>
  19. <td><p class=\"left\"><input class=\"input\" type=\"text\" id=\"form_email\" name=\"form_email\" /></p></td>
  20. </tr>
  21. <tr>
  22. <td class=\"title-form\"><p class=\"left\">Imie</p></td>
  23. <td><p class=\"left\"><input class=\"input\" type=\"text\" id=\"form_imie\" name=\"form_imie\" /></p></td>
  24. </tr>
  25. <tr>
  26. <td class=\"title-form\"><p class=\"left\">Nazwisko</p></td>
  27. <td><p class=\"left\"><input class=\"input\" type=\"text\" id=\"form_nazwisko\" name=\"form_nazwisko\" /></p></td>
  28. </tr>
  29. <tr>
  30. <td class=\"title-form\"><p class=\"left\">Stanowisko</p></td>
  31. <td><p class=\"left\"><input class=\"input\" type=\"text\" id=\"form_stanowisko\" name=\"form_stanowisko\" /></p></td>
  32. </tr>
  33. <tr>
  34. <td class=\"title-form\"><p class=\"left\">Admin</p></td>
  35. <td><p class=\"left\">
  36. <select class=\"select\" id=\"form_admin\" name=\"form_admin\">
  37. <option value=\"0\">Nie</option>
  38. <option value=\"1\">Tak</option>
  39. </select>
  40. </p></td>
  41. </tr>
  42. <tr>
  43. <td class=\"title-form\"><p class=\"left\">Status</p></td>
  44. <td><p class=\"left\">
  45. <select class=\"select\" id=\"form_status\" name=\"form_status\">
  46. <option value=\"0\">Unlock</option>
  47. <option value=\"1\">Lock</option>
  48. </select>
  49. </p></td>
  50. </tr>
  51. <tr>
  52. <td colspan=\"2\"><p class=\"right\">
  53. <input type=\"hidden\" name=\"check\" value=\"1\" />
  54. <input class=\"submit\" type=\"submit\" value=\"Add user\" />
  55. </p></td>
  56. </tr>
  57. </table>
  58. </form>
  59.  
  60. <br />
  61. <br />
  62.  
  63. <div id=\"users-list\">
  64. ";
  65. include("scripts/dba_users_list.php");
  66. </div>
  67. ";
  68.  
  69.  
  70. ?>


dba-users-list.php
  1. <?php
  2. include("../db/connect_db.php");
  3. <table>
  4. <tr>
  5. <td class=\"naglowek\" colspan=\"10\"><p>Lista użytkowników</p></td>
  6. </tr>
  7. <tr>
  8. <td class=\"title\"><p class=\"left\">Username</p></td>
  9. <td class=\"title\"><p class=\"left\">Password</p></td>
  10. <td class=\"title\"><p class=\"left\">Imie</p></td>
  11. <td class=\"title\"><p class=\"left\">Nazwisko</p></td>
  12. <td class=\"title\"><p class=\"left\">Stanowisko</p></td>
  13. <td class=\"title\"><p class=\"left\">Admin</p></td>
  14. <td class=\"title\"><p class=\"left\">Status</p></td>
  15. <td class=\"title\"><p class=\"right\">Działanie</p></td>
  16. </tr>
  17. ";
  18. $sql = mysql_query("SELECT * FROM dba_users ORDER BY id DESC") or die (mysql_error());
  19. while($row = mysql_fetch_array($sql))
  20. {
  21. <tr>
  22. <td class=\"title\"><p class=\"left\">".$row['username']."</p></td>
  23. <td class=\"title\"><p class=\"left\">".$row['password']."</p></td>
  24. <td class=\"title\"><p class=\"left\">".$row['imie']."</p></td>
  25. <td class=\"title\"><p class=\"left\">".$row['nazwisko']."</p></td>
  26. <td class=\"title\"><p class=\"left\">".$row['stanowisko']."</p></td>
  27. <td class=\"title\"><p class=\"left\">".$row['admin']."</p></td>
  28. <td class=\"title\"><p class=\"right\">".$row['status']."</p></td>
  29. <td class=\"title\"><p class=\"right\"><a href=\"\" class=\"del\" data-id=\"".$row['id']."\">Usuń</a></p></td>
  30. </tr>
  31. ";
  32. }
  33. </table>
  34. ";
  35. ?>
Go to the top of the page
+Quote Post
werdan
post 17.01.2014, 00:23:27
Post #2





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

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


Nie działa, bo odświeżasz ajaxem, a do nowych wpisów nie ma podpietego eventu.

Zamiast:
  1. $('a.del').click(function() {


daj:

  1. $("#form_add_user").on("click", ".del", function() {


Ten post edytował werdan 17.01.2014, 00:24:22
Go to the top of the page
+Quote Post
mskiba
post 17.01.2014, 00:31:26
Post #3





Grupa: Zarejestrowani
Postów: 68
Pomógł: 0
Dołączył: 28.04.2013

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


Teraz dla odmiany wogole nie kasuje :/

Dobra teraz smiga, powinno by:

  1. $("#users-list").on("click", "a.del", function() {


Dziękuję za pomoc
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 16.04.2024 - 11:46