Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Zapamiętywanie zwiniętego działu

Założony przez  Bansuj.

24.03.2018, 19:27
#1
Hej,
mam na forum opcję zwijania działów, jednak po odświeżeniu strony wszystko wraca do poprzedniego stanu, z wszystkimi działami rozwiniętymi. Co zrobić aby zapamiętywało ustawienie?


Adres forum: http://alpha-team.eu/

Dziękuję z góry i pozdrawiam :)
24.03.2018, 19:39
#2
Tak na początek to dołączasz dwa razy jQuery w szablonie headerinclude. Usuń jedno (najlepiej to pierwsze).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
25.03.2018, 13:01
#3
(24.03.2018, 19:39)Divir napisał(a): Tak na początek to dołączasz dwa razy jQuery w szablonie headerinclude. Usuń jedno (najlepiej to pierwsze).
Masz na myśli ten który zaznaczyłem?
   
25.03.2018, 13:30
#4
Nie, ten wyżej - jquery-latest.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
26.03.2018, 09:10
#5
Zrobione, dzięki za wskazówkę.

Jakieś pomysły jak rozwiązać problem braku zapamiętywania zwiniętych działów?
26.03.2018, 11:14
#6
Na samym dole szablonu footer dodaj:

<script>
$(document).ready(function() {
  $(".expcolimage .expander").each(function() {
    if ($(this).data('src')) {
      $(this).addClass($(this).data('src').replace('.png', ''));
    }
  });

  expandables.expandCollapse = function(e, controls) {
    element = $(e);

    if (!element || controls == false) {
      return false;
    }
    var expandedItem = $("#" + controls + "_e");
    var collapsedItem = $("#" + controls + "_c");

    if (expandedItem.length && collapsedItem.length) {
      if (expandedItem.is(":hidden")) {
        expandedItem.toggle("fast");
        collapsedItem.toggle("fast");
        this.saveCollapsed(controls);
      } else {
        expandedItem.toggle("fast");
        collapsedItem.toggle("fast");
        this.saveCollapsed(controls, 1);
      }
    } else if (expandedItem.length && !collapsedItem.length) {
      if (expandedItem.is(":hidden")) {
        expandedItem.toggle("fast");
        element.removeClass("collapse_collapsed").addClass("collapse")
          .attr("alt", "[-]")
          .attr("title", "[-]");
        element.parent().parent('td').removeClass('tcat_collapse_collapsed');
        element.parent().parent('.thead').removeClass('thead_collapsed');
        this.saveCollapsed(controls);
      } else {
        expandedItem.toggle("fast");
        element.removeClass("collapse").addClass("collapse_collapsed")
          .attr("alt", "[+]")
          .attr("title", "[+]");
        element.parent().parent('td').addClass('tcat_collapse_collapsed');
        element.parent().parent('.thead').addClass('thead_collapsed');
        this.saveCollapsed(controls, 1);
      }
    }
    return true;
  };
});
</script>
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
28.03.2018, 14:30
#7
Działa, super! :)

Da się jeszcze zaradzić coś na to, żeby po zwinięciu działu "ptaszek" z prawej zmieniał się na strzałkę w dół?
28.03.2018, 21:02
#8
W CSS możesz zmienić atrybut dla klasy. Element zwinięty i rozwinięty ma inną klasę, więc wystarczy je ostylować. Zapewne już masz dodana strzałkę w CSS, więc dla rozwiniętej klasy wystarczy dodać transform z ustawionym rotate. Jestem jednak na telefonie i strzelam tutaj. Może nie masz tego w CSS a w HTML, nie mam jak zweryfikować. Musisz użyć opcji zbadaj element samemu
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
29.03.2018, 09:26 (Ten post był ostatnio modyfikowany: 29.03.2018, 09:49 przez Bansuj.)
#9
Z tego co widzę mam strzałkę w CSS, ale klasy chyba nie są ostylowane bo nie mogę ich znaleźć. Jak próbowałem dodać rotate do istniejących już klas albo ostylować nową, to cała kategoria obracała się o 180 stopni. Niestety nie ogarniam tego trochę, dla której dokładnie klasy powinienem zrobić styl z rotate?
29.03.2018, 18:26
#10
W tym samym miejscu gdzie dajesz strzałkę zapewne. Ewentualnie musisz rozdzielić klasy jeśli dodajesz do dwóch. Użyj zbadaj element na strzałce, zwiń i rozwiń. Sprawdź jaka klasa się zmienia wtedy. Będziesz wiedział co dokładnie ostylować.
Na pc będę dopiero w następnym tygodniu, a z telefonu nie mam możliwości nakierować bardziej. Jak nie dasz rady to moze ktoś inny pomoże. W przeciwnym wypadku przypomnij się w przyszłym tygodniu (jakoś po środzie)
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
30.03.2018, 10:32
#11
   

U góry zwinięty, na dole rozwinięty.
Próbowałem ostylować klasę "fa fa-angle-up fa-fw expander collapse_collapsed", ale nic się nie zmienia jak tam daję rotate.
30.03.2018, 11:20
#12
Styluj samo collapse lub collapse_collapsed, pokaż jak próbujesz selektor zbudować jak nie pójdzie
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
30.03.2018, 17:14
#13
Poradziłem sobie, "collapse_collapsed" zadziałał.

Dzięki wielkie!



Użytkownicy przeglądający ten wątek:

1 gości