Habs folgend lösen können:
Vorher (Text wird ersetzt)
Div.InnerHTML = "Chatverlauf"Nacher (Text wird hinzugefügt)
Div.InnerHTML += "Chatverlauf"Mir war nicht klar, dass ich auch HTML hinzufügen kann und nicht nur ersetzen kann.
@scatello
Das würde ich soweit hinkriegen aber wie kann ich mit Javascript den neuen Eintrag in das Div hinzufügen? Momentan wird ja das ganze Div ausgetauscht.
<?php
include("../../system/datenbank.php");
// Nachrichten auslesen
$statement = $pdo->prepare("SELECT * FROM chat ORDER BY timestamp DESC LIMIT 30");
$statement->execute(array());
while($row = $statement->fetch()) {
$benutzer_id = $row['benutzer_id'];
$nachricht = $row['nachricht'];
$timestamp = $row['timestamp'];
// Benutzerdaten auslesen
$statement2 = $pdo->prepare("SELECT * FROM benutzer WHERE id = :benutzer_id LIMIT 1");
$statement2->execute(array('benutzer_id' => $benutzer_id));
while($row2 = $statement2->fetch()) {
$benutzername = $row2['benutzername'];
$bild_nummer = $row2['bild_nummer'];
$bild_endung = $row2['bild_endung'];
$geburt = $row2['geburtstag'];
$alter = floor((time() - $geburt) / 60 / 60 / 24 / 365);
echo '<div class="content_down_chat_inhalt_nachricht">
<div class="content_down_chat_inhalt_bild"><img src="profilbilder/'.$bild_nummer.$bild_endung.'" /></div>
<div class="content_down_chat_inhalt_text">
<ul>
<li class="benutzername"><a href="">'.$benutzername.' '.$alter.'</a></li>
<li class="nachricht">'.$nachricht.'</li>
</ul>
</div>
</div>';
}
}
?>Sorry, aber ich glaube wir reden aneinander vorbei.
Egal.
Hi basti,
verstehe ich nicht ganz. Ich ersetze ja mit Javascript das komplette Div und muss somit auch immer alle Einträge aus der DB lesen und ausgeben.
Ich möchte aber nur die neuen auslesen und dem div hinzufügen.
Hallo,
ich möchte gerne eine ganze einfach Datenbankabfrage für einen Chat machen.
Der Chat wird kaum benutzt, und mir reicht erstmal eine automatische aktualisierung der Nachrichten.
Ich habe 2 Dateien:
- "Index.php" -> Darstellung der Chatbox
- "chat.php" -> Abfrage der von der Datenbank (Maximal 30 Nachrichten)
In der Index befidnet sicher folgender Code um die chat.php erneut abzufragen und ins Element "Chat" zu schreiben.
$(document).ready(function() {
$("#chat").load("funktionen/chat.php");
var refresh = setInterval(function() {
$("#chat").load("funktionen/chat.php");
}, 2000);
});Das funktioniert soweit sehr gut, nur lasse ich auch die Profilbilder anzeigen und man sieht wie die immer wieder neu geladen werden.
Wie schaffe ich es, dass nur der neuste Eintrag geladen wird und nicht immer die letzten kompletten 30 Einträge?
Danke
Ok danke, ich glaube das ist so garnicht machbar wie ich mir das vorstelle.
Muss ich wohl mit Mediaquery arbeiten.
Trotzdem danke.
Hi,
Wenn ich mit strg und minus rauszoome, sieht man das die restliche Seite im maximal Grid bleibt und zentriert ist, nur der topper nicht.
Ich habe jetzt leider den topper auch die maximalbreite gegeben und zentriert, somit siehts man es jetzt gerade nicht und ich bin in der Arbeit, aber vielleicht kannst du den Fehler erkennen?
Danke schonmal
Hi zusammen,
ich möchte gerne meine Navigation die mit Position fixed positioniert ist in ein Elternelement geben.
Ich habe dem Elternelement Position relative gegeben und das funktioniert auch überall, nur im Firefox nicht
Kann man da was machen?
Danke
Hallo zusammen,
ich hoffe Ihr könnt mir weiterhelfen, ich bin am verzweifeln.
Ich habe eine Wrapper indem 3 Div Boxen sind: Links - > Abstand, Mitte - > Inhalt, rechts - > Abstand.
(Wobei die Abstämde nur ein Platzhalter für andere Inhalte sind)
Ich gebe dem Elternelement Display: flex, den Abständen grow 1 und der Mitte eine feste Breite, die ich auch unbedingt brauche.
Wenn ich bei meinem Script den Browser zusammen schiebe, verkleinert sich die Breite der Abstände bis nicht mehr alles in eine Zeile passt und dann gibt es im Inhalt einen Zeilenumbruch.
Soweit so gut, nur habe ich der Mitte nochmal 3 Boxen und sobald der Zeilenumbruch stattgefunden hat, sollen die Abstände wieder den verfügbaren Platz aufbrauchen. Aber aktuell bleibt dann die Breite der Mitte so wie sie ist. 
wrapper {
display: flex;
}
.abstand {
flex-grow: 1;
border: 1px solid red;
}
.boxen_wrapper {
flex-grow: 0;
border: 1px solid red;
width: 750px;
display: flex;flex-wrap: wrap;
}
.box {
flex-shrink: 0;
width: 250px;
border: 1px solid green;
box-sizing: border-box;
}<div class="wrapper">
<div class="abstand">Abstand1</div>
<div class="boxen_wrapper">
<div class="box">Inhalt 1</div>
<div class="box">Inhalt 2</div>
<div class="box">Inhalt 3</div>
</div>
<div class="abstand">Abstand2</div>
</div>