Aktualisieren von DIV Containern per JavaScript

Hallo erstmal.

aktuell Programmiere ich eine Webseite zur Statusanzeige unserer Fertigungsmaschinen.
Ansich nicht's spannendes.

Der Grundaufbau ist aktuell vereinfacht so:

while($row = mssql_fetch_array($result))
  { 
    <div>
      funktion($apno);
    </div>
  }

Innerhalb der Funktion baue ich für die einzelnen Maschinen eine Tabelle auf über die letzten und Arbeitsgänge und die als nächstes geplanten.
Jetzt mein Problem, ich würde diese Tabellen gerne alle x Sekunden aktualisieren. Ohne die kpl. Seite neu zu laden.
Sprich ich brauche hier JavaScript und hab wenig bis keine Ahnung davon.

Beispiele dazu hab ich zwar gefunden aber leider kein einziges wie ich den Parameter $apno verwenden kann.

Vielleicht hätte da jemand einen kleinen Wink mit dem Zaunpfahl damit ich zumindest mal die Richtige Richtung beim suchen einschlagen kann.
Schon mal vielen Dank

Klaus

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 268432

Url: https://administrator.de/forum/aktualisieren-von-div-containern-per-javascript-268432.html

Ausgedruckt am: 23.01.2025 um 06:01 Uhr

4 Kommentare

Neuester Kommentar

Hallo Klaus,
Stichwort Ajax.
Kollege @colinardo hatte dazu schon mal ein paar Beispiele gepostet:

Die sollten deiner Frage passende Antworten liefern.

D.h. deinen Parameter schickst du entweder im Ajax-Post-Request an dein PHP-Script oder übergibst ihn als GET-Parameter mit der URL.

Gruß jodel32

Erst mal danke.
Da ich das aber 4x mit jeweils unterschiedlichen Parametern machen muss werd ich da vermutlich noch ne schleife einbauen müssen die mir auch noch die Variable pro Container ausliest und ans Script übergibt.

Also soweit bin ich schon mal
Der Gedanke ich schreib die varible in die ID des DIV Containers per PHP und lese sie dann aus.

<script>
$(document).ready(function() {
	$( ".refresh" ).each(function( i ) {  
	var TestID = ($('.refresh').attr('id'));  
	$('#' + TestID).load("func.php");  
        var refreshId = setInterval(function() {
        $('#' + TestID).load('func.php?id=' + TestID);  
        }, 1000);
})});
</script>

Er zählt mir die einzelnen Container auch durch und würde dann auch jeweils was anderes an die func.php übergeben nur liest er die einzelnen ID's nicht aus und schreib sie in die Variable TestID

Ok, ich glaub ich hab's

<script>
	$(document).ready(function() {
		$( ".refresh" ).each(function( i ) {  
		var TestID = $(this).context.id;   	
		$('#' + TestID).load("func.php");  
        var refreshId = setInterval(function() {
           $('#' + TestID).load('func.php?id=' + TestID);  
        }, 100);
    })});
	</script>