Visualizzare tabella partendo da sotto

**Gaetano80** · 27-08-2021, 11:56

Buongiorno a tutti,
è il mio primo post e spero di non sbagliare sezione.
Come da oggetto vorrei visualizzare la tabella partendo dal basso.
Mi spiego meglio:
all'interno di questa tabella c'è una chat e quindi quando faccio il refresh del div contenente la tabella vorrei che questa si visualizzasse partendo dal basso e non che io debba scrollare giù per andare a vedere l'ultima riga inserita.In poche parole vorrei realizzare una chat stile wz
Grazie in anticipo a tutti

**Gaetano80** · 27-08-2021, 17:59

girando in rete ho trovato una chat pronta che utilizza il seguente codice:

sendBtn.onclick = ()=>{
let xhr = new XMLHttpRequest();
xhr.open("POST", "php/insert-chat.php", true);
xhr.onload = ()=>{
if(xhr.readyState === XMLHttpRequest.DONE){
if(xhr.status === 200){
inputField.value = "";
scrollToBottom();
}
}
}
let formData = new FormData(form);
xhr.send(formData);
}

qualcuno può spiegarmelo affinchè lo possa adattare alla mia tabella?

**Utonto Tonto** · 28-08-2021, 18:40

Al click di sendBtn crea una XMLHttpRequest per inviare dati al file php/insert-chat.php ed effettua due check per verificare che il server abbia risposto corretamente. Dopodichè svuota la proprietà value di inputField e successivamente invoca la funzione scrollToBottom() che suppongo sia definita esternamente. In fine crea la variabile formData alla quale assegna l'oggetto globale FormData a cui da il parametro form. Poi allega la variabile formData a xhr.send per l'invio.

**Gaetano80** · 30-08-2021, 10:58

ti ringrazio ma non ci ho capito nulla

allego il codice di una tabella con 100 righe..potete gentilmente modificarla affinchè si veda partendo dal basso?

codice:

<html>
<style>
table {background-color: #FFFFFF; color: #000000; }
</style>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>

<tr>
<td>Valore1</td>
<td>Valore2</td>
<td>Valore3</td>
</tr>

</tr>
<tr>
<td>Vorrei che all'apertura</td>
<td>di questa pagina</td>
<td>si visualizzasse direttamente questa riga</td>
</tr>
</tbody>
</table>
</html>

**Gaetano80** · 31-08-2021, 12:49

Ragazzi ho risolto

basta aggiungere questo script

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

codice:

    $(document).ready(function(){
var elmnt = document.getElementById("ultimariga");
  elmnt.scrollIntoView();
        });

dove ultimariga è l'id dell'ultimo tr

**ciro78** · 01-09-2021, 21:45

ciao Gaetano,
benvenuto sul forum.

Che ne diresti di una bella lettura al regolamento e in particolare la sezione tag code?

Inoltre non postare mille righe di codice. Al massimo allega un file o posta il link ad una pagina.
Per finire se vuoi chi ti faccia il lavoro piuttosto che aiutarti a trovare una soluzione c'è la sezione collaborazi gratuite.

Se hai bisogno di ulteriori informazioni scrivi pure in pvt

Discussione: Visualizzare tabella partendo da sotto

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzare tabella partendo da sotto

Permessi di invio