Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Problem z ukrytym DIV-em
Forum PHP.pl > Forum > Przedszkole
krzesik
22.09.2016, 19:39:23
Mam mały problem z DIV-em, proszę o pomoc.
Mam prosty skrypt w którym jest div z parametrem hidden na starcie. Po kliknięciu w diva user może dodać nową wpłatę całość wysyłana AJAX-em
Jak zrobić aby po wysłaniu div pozostał otwarty?


[HTML] pobierz, plaintext 
  1. <head>
  2. </script>
  3. <!--funkcje -->
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6. $("#zapiszfff").click(function(){
  7. var nazwa_funkcji      = $("#nazwa_funkcji").val();
  8. var funkcja_od         = $("#funkcja_od").val();
  9. var funkcja_do         = $("#funkcja_do").val();
  10. var imie_nazwisko      = $("#imie_nazwisko").val();
  11. var id_uzyt            = $("#id_uzyt").val();
  12. var zapiszfunkcje      = $("#zapiszfunkcje").val();
  13. // Returns successful data submission message when the entered information is stored in database.
  14. var dataString = 'nazwa_funkcji='+ nazwa_funkcji + '&funkcja_od='+ funkcja_od + '&funkcja_do='+ funkcja_do + '&imie_nazwisko=' + imie_nazwisko + '&zapiszfunkcje=' + zapiszfunkcje + '&id_uzyt=' + id_uzyt;
  15. if(nazwa_funkcji=='' || funkcja_od=='')
  16. {
  17. alert("Brak wypełnionych pól, proszę je uzupełnić.");
  18. }
  19. else
  20. {
  21. // AJAX Code To Submit Form.
  22. $.ajax({
  23. type: "POST",
  24. url: "ajax-savekwalifikacje.php",
  25. data: dataString,
  26. cache: false,
  27. success: function(result){
  28.  
  29. $("#tab_ajax").fadeOut('slow', function()
  30.      {
  31.      $("#tab_ajax").fadeOut('slow');
  32.      window.location.href="<? echo $adres; ?>";
  33.      });
  34.  
  35. }
  36. });
  37. }
  38. return false;
  39. });
  40. });
  41. </script>
  42. </head>
  43. <body>
  44. <?php
  45.  
  46. $adres = 'https://'.$_SERVER['HTTP_HOST'].$_SERVER['SCRIPT_NAME'].'?'.$_SERVER['QUERY_STRING'];
  47.  
  48. ?>
  49. <script type="text/javascript">
  50. function op1(obj) {
  51. x=document.getElementById(obj);
  52. $(x).slideToggle( "slow" );
  53. }
  54. </script>
  55.  
  56. <div style="background-color: #009999; color: white; font-weight: bold; padding: 10px; cursor: pointer"
  57.              onclick="op1('poka')">Wpłaty&nbsp; &nbsp; &nbsp; &nbsp;
  58.              <img align="right" style="width: 16px; height: 16px" src="img/ikony/zoom.png" alt="Szczegóły" title="Szczegóły" /></input>
  59.              </div>
  60.  
  61. <div style="display: none" id="poka">
  62. <div id="poka">
  63.  
  64. <div id="tab_ajax">
  65. .............
  66. </div>
  67. </div>
  68. </div>
  69.  
[HTML] pobierz, plaintext
emstawicki
23.09.2016, 07:31:54
Ło matko!
Odnośnie pytania: Za to odpowiada właśnie success podczas realizacji AJAX. To właśnie tam poda
Nie rozumiem co tam dokładnie chcesz zrobić używaną funkcją właśnie w tym miejscu
Bardzo złą praktyką jest najpierw używanie zmiennej a potem jej definiowanie - nawet karygodną smile.gif
Jeżeli wszystkie pola z formularza (którego nie udostępniłeś) są wysyłane po prostu zserializuj je i przekaż do danych ajaxa.


krzesik
23.09.2016, 07:52:01
Oczywiście masz rację. Zmienną deklaruję wcześniej, dopisałem ją aby było wiadomo co oznacza $adres.
Ja po prostu nie wiem jak zrobić aby w success wywołać function op1(obj).
Próbowałem tak, ale nie działa:

