[FRAGE] Automatisches scrollen der Tabelle.

[TP4711]

Hallo Community,

bin ein blutiger Anfänger in Sachen JS, PHP, CSS und HTML.
Ich habe eine Webseite, die aus 2 Frames besteht:
Frame 1: Header - nichs aufregendes

Frame 2: Daten
Es wird mit PHP eine MySQL Tabelle eingelesen und als HTML-Tabelle ausgegeben.
Das PHP wird alle 2 Minuten nochmal gestartet um die Preis zu aktualisieren.
Das habe ich soweit alles fertig.

Jetzt noch offen:
Geht die angezeigte Tabelle über eine Seite hinaus, soll maschinell langsam
bis zum Ende gescrollt werden.

Kurzfassung:
- Mit PHP wird eine HTML-Tabelle aus einer MySql Tabelle gefüllt.
- Tabelle wird angezeigt --> automatisches Scrollen wenn größer als 1 Seite.
Überschrift soll natürlich stehenbleiben. Ist man am Ende angelangt, dann
wieder oben ansetzen und wieder scrollen
- Nach x Minuten das PHP Programm neu gestartet um eventuelle Preisänderungen
zu aktualisieren.

Geht sowas und wenn ja wie???

Liebe Grüße

 

[mikdoe]

Das könnte man mit .scrollTo() lösen. Der letzten Zeile eine id geben und zu dieser scrollen.

 

[Dormilich]

- Nach x Minuten das PHP Programm neu gestartet um eventuelle Preisänderungen zu aktualisieren.

Das kannst du auch mit JavaScript machen, wo du schon mal dabei bist.

 

[TP4711]

Mein Versuch - anbei ein Snippet:

<link href="css/index.css" rel="stylesheet" type="text/css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">
  var $el = $(".table-responsive");
  function anim() {
    var st = $el.scrollTop();
    var sb = $el.prop("scrollHeight")-$el.innerHeight();
    $el.animate({scrollTop: st<sb/2 ? sb : 0}, 4000, anim);}
  
  function stop(){
    $el.stop();}

  anim();
  $el.hover(stop, anim);
  </script>


<div class="table-responsive">
  <table class="table table-bordered table-hover">
    <thead>
      <tr><th>#</th></tr>
    </thead>
    <tbody>  
      <tr><td>1</td></tr>
      <tr><td>2</td></tr> 
      <tr><td>3</td></tr> 
      <tr><td>4</td></tr> 
      <tr><td>5</td></tr> 
      <tr><td>6</td></tr> 
      <tr><td>7</td></tr> 
      <tr><td>8</td></tr> 
      <tr><td>9</td></tr> 
      <tr><td>10</td></tr> 
    </tbody>
  </table>
</div>

Die Tabelle erscheint aber das vertikale Scrollen nach oben und danach wieder
nach unten läuft aber nicht.

Kann jemand helfen?
Vielen Dank

 

[mikdoe]

Du musst mit dem Dollar aufpassen. Wenn das - wie scheinbar in deinem Fall - als Abkürzung für jQuery verwendet wird darf man das nicht anderweitig z. B. für Variablennamen verwenden.
Wenn es dann immer noch nicht geht schau mal, ob was in der Console steht. Das Konstrukt mit $el sieht komisch aus. Habe deinen Code nicht getestet.