Różnice

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

--- jquery [2020/05/28 17:29] – utworzono - edycja zewnętrzna 127.0.0.1
+++ jquery [2024/09/15 16:22] (aktualna) – edycja zewnętrzna 127.0.0.1
@@ Linia 1: / Linia 1: @@
 ====== 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 =====
+<code>
+$('#form').on('submit', function (e) {
+    var dataString = $(this).serialize();
+    $.ajax({
+      type: 'POST',
+      url: '/create',
+      data: dataString,
+      success: function () {
+        $('#tresc').load('/view?id=10');
+      }
+    });
+    e.preventDefault();
+});
+</code>
 ===== Ajax - Proszę czekać =====
 Wyświetlanie  elementu #wait przed załadowaniem strony metodą ajax i ukrywanie po załadowaniu
@@ Linia 38: / Linia 60: @@
 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>