|
|||
zähler zurücksetzen
Hallo, ich bräuchte mal einen Tipp:
Ich habe eine Seite mit einer Liste von Waren. Jeder Eintrag unterscheidet sich durch die ArtNr In jedem Listeneintrag soll nun ein Script einen Zähler hoch und runter rechnen (für einen Slider). Das funktioniert soweit auch ganz gut. Jetzt brauche ich aber irgend eine Möglichkeit, wenn ich von einem anderen Listeneintrag den Slider aufrufe, hat der Zähler ggf. noch den Wert des ersten Sliders. Wie kann ich nun beim Klick auf einen neuen Link den Zähler zurücksetzen? Ich hoffe, es ist halbwegs verständlich. Code:
zaehler = 97; $( "a.verk_bM_Liste_next" ).on( "click", function() { var ArtNr = $(this).attr("data-ArtNr"); var anzahl = $("ul#UL_" + ArtNr).children().length; // zählen der Listeneinträge var slides = anzahl / 4; if (zaehler < anzahl + 93){ for (i = zaehler; i < zaehler + 4; i++) { $("ul#UL_" + ArtNr + " li a.overflow[data-select=" + i + "]").css({"display" : "none" , "opacity" : "0"}); } zaehler = zaehler + 4; for (i = zaehler; i < zaehler + 4; i++) { $("ul#UL_" + ArtNr + " li a.overflow[data-select=" + i + "]").css({"display" : "block" , "opacity" : "1"}); } } }); |
Sponsored Links |
|
||||
so ganz verstehe ich es nicht . Ganzer Code oder Link zur Seite wäre da besser.Aber den Zähler nullen würde ich so machen https://codepen.io/basti1012/pen/oQyYyo?editors=1010
Ist mal ein Beispiel das dir vieleicht weiter hefen tut |
Sponsored Links |
|
|||
Danke für die Antwort. Leider kann ich das Script nicht ganz nachvollziehen - bin noch blutiger Anfänger.
Aber ich habe DIESES Problem gelöst: Code:
Array.push(ArtNr); first = Array.shift(); if(Array != first) {zaehler = 97}; Jetzt habe ich eine andere Idee, da brauche ich aber wieder etwas Hilfe. In einem Assoziativen Array speichere ich die ArtNr (für jeden Listeneintrag einmalig) mit dem dazugehörigen Zähler. Code:
Array [ {…} ] M_slider.js:22:2 101 M_slider.js:39:2 (2) […] 0: Object { Nr: "fu0010", Zaehler: 97 } 1: Object { Nr: "fu0010", Zaehler: 101 } length: 2 <prototype>: Array [] M_slider.js:22:2 105 M_slider.js:39:2 Array(3) [ {…}, {…}, {…} ] M_slider.js:22:2 105 M_slider.js:39:2 (4) […] 0: Object { Nr: "fu0010", Zaehler: 97 } 1: Object { Nr: "fu0010", Zaehler: 101 } 2: Object { Nr: "fu0010", Zaehler: 105 } 3: Object { Nr: "fu0010", Zaehler: 105 } length: 4 <prototype>: Array [] M_slider.js:22:2 105 M_slider.js:39:2 (5) […] 0: Object { Nr: "fu0010", Zaehler: 97 } 1: Object { Nr: "fu0010", Zaehler: 101 } 2: Object { Nr: "fu0010", Zaehler: 105 } 3: Object { Nr: "fu0010", Zaehler: 105 } 4: Object { Nr: "fu0011", Zaehler: 105 } 5: Object { Nr: "fu0011", Zaehler: 105 } length: 6 <prototype>: Array [] M_slider.js:22:2 105 M_slider.js:39:2 Array(6) [ {…}, {…}, {…}, {…}, {…}, {…} ] M_slider.js:22:2 105 M_slider.js:39:2 Ich habe hier jetzt auch mal den Code reingestellt. |
|
||||
Puh, ich Blick da nicht durch.
Gibt es irgeneine Logik? Warum ist dein Code so komplex aufgebaut? Du hast doch geschrieben, dass du blutiger Anfänger bist? Der Code sieht aus, als ob den jemand gemacht hat, der seit Jahrzehnten obfuscation HTML "Programming" macht und vermutlich Perlwurzeln hat. Wenn du für jede Funktion und jede CSS Eigenschaft jedem Element eine Klasse gibst oder eine neue Eigenschaft definierst wird dein Code unübersichtlich. Sinnvoll ist es bei solchen Problemen den Code soweit herunterzubrechen, dass auch Aussenstehende deinen Code verstehen und du es einfacher hast diesen zu debuggen. So weiss ich noch nicht mal was man tun sollte, um überhaupt irgend etwas zu bemerken. Du erwartest, dass wir den JS-Code im Kopf nachvollziehen, um dann im HTML zu suchen welches Element auf Interaktionen reagiert und dann muss man noch mal suchen, ob und wie das Element auf der Seite dargestellt wird. |
|
|||
Zitat:
Ich habe bis vor 10 Jahren viel mit HTML und PHP gearbeitet, dann aber ewig eine Pause gemacht und fange jetzt wieder an. Jquery ist für mich wirklich ganz neu. Die Seite baue ich jetzt auch nur um zu testen was geht und was nicht. Das der Code unübersichtlich ist, stört mich auch ein wenig. Hab schon mal versucht, da etwas Ordnung rein zu bringen, doch dann kam mir eine neue Idee für ein Script - und mir der Ordnung war es wieder vorbei. Daher lasse ich es jetzt erst mal so und bringe dann zum Schluss Ordnung rein - sonst komme ich gar nicht mehr zu was anderem. Den Codeschnipsel den ich oben gepostet habe, habe ich schon wieder raus genommen. Ich arbeite jetzt seit Stunden mit dem Array, doch damit hatte ich schon in PHP immer einige Probleme. Ich habe jetzt z.B. den einfachen Code Code:
counter.push({ Nr: ArtNr, Zaehler: zaehler }); |
|
||||
Wie gesagt ich kann keine Logik erkennen, insofern ist nur sehr schwer überhaupt möglich bei einer Programmierung zu helfen. Wozu brauchst du denn überhaupt diese Nummern?
Nachtrag: und mal ein Tipp HTML-Code:
<li class="hd_nOL1">Verkauf <ul class="hd_nOL_show1"> <li class="hd_nOL_but">Futterhäuser</li> <li class="hd_nOL_but">Nistkästen</li> <li class="hd_nOL_but">Insektenhotels</li> <li class="hd_nOL_but">Stelen</li> <li class="hd_nOL_but">Kerzen</li> </ul> </li> Du kannst im CSS (oder jQuery) Code mit .hd_nOL1 ul li auf die Elemente zugreifen. Dann sähe der Code so aus: HTML-Code:
<li class="hd_nOL1">Verkauf <ul> <li>Futterhäuser</li> <li>Nistkästen</li> <li>Insektenhotels</li> <li>Stelen</li> <li>Kerzen</li> </ul> </li> Geändert von protonenbeschleuniger (26.11.2018 um 13:01 Uhr) |
|
|||
Ich habe mehrere Listeneinträge, die aus einer Datenbank ausgegeben werden (siehe Foto) Die winzigen Fotos sind die Slider, die Springen bei jedem Klick immer um vier Fotos weiter. Dazu der Zähler, beginnend bei 97 (da ich abc statt 123 zähle und laut ASCII "A" 97 ist) wird bei jedem Klick um 4 hochgezählt.
Wenn ich nun aber den oberen Slider einmal nach rechts klicke, steht der Zähler bei 101, klicke ich nun den unteren Slider, fängt der mit 101 an, anstatt mit 97. Also brauche ich für jeden Slider einen eigenen Zähler. Daher jetzt das Array, damit ich anhand der ArtNr den Zähler für den jeweiligen Slider auslesen kann. Hier mal die entsprechenden Links dazu HTML-Code:
<a class="verk_bM_Liste_prev" data-ArtNr="<?php echo $ArtNr?>">ZZ</a> <a class="verk_bM_Liste_next" data-ArtNr="<?php echo $ArtNr?>">>></a> |
|
||||
so ganz verstehe ich das alles nicht.
Aber array zu bearbeiten,löschen, kopieren und so weiter kann man mache. https://www.mediaevent.de/javascript...-Methoden.html Da sollte wohl das passende bei sein. Würde zwar gerne mehr helfen , doch da blicke ich gerade nicht so auf dser schnelle durch |
Sponsored Links |
|
||||
Zitat:
Vesrstehe das so nicht weil. Wenn man 4 Slider hat Code:
<input type="range" min="0" max="200" size="4" id="a1"> <input type="range" min="0" max="200" size="4" id="a2"> <input type="range" min="0" max="200" size="4" id="a3"> <input type="range" min="0" max="200" size="4" id="a4"> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Button auf Standard zurücksetzen? | tscho | CSS | 10 | 27.02.2012 18:40 |
Besucher Zähler einbinden | Georges974 | (X)HTML | 2 | 03.05.2009 22:36 |
Problem mit auto-increment: Will eine Lücke in den IDs Füllen ohne Zähler zu erhöhen | braindead | Serveradministration und serverseitige Scripte | 5 | 17.09.2007 16:48 |
CSS-Eigenschaften auf default-Werte zurücksetzen | vladivar | CSS | 1 | 06.09.2007 13:00 |
Zähler | Despairing | Serveradministration und serverseitige Scripte | 6 | 08.08.2007 22:24 |