[HTML] pobierz, plaintext 
  1. ........
  2. success: function(result){
  3.  
  4. $("#tab_ajax").fadeOut('slow', function()
  5.      {
  6.      $("#tab_ajax").fadeOut('slow');
  7.      window.location.href="<? echo $adres; ?>";
  8.      });
  9.  
  10. function op1(obj) ;
  11.  
  12. }
[HTML] pobierz, plaintext
viking
23.09.2016, 07:59:43
Tak jak każdą funkcję w JS np: op1($('#test));
krzesik
23.09.2016, 08:37:00
OK, zrobiłem tak, ale dalej lipa:

[HTML] pobierz, plaintext 
  1. $adres = 'https://'.$_SERVER['HTTP_HOST'].$_SERVER['SCRIPT_NAME'].'?'.$_SERVER['QUERY_STRING'];
  2.  
  3. ?>
  4. <script type="text/javascript">
  5. function op1(obj) {
  6. x=document.getElementById(obj);
  7. $(x).slideToggle( "slow" );
  8. }
  9. </script>
  10.  
  11.  
  12. <script type="text/javascript">
  13. $(document).ready(function(){
  14. $("#zapiszfff").click(function(){
  15. var nazwa_funkcji      = $("#nazwa_funkcji").val();
  16. var funkcja_od         = $("#funkcja_od").val();
  17. var funkcja_do         = $("#funkcja_do").val();
  18. var imie_nazwisko      = $("#imie_nazwisko").val();
  19. var id_uzyt            = $("#id_uzyt").val();
  20. var zapiszfunkcje      = $("#zapiszfunkcje").val();
  21. // Returns successful data submission message when the entered information is stored in database.
  22. var dataString = 'nazwa_funkcji='+ nazwa_funkcji + '&funkcja_od='+ funkcja_od + '&funkcja_do='+ funkcja_do + '&imie_nazwisko=' + imie_nazwisko + '&zapiszfunkcje=' + zapiszfunkcje + '&id_uzyt=' + id_uzyt;
  23. if(nazwa_funkcji=='' || funkcja_od=='')
  24. {
  25. alert("Brak wypełnionych pól, proszę je uzupełnić.");
  26. }
  27. else
  28. {
  29. // AJAX Code To Submit Form.
  30. $.ajax({
  31. type: "POST",
  32. url: "ajax-savekwalifikacje.php",
  33. data: dataString,
  34. cache: false,
  35. success: function(result){
  36.  
  37. $("#tab_ajax").fadeOut('slow', function()
  38.      {
  39.      $("#tab_ajax").fadeOut('slow');
  40.      window.location.href="<? echo $adres; ?>";
  41.      });
  42. op1($("#otworz"));
  43. }
  44. });
  45. }
  46. return false;
  47. });
  48. });
  49. </script>
  50.  
  51.  
  52. <div[b] id="otworz"[/b] style="background-color: #009999; color: white; font-weight: bold; padding: 10px; cursor: pointer"
  53.              onclick="op1('poka')">Wpłaty&nbsp; &nbsp; &nbsp; &nbsp;
  54.              <img align="right" style="width: 16px; height: 16px" src="img/ikony/zoom.png" alt="Szczegóły" title="Szczegóły" /></input>
  55.              </div>
  56.  
  57. <div style="display: none" id="poka">
  58. <div id="poka">
  59.  
  60. .........
  61. </div>
  62. </div>
  63.  
  64.  
[HTML] pobierz, plaintext


Jeszcze raz: chodzi mi o to że jak dojdzie do poprawnego zapisu (czyli success) div powinien zostać otwarty, a nie zamknięty
viking
23.09.2016, 09:39:27
No ale wcześniej robisz przekierowanie przez window.location.href więc jak to ma działać?
emstawicki
23.09.2016, 10:37:19
Cytat(viking @ 23.09.2016, 10:39:27 ) *
No ale wcześniej robisz przekierowanie przez window.location.href więc jak to ma działać?


Właśnie na to zwracałem uwagę w pierwszym poście. Kod strasznie chaotyczny i nielogiczny. Najpierw sam musisz zdecydować się jak to ma w końcu działać smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.