Guten Tag,
ich erstelle derzeit einen Liveticker.
Meine Frage nun:
Wie schaffe ich es dass der Eintrag in Echtzeit beim User auf der index.php angezeigt wird, wenn ich auf der insert.php auf Absenden drücke?
Liebe Grüße & Danke für eure hilfe!
Guten Tag,
ich erstelle derzeit einen Liveticker.
Meine Frage nun:
Wie schaffe ich es dass der Eintrag in Echtzeit beim User auf der index.php angezeigt wird, wenn ich auf der insert.php auf Absenden drücke?
Liebe Grüße & Danke für eure hilfe!
So wie eine Shoutbox? (Java)
Ajax...
Lade die Seite mit Ajax immer jede Millisekunde neu und so klappt das auch.
So funktionieren auch Chats..
Ajax...
Lade die Seite mit Ajax immer jede Millisekunde neu und so klappt das auch.
So funktionieren auch Chats..
Ajax = Asynchronous JavaScript and XML
Beispiel in einer Java Datei von einem Chat: HIER
Das meine ich doch
http://www.tfonfara.de/ajax-se…ktualisieren-jquery.xhtml
Hier müsste ich refresh.php doch nur durch index.php austauschen.
Hier ein simples Beispiel von mir:
ajax.php
<?php
$DataArray = array(
"1" => "<h1>Spruch Nummer 1</h1>",
"2" => "<h1>Spruch Nummer 2</h1>",
"3" => "<h1>Spruch Nummer 3</h1>",
"4" => "<h1>Spruch Nummer 4</h1>",
"5" => "<h1>Spruch Nummer 5</h1>",
"6" => "<h1>Spruch Nummer 6</h1>",
"7" => "<h1>Spruch Nummer 7</h1>",
"8" => "<h1>Spruch Nummer 8</h1>",
"9" => "<h1>Spruch Nummer 9</h1>",
"10" => "<h1>Spruch Nummer 10</h1>",
"11" => "<h1>Spruch Nummer 11</h1>"
);
echo $DataArray[array_rand($DataArray)];
?>
Alles anzeigen
index.html
<!DOCTYPE html>
<html>
<head>
<title>Binär AJAX-Test</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style type="text/css">
.main { width:400px; min-height:100px; border:1px solid #454545; margin:auto; }
.main h1 { font-family:Arial; text-align:center; }
</style>
</head>
<body>
<div class="main" id="refresh">
<h1>Bla</h1>
</div>
<!-- jQuery -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#refresh").load("ajax.php");
var refreshId = setInterval(function() {
$("#refresh").load('ajax.php');
}, 1000);
});
</script>
</body>
</html>
Alles anzeigen
Wenn du noch Fragen dazu hast, kannst du dich gern auch via PN melden.
Funktioniert Problemlos, jedoch werden auch die Bilder immer neu geladen, daher entsteht ein "flimmern". Kann man das irgendwie verhindern?
Liebe Grüße
Ajax = Asynchronous JavaScript and XML
Beispiel in einer Java Datei von einem Chat: HIER
Java != JavaScript....
@TE: Du könntest ja Abfragen ob neue Einträge da sind und nur dann was aktualisieren.
Bei Spielen renderst du in 2 Schritten:
- Hintergrundbild setzen
- Vordergrund ausblenden
- Hintergrund zum Vordergrund setzen
That always works.... except it doesn't
Es funktioniert ja problemlos, nur werden die Bilder immer neu geladen..
Liebe Grüße
Das wird sich nicht anders lösen lassen wenn du die Bilder mit lädst.
Für einen Chat nutz doch Sockets.