08.07.2022, 17:24
(08.07.2022, 15:33)admin schrieb: Du solltest nicht so viele Daten aus der Db holen.Es würden ja 50 Zeilen oder so reichen, dafür gibt es ha das pagniton , damit man nur Teile anzeigen muss.
Erstens hast du so wonniger Datentransfer und wie du in meinem Beispiel sehen kannst dauert das auch etwas bis Javascript das zusammen gebaut hat
Man könnte die tabelle auch erstellen mit create
muss dich nochmal nerven :-) habe deine einzelnen codeschnipsel soweit verstanden.
aber diese codeschnipsel müssen doch in einem script zusammen laufen oder?
also:
1.) abfrage = befinden sich daten in der db alle 5 sec.
2.) wie viele daten befinden sich in der db = für das pagniton (limit)
3.) erzeuge eine Tabelle
also mache ich hiermit weiter oder?
Code:
<script>
var relodzeit=5;
var max_button=4;// xx Seiten plus und minus
var limit=15;
var page=11;
var g;
function abfrage(x){
if(x<=0){
g=1;
if(x==-1){
g=2;
}
$.ajax({
type: 'POST',
url: 'hole_daten.php',
data:{check:g,page:11,limit:limit},
success: function(response){
if(response!=1){
document.getElementById('infobox').innerHTML='<p style="color:green">neue Daten werden geladen</p>';
document.getElementsByTagName('table')[0].innerHTML=`<tbody>${response}</tbody>`;
}else{
document.getElementById('infobox').innerHTML='<p style="color:red">derzeit liegen keine neuen Daten vor!</p>';
}
x=relodzeit;
setTimeout(function(){
abfrage(x)
},2000);
}
});
}else{
x--;
setTimeout(function(){
document.getElementById('infobox').innerHTML='<p>prüfe Datenbank auf neue Daten in '+x+' Sekunden</p>';
abfrage(x)
},1000)
}
}
abfrage(-1)
$.ajax({
type: 'POST',
url: 'hole_daten.php',
data:{check:3},
success: function(response){
if(response>(page*limit)){
max=(page*limit);
}else{
max=response;
}
document.getElementById('count').innerHTML="<h2>Datensatz: "+(((page-1)*limit)+1)+" - "+max+" von "+response+" </h2>";
if(response>=limit){
letzter=(response/limit)+1;
pag='';
for(we=(page-max_button);we<=(page-1);we++){
if(we>=1){
pag+=`<li class="pagination wenniger"><a class="pagination" href="monitorOESoft_unerledigte_einsaetze.php?page=${we}">${we}<a/></li>`;
}
}
pag+=`<li class="pagination hier"><a class="pagination" href="monitorOESoft_unerledigte_einsaetze.php?page=${page}">${page}<a/></li>`;
for(me=(page+1);me<=(page+max_button);me++){
if(me<letzter){
pag+=`<li class="pagination mehr"><a class="pagination" href="monitorOESoft_unerledigte_einsaetze.php?page=${me}">${me}<a/></li>`;
}
}
}else{
pag='<li class="pagination mehr"><a class="pagination" href="monitorOESoft_unerledigte_einsaetze.php?page=1">1<a/></li>';
}
document.getElementById('pagniton').innerHTML=pag;
}
});
</script>