Ändern der Höhe von div mit Daten aus der MySQL-Datenbank alle 5 Sekunden

Ich entwickle eine Seite, die wiederholt aktualisierte Daten aus meiner Datenbank erfordert. Zu Testzwecken habe ich nur ein div mit fester Höhe. Ich kann den Text im Div mit der .load() -Methode aktualisieren, jedoch muss ich die Höhe des Div auf den Wert der Daten aus meiner Datenbank anpassen.Ändern der Höhe von div mit Daten aus der MySQL-Datenbank alle 5 Sekunden

Ich danke Ihnen im Voraus für Ihre Hilfe!

<body> 
<div id="status" >This is a TEST</div> 

<script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#status').load('check_status.php').fadeIn("slow"); 
}, 5000); // refresh every 5000 milliseconds 
</script> 
</body>

Quelle

2016-06-13 user1895722

Was bedeutet 'ch eck_status.php' zurück? – Rayon

Ich aktualisiere die Datenbank mit der gewünschten Höhe in Pixeln. Die check_status.php gibt die letzte Aktualisierung der Tabelle zurück. Es werden immer Daten wie "123px", "235px", "67px" usw. sein. Die Höhe des Divs muss höher oder niedriger sein, basierend auf der letzten Aktualisierung der Datenbank. – user1895722

Wenn Sie Ihr div #status machen wollen passt seinen Inhalt

-> in CSS hinzufügen.

#status{ 
    display:block; 
    overflow:auto; 
    height:auto; 
}

Wenn Ihr Anliegen Höhe Inhalt proportional zu setzen, Sie können dies tun:

function calculateHeight(dataSize){ 
    //i.e (0.7%) 
    return dataSize*0.07; 

}; 
$.get('check_status.php',function(data){ 
    let element=$('#status'); 
    element.css('height',calculateHeight(data.length)+'px'); 
    element.fadeIn('slow'); 
});

Quelle

2016-06-13 03:15:23

Ändern der Höhe von div mit Daten aus der MySQL-Datenbank alle 5 Sekunden

Antwort

Verwandte Themen