Page 7 of 9

Re: [PLUGIN] Twocents_XH

Posted: Wed Mar 08, 2017 3:06 pm
by cmb
frase wrote:Das sollte den Loader in die Mitte setzen und insgesamt eine Fläche mit 10% Schwarz drüberlegen.
Hm, ich fürchte das haut nicht hin, wenn viele Kommentare auf einer Seite sind. Dann ist die Mitte des Bereichs unter Umständen gar nicht im Viewport.
frase wrote:Kann man die Ausführung in der Console irgendwie bremsen?
Bei Chrome kann man die Netzwerkgeschwindigkeit drosseln (throttling); das tut's im Zweifel. Weiß nicht, ob das Firefox eingebaut ist, oder ob man ein Plugin braucht.

Alternativ kannst Du aber auch in index.php (oder sonstwo, z.B. userfuncs.php) ein sleep() reinpacken; dann schläft PHP für soundsoviele Sekunden:

Code: Select all

sleep(10); // warte 10 Sekunden  
frase wrote:Du hast einen schwarzen drehenden Punkt. Bei schwarzhintergründigen Templates sieht man den nicht.
Entweder machst du zwei Varianten (dark & light - hahaha) oder du nimmst ein GIF mit hellen UND dunklen Anteilen.
Oh, guter Punkt! Vielleicht sollte ich doch das GIF wieder wegnehmen. Die Opacity lässt die Verarbeitung ja auch erahnen. Oder vielleicht ein fix positioniertes GIF?

Re: [PLUGIN] Twocents_XH

Posted: Wed Mar 08, 2017 3:13 pm
by frase
cmb wrote:Hm, ich fürchte das haut nicht hin, wenn viele Kommentare auf einer Seite sind. Dann ist die Mitte des Bereichs unter Umständen gar nicht im Viewport.
Das hatte ich nicht bedacht.

Code: Select all

background: transparent url(./ajax-loader.gif) no-repeat center 100px;
... hilft da wohl auch nicht weiter? (zentriert, 100px von oben)

Im Grunde hast du Recht, dass keines nötig ist. Erstens geht es schnell (es passiert ja nicht allzuviel) und zweitens macht's auch die Opacity.

Re: [PLUGIN] Twocents_XH

Posted: Wed Mar 08, 2017 4:03 pm
by cmb
frase wrote:Im Grunde hast du Recht, dass keines nötig ist. Erstens geht es schnell (es passiert ja nicht allzuviel) und zweitens macht's auch die Opacity.
Idealerweise sollte es schnell gehen – aber ein Server kann auch immer mal hängen, und dann ist visuelles Feedback hilfreich, obgleich man weiter arbeiten könnte (z.B. funktioniert ein schneller Doppelklick auf "Verstecken" wie gewünscht). Ich werde wohl mal eine fix positionierte Loaderbar ausprobieren – ansonsten belasse ich es bei der Opacity. Wer will, kann da ja noch immer kreativ werden.

Re: [PLUGIN] Twocents_XH

Posted: Thu Mar 09, 2017 2:51 pm
by lck
cmb wrote:Ich werde wohl mal eine fix positionierte Loaderbar ausprobieren – ansonsten belasse ich es bei der Opacity. Wer will, kann da ja noch immer kreativ werden.
Alternative - Text-Loader:

Code: Select all

