Yii2 - notatki

Narzędzia użytkownika

Narzędzia witryny

Ślad:
jquery

Różnice

Różnice między wybraną wersją a wersją aktualną.

Odnośnik do tego porównania

Poprzednia rewizja po obu stronachPoprzednia wersja
Nowa wersja		Poprzednia wersja
jquery [2022/11/08 18:51] – zbychjquery [2024/09/15 16:22] (aktualna) – edycja zewnętrzna 127.0.0.1
Linia 1: Linia 1:
 ====== jQuery ====== ====== jQuery ======
  
-----+==== Zapamietanie i odtworzenie stanu scroll strony==== 
 +<code> 
 +$('html').scrollTop(window.localStorage.getItem('scroll'));  
 +$(window).scroll(function(){ 
 +    var scrollPos = $(document).scrollTop(); 
 +    window.localStorage.setItem('scroll',scrollPos); 
 +});  
 +</code>
 ===== Formularz - submit bez odświeżania strony JS ===== ===== Formularz - submit bez odświeżania strony JS =====
 <code> <code>
Linia 53: Linia 60:
 JS JS
 ); );
 +</code>
 +
 +===== Zapamiętanie i odtworzenie stanu collapse card =====
 +<code>
 +<div class="card">
 +  <div class="card-header nag" id="coll_1">
 +   <span class="ico"><i class="fas fa-chevron-down"></i></span>...
 +  </div>
 +  <div class="card-body bod">
 +  ...
 +  </div>
 +</div>
 +
 +
 +$('.bod').hide();
 +idc = window.localStorage.getItem('coll');
 +$('#'+ idc).next().show();
 +$('.nag').on('click', function () {
 +    id = this.id;  
 +    cont = $(this).next();
 +    cont.toggle();
 +    if (!cont.is(':hidden')) {
 +        $(this).find('.ico').html('<i class="fas fa-chevron-up"></i>');
 +        window.localStorage.setItem('coll',id);  
 +    } else {
 +        $(this).find('.ico').html('<i class="fas fa-chevron-down"></i>');
 +        window.localStorage.setItem('coll',''); 
 +    }
 +}
 + 
 </code> </code>
  
jquery.1667929890.txt.gz · ostatnio zmienione: 2024/09/15 16:22 (edycja zewnętrzna)