Bei Klick auf checkbox Update ausführen und Text durchstreichen

[Rolf B]

Hallo Regina,

eine solche Antwort hatte ich auch schon auf den Fingern, aber keine Zeit zum Schreiben...

Ich habe mich dann aber auch gefragt, wie da die Benutzererfahrung ist. Ich klicke auf die Box, sie graut sich aus und ist - wenn alles gut geht - kurz darauf wieder aktiv. Und wenn es nicht gut geht, schaltet sie auf den alten Wert zurück und es ploppt eine Fehlermeldung hoch.

Wäre es nicht besser, die Checkbox komplett auszublenden und sie durch ein animiertes Symbol zu ersetzen (GIF oder CSS Animation)? Natürlich darf der Text dahinter sich dabei nicht verschieben, ein zappelndes UI ist eklig.

Ich habe mal versucht, sowas zu simulieren. Der per setTimeout simulierte Ajax-Service im Fiddle ist extrem unzuverlässig, in 50% der Fälle rennt er auf einen Timeout.

https://jsfiddle.net/b0ekyg4x/

Rolf