/* .twocents_loading {
    opacity: 0.3;
    filter: alpha(opacity=30);
    background-image: url("./ajax-loader.gif");
} */
.twocents_loading:before {
  -webkit-animation: elastic 7s ease infinite;
  animation: elastic 7s ease infinite;
  background-color: rgba(198, 40, 40, 0.8);
  color: white;
  content: "LOADING";
  font-family: Verdana, sans-serif;
  font-size: 2em;
  padding: 1em 4em;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@keyframes elastic {
  0% {
    letter-spacing: 0;
    text-shadow: 0 0 1px white;
  }
  30% {
    color: transparent;
  }
  50% {
    letter-spacing: 100px;
    font-size: 0;
    text-shadow: 0 0 6px white;
  }
  60% {
    color: transparent;
  }
  100% {
    letter-spacing: 0;
    text-shadow: 0 0 1px white;
  }
}

Re: [PLUGIN] Twocents_XH

Posted: Thu Mar 09, 2017 3:12 pm
by frase
lck wrote:Alternative - Text-Loader:
Schön.
Aber gleiches Problem wie vorher.
Falls sehr viele Kommentare vorhanden sind, könnte die (mittige) Position außerhalb des Viewports liegen.

Aaaaahhhh, nein. Seitenmittig. Gut!

Re: [PLUGIN] Twocents_XH

Posted: Thu Mar 09, 2017 3:58 pm
by cmb
lck wrote:
cmb wrote:Ich werde wohl mal eine fix positionierte Loaderbar ausprobieren – ansonsten belasse ich es bei der Opacity. Wer will, kann da ja noch immer kreativ werden.
Alternative - Text-Loader:
[…]
Wow, sehr schick! Wenn Du nichts dagegen hast, dann packe ich das gerne ins Default-Stylesheet (auch wenn ich eigentlich versuche, Plugin-Stylesheets sehr einfach zu halten). Natürlich mit entsprechender Attributierung. Für alte IEs würde ich den opacity-filter allerdings noch dazu nehmen. Und ein bisschen stört mich, dass der Text nicht internationalisiert werden kann – vielleicht sollte man doch mal ernstlich über https://cmsimpleforum.com/viewtopic.php ... 398#p58398 nachdenken.

Re: [PLUGIN] Twocents_XH

Posted: Thu Mar 09, 2017 8:53 pm
by lck
cmb wrote:Wenn Du nichts dagegen hast, dann packe ich das gerne ins Default-Stylesheet (auch wenn ich eigentlich versuche, Plugin-Stylesheets sehr einfach zu halten).
Gerne, mach damit was du willst. Die animation und damit die keyframes könntest du auch weglassen, die ist ja eh nur sichtbar, wenn man sehr lange warten muss oder es ein Problem gibt.
Den Text könnte man evtl. auch noch durch einen CSS-Spinner ersetzen, dann wäre dem Thema Internationalisierung genüge getan :)
cmb wrote:Bei Chrome kann man die Netzwerkgeschwindigkeit drosseln (throttling)
Praktisch, danke für den Tipp.

Re: [PLUGIN] Twocents_XH

Posted: Thu Mar 09, 2017 11:18 pm
by cmb
lck wrote:
cmb wrote:Wenn Du nichts dagegen hast, dann packe ich das gerne ins Default-Stylesheet (auch wenn ich eigentlich versuche, Plugin-Stylesheets sehr einfach zu halten).
Gerne, mach damit was du willst.
Danke! :)
lck wrote:Den Text könnte man evtl. auch noch durch einen CSS-Spinner ersetzen, dann wäre dem Thema Internationalisierung genüge getan :)
Danke für das Stichwort! Eine wirklich interessante Alternative zu animierten GIFs, die ich noch gar nicht wirklich kannte. Hat halt den großen Vorteil, dass man z.B. die Farbe(n) leicht anpassen kann.
frase wrote:Kann es aber nicht testen, weil es alles zu schnell geht.
Kann man die Ausführung in der Console irgendwie bremsen?
Wie ich heute festgestellt habe, ist das in diesem Fall eigentlich die falsche Frage. Man muss hier eigentlich gar nichts Ausführen, sondern einfach <div class="twocents_container"> zu <div class="twocents_container twocents_loading"> ändern. :)

Re: [PLUGIN] Twocents_XH

Posted: Fri Mar 10, 2017 8:13 am
by frase
cmb wrote:Man muss hier eigentlich gar nichts Ausführen, sondern einfach <div class="twocents_container"> zu <div class="twocents_container twocents_loading"> ändern.
Tja, manchmal ist es doch ganz einfach ...
So kann man ein Dauer-Loading sehen ;-)

Re: [PLUGIN] Twocents_XH

Posted: Tue Apr 04, 2017 11:13 am
by wbs
Ich möchte twocents als gbook-Ersatz verwenden. Ist die gbook-Importfunktion schwer zu realisieren, oder gibt es da eine bessere Alternative als twocents?