Click wewnątrz click Opcje

[rafik73]

Witam

Mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){     //1
 
        $(document).on("click",".wyk_edit_button",function () {
 
         var id_wykladu1 =  $(this).parent().parent().find(".wyk_edit_id").val();
         var nr1 =  $(this).parent().parent().find(".wyk_edit_nr").val();
         var nazwa1 =  $(this).parent().parent().find(".wyk_edit").val().trim();   
         var original_nazwa = $(this).parent().parent().find(".wyk_edit").prop("defaultValue") ;  
 
        if(nazwa1 == "")
        {
        $(".cont").text("POLE 'TYTUŁ' NIE MOŻE BYĆ PUSTE !");
   if (!$(".popup:visible").length) {
            $(".popup").fadeIn(1); 
            $(".popup").fadeOut(2200) ;
          $(this).parent().parent().find(".wyk_edit").val(original_nazwa) ;
          }
        }
        else
          {
 
         $(".contask").text("NAPEWNO ZAPISAĆ ZMIANY ?");
                   $(".closeaskyestext").text("TAK");
                   $(".closeasknotext").text("NIE"); 
 
      if (!$(".popupask:visible").length) {
            $(".popupask").fadeIn(1); 
            $(document).on("click",".closeaskyes",function () {    
 
            alert(id_wykladu1 + " " + nr1 + " " + nazwa1)  ;  // ten alert się wyświetla
            $(".popupask").fadeOut() ;
 });  //click yes
 
            $(document).on("click",".closeaskno",function () {
            $(".popupask").fadeOut(800) ;
            });  //click no
 
 
               }
                }      //else 
                  });   //click
                   });  //document
[JAVASCRIPT] pobierz, plaintext 

Działa on tak, że po kliknięciu przycisku wyk_edit_button w tabeli
pojawia się okienko popupask z prośbą o potwierdzenie akcji.
Powiedzmy, że tabelka zawiera liczby od 1 do 10.
Problem polega na tym, że jeśli kliknę np: pozycję 1 i potwierdzę akcję
alert wyświetla wartości zmiennych id_wykladu1 , nr1 oraz nazwa1 .
Jeśli następnie kliknę np: 4 to alert wyświetli najpierw poprzednie wartości dla 1 a po kliknięciu ok w alercie
pojawia się następny i wyświetla zawartość 4. Wygląda to tak jakby skrypt pamiętał wybrane
wartości i wyświetlał je po kolei. Jak usunąć to zapamiętywanie?
Dziękuję z góry za zainteresowanie.

[viking]

Daj jakiś przykład działający na jsfiddle. Po co wszystko do document przypinasz?

[rafik73]

Z jsfiddle może być skomplikowana sprawa - dane w tabeli są wyciągane z mysql w pętli, ale się postaram jakąś symulację zrobić.
Zauważyłem, że nawet jak kliknę .closeaskno to skrypt zapamiętuje dane zmiennych.


Ok. Udało się wrzucić do jsfiddle:

https://jsfiddle.net/y34ux16z/2/

Kliknij w test pojawi się kwadracik obok pola tekstowego, kliknij go i potwierdź
w popupie. Powtórz kilka razy a zobaczysz niepożądany efekt.

Tzn. zagnieżdża się

Ten post edytował rafik73 4.08.2017, 07:35:52

[trueblue]

click na yes i no wcisnąłeś w obsługę click .wyk_edit_button.

[rafik73]

Do yes i no zmieniłem on na one i teraz działa.
https://jsfiddle.net/rafik73/y34ux16z/4/

click na yes i no wcisnąłeś w obsługę click .wyk_edit_button.

Musiałem ustawić jakąś sekwencje zdarzeń.

[viking]

Przy każdym kliknięciu w guzik po prawej tworzysz nowy listener dla tego okienka. Lepiej by było uporządkować ten kod.

[rafik73]

Przy każdym kliknięciu w guzik po prawej tworzysz nowy listener dla tego okienka. Lepiej by było uporządkować ten kod.

Można jakieś sugestie ?


Problem nie rozwiązany do końca. Działa tylko przy wyświetlaniu alert.
Docelowo zamiast alert jest kod wysyłający ajaxem wartości zmiennych.
I jak się pewnie domyślacie wysyła wszystkie zapamiętane (IMG:style_emoticons/default/sad.gif)

[viking]

Znajdź najbliższego stałego rodzica dla każdego z tych klikalnych elementów, zamień za document. closeasyes i no przenieś poza ifa który zawiera pierwotnego klika. Jak chcesz przekazać coś dodatkowo możesz z tego zrobić funkcję albo po prostu gdzieś w kodzie zapisywać aktualnie kliknięty element i z niego wyciągać dane.

[rafik73]

Zmieniłem document

https://jsfiddle.net/rafik73/y34ux16z/5/

i tu dalej schody... (IMG:style_emoticons/default/sad.gif)

[viking]

Nie widzę żadnych zmian.

[rafik73]

Wstawiłem zamiast document .wyk_content. Przy kliku yes i no został document,
ponieważ używam szablonu .popupask dla innych zdarzeń w kodzie i muszę mieć do niego dostęp w całym dokumencie.

https://jsfiddle.net/rafik73/y34ux16z/6/

Ten post edytował rafik73 4.08.2017, 09:12:31

[viking]

Ale kliki dalej zawarte są wewnątrz innych.

[rafik73]

no właśnie tu się małe schody zaczynają...

[viking]

https://jsfiddle.net/y34ux16z/7/

Zrobiłem to tylko dlatego w ten sposób żeby ci pokazać co można jeszcze robić. Tu wykorzystany jako pub/sub. Natomiast, skoro to okno wykorzystujesz wszędzie, to powinno być ładnie zapisane w nowym pliku, z jakąś sensowną logiką.

[rafik73]

Serdeczne dzięki. Przeanalizuję ten kod wnikliwie. JS jest u mnie w dużych powijakach, muszę sięgnąć do podstaw, bo braki u mnie wielkie.