Forum - Xobor (v6): "Springe zu Seite" verbessern

Im neuen Template wird beim Klick auf die Seitennavigation folgendes Dialogfenster geöffnet:



Im Vergleich eine sehr ähnliche Seitennavigation der Forensoftware WoltLab Suite Forum:


Diese Ansicht hat ein paar Vorteile:
- Das Eingabefeld ist für den Browser klar als Zahlenfeld gekennzeichnet. Daher öffnet sich bei mobilen Browsern eine angepasste Tastatur. Bei Desktop-Geräten werden Buttons zum Ändern der Zahl angezeigt und die Zahl lässt sich über die Pfeiltasten ändern.
- Die erwarteten Eingabewerte sind klar nach dem Eingabefeld gekennzeichnet
- Der Button zum Abschicken wird bei einer ungültigen Eingabe deaktiviert (zu hohe/niedrige Zahl oder keine Zahl).
- Das Zahlenfeld ist bereits mit der maximalen Seitenzahl ausgefüllt. In einigen Fällen ist keine Änderung der Zahl nötig.

Diese Funktionen lassen sich mit JavaScript im neuen Template einbauen.




Folgender Code sollte unter Farben & Einstellungen --> Eigenes HMTL/JS --> Eigenes Javascript eingefügt werden:

<!-- "Springe zu Seite" verbessern -->
<script>
$('.totalpages').on('click', function() {
  $(window).on('shown.bs.modal', function(e) {
    var maxPagesText = $('.totalpages').text().match(/Seite [0-9]+ von ([0-9]+)/);
    var maxPages = maxPagesText && maxPagesText.length == 2 ? maxPagesText[1] : null;
    if (maxPages) {
      $('#modalpromt').attr({'type': 'number','min': '1','max': maxPages}).val(maxPages).select().before(" (1-" + maxPages + ")");
 
      $('#modalpromt').on('keyup change', function(e) {
        var newNum = parseInt($('#modalpromt').val());
        if (isNaN(newNum) || newNum < 1 || newNum > maxPages) {
          $('#modal1_save').addClass('disabled').css('pointer-events', 'none');
        } else {
          $('#modal1_save').removeClass('disabled').css('pointer-events', 'auto');
        }
      });
    }
    $(this).off(e);
  });
});
</script>