zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Artikel lesen in Prozent anzeigen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 23.02.2016, 23:03
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.024
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Wo hakt es genau?

Grob umrissen nimmt die throttle-Funktion eine Funktion entgegen die immer nur nach erreichen eines Schwellwertes ausgeführt wird. Zu dem Zweck wird ein Closure (die anonyme Funktion bei dem return) zurückgegeben, welches dazu dient die Variablen threshold, last und timeout für nachfolgende Aufrufe zu erhalten.

(Hab gerade nur ein mobiles Gerät, darum nur die kurze Erklärung.)
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 24.02.2016, 09:34
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.940
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von ned.design Beitrag anzeigen
Verständlich, ja! Nur würde ich mir gerne den Code erklären lassen!
Etwas genauer wäre hilfreich. wir wissen nicht wieviel Wissen du hast und der Code enthält eine Reihe JS Grundlagen, aber auch etwas fortgeschrittenere Techniken, da jetzt bei Null anzufangen wäre sehr umfangreich und eigentlich auch nicht die Aufgabe eines Forums. Du kannst ja mal nach "closures" und "anonyme Funktionen" im zusammenhang mit Javascript suchen. Quellen zu diesen Themen im Internet sind sehr zahlreich.
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 24.02.2016, 16:21
Benutzerbild von ned.design
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2010
Ort: Niedersachsen
Beiträge: 42
ned.design befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Etwas genauer wäre hilfreich. wir wissen nicht wieviel Wissen du hast und der Code enthält eine Reihe JS Grundlagen, aber auch etwas fortgeschrittenere Techniken, da jetzt bei Null anzufangen wäre sehr umfangreich und eigentlich auch nicht die Aufgabe eines Forums. Du kannst ja mal nach "closures" und "anonyme Funktionen" im zusammenhang mit Javascript suchen. Quellen zu diesen Themen im Internet sind sehr zahlreich.
Ok, danke werde ich machen! Wie ist es, wenn ich das wie im Beispiel ausklappen lassen möchte in dem ich dann einen beliebigen Titel einfügen kann.
Mit Zitat antworten
  #14 (permalink)  
Alt 24.02.2016, 17:52
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.024
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Du kannst in das Element mit der Klasse status oder progress weitere Element packen (im HTML). In der Funktion updateReadProgress kannst du dann zum Beispiel eine Klasse setzen wenn % > 0 ist und anhand der Klasse den Fortschrittsbalken aufklappen und zusätzliche Infos anzeigen.
Mit Zitat antworten
  #15 (permalink)  
Alt 29.02.2016, 15:51
Benutzerbild von ned.design
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2010
Ort: Niedersachsen
Beiträge: 42
ned.design befindet sich auf einem aufstrebenden Ast
Standard

Hey,

ich habe mich wegen dem ausklappen mal ein wenig selbst versucht, ich habe jetzt allerdings Probleme den Text, unter 20% auf "hidden" zu bringen und das ausklappen, läuft irgendwie noch nicht so schön über, kann man da irgendwie noch einen kleinen Effekt einbauen?

Evtl. könnte man den Code auch noch optimieren, wie gesagt, bin Anfänger!

JSFiddle | ScrollStatus
__________________
Design ist unsichtbar. Lucius Burckhardt, Soziologe, 1981

Geändert von ned.design (29.02.2016 um 15:52 Uhr) Grund: Link zum Code eingefügt
Mit Zitat antworten
  #16 (permalink)  
Alt 29.02.2016, 21:27
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.024
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Ich würde möglichst keine Werte direkt mit Javascript setzen. Beim Fortschrittsbalken geht es nicht anders, aber für das Einblenden kannst du wunderbar eine Klasse setzen und dann auch die Animationen schön per CSS lösen, zum Beispiel so:
https://jsfiddle.net/ezw7t1rv/2/
Mit Zitat antworten
  #17 (permalink)  
Alt 29.02.2016, 23:01
Benutzerbild von ned.design
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2010
Ort: Niedersachsen
Beiträge: 42
ned.design befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von inta Beitrag anzeigen
Ich würde möglichst keine Werte direkt mit Javascript setzen. Beim Fortschrittsbalken geht es nicht anders, aber für das Einblenden kannst du wunderbar eine Klasse setzen und dann auch die Animationen schön per CSS lösen, zum Beispiel so:
https://jsfiddle.net/ezw7t1rv/2/
Hervorragend, danke! Einiges gelernt, hoffe ich bin auch bald soweit, solche Probleme selbst zu lösen.
__________________
Design ist unsichtbar. Lucius Burckhardt, Soziologe, 1981
Mit Zitat antworten
  #18 (permalink)  
Alt 08.03.2016, 04:17
Neuer Benutzer
neuer user
 
Registriert seit: 09.11.2005
Ort: München
Beiträge: 22
cgpro befindet sich auf einem aufstrebenden Ast
Standard

Hier ein kleines Beispiel:
Scroll Percentage
__________________
I ♥ Webdesign
Mit Zitat antworten
Antwort

Stichwörter
javascript, scroll

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Var_Dump problem PHP-Freak Serveradministration und serverseitige Scripte 6 04.09.2013 12:29
CMS - Artikel eines Autors ändern laborix Offtopic 9 29.10.2012 22:31
Artikel: "Barrierefreie Webseiten gestalten" kadees (X)HTML 3 15.01.2012 22:05
In Detailansicht leere Felder anzeigen lassen oder nicht? xenia (X)HTML 3 22.07.2011 10:51
Webseiten sind keine Gemälde | Artikel im PHP-Magazin ulle Ressourcen 0 28.07.2005 09:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:04 Uhr.