Neuladen eines einzelnen Div Tags
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
basis
befehl
bestimmten bereich
bibliothek
code
date
datei
diagramm
ding
funktion
http
index
millisekunde
schnelle antwort
sekunde
stichwort
tag
test
url
zweite datei
-
Hej ;)
Ich habe ein Problem, bei dem ich gerade nicht weiterkomme. Ich habe auf meiner Website ein tag/diagramm">Diagramm, dass zeigt bestimmte Werte aus meiner Mysql Datenbank an. Diese Werte ändern sich jedoch alle 30 Sekunden und das Diagramm auch. Solange der User aber noch nicht die Seite aktuallisiert hat, sieht er die neuen Werte nicht.
Deshalb habe ich jetzt im head:
<head> <meta http-equiv="refresh" content="30"; URL="hausstatus.php"> </head>
das eingebunden. Bei diesem Befehl lädt er jedoch immer die komplette Seite neu. Gibt es eine Möglichkeit, dass er nur einen bestimmten Bereich neu lädt von der Seite ? Mein Diagramm steht zurzeit in einem div Tag
<div id="Text"> <img src="Graph/linegraph1.php"> </div>
Ich hoffe ihr könnt mir weiterhelfen :) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ja, diese Möglichkeit gibt es, Stichwort »AJAX«.
Falls du jQuery verwenden willst, wäre das eine einzelne Funktion, sonst sind das einige Zeilen JavaScript mit dem
. Wie das auf diesem Weg funktioniert findest du auch hier im Forum.XMLHttpRequest -
Danke für deine schnelle Antwort, ich lese mich dann mal rein und gucke ob ich das hinbekomme :) jQuery war doch eine javascript Bibliothek oder sowas oder :) ? Bin noch in allen Dingen ein Anfänger ^^
-
da Du noch Anfänger bist, hier mal ein komplettes AJAX-Beispiel auf JQUERY-Basis:
erste Datei: index.php
<?php session_start(); $_SESSION['test'] = "Ich bin eine Session-Variable!"; ?> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#refresh").load("refresh.php"); var refreshId = setInterval(function() { $("#refresh").load('refresh.php?' + 1*new Date()); }, 1000); }); </script> </head> <body> AJAX TEST <hr> <div id="refresh" style="text-align:center;"></div> <hr> -ENDE- </body> </html>
zweite Datei: refresh.php
<?php session_start(); $nowtick = date("Y-m-d H:i:s", time() ); echo "hello AJAX world!<br>"; echo $nowtick . "<br>"; echo $_SESSION['test']; ?>
Erläuterung: Alle 1000 Millisekunden (entspricht 1 Sekunde) wird das zweite Script geladen
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
