Wie lasse ich ein div ständig aktualisieren ohne die ganze Seite neu zu laden?

Ich habe ein Problem mit meiner Website ich will ein div Container ständig aktualisieren lassen. In dem div steht das php Script für mein Chat.

Es würde mir helfen wenn ihr das an einem einfach Beispiel darstellen könntet z.B Mit einem php timestamp der immer die aktuelle Zeit anzeigt,OHNE die ganze Seite neu zu laden.

2 Antworten

WhiteGandalf

Nutzer, der sehr aktiv auf gutefrage ist

im Thema PHP

10.10.2015, 00:00

Du kannst das auch komplett ohne Javascript hinkriegen. Pack das Chat-Fensterchen in einen IFrame und lasse das IFrame-Dokument mit einem refresh-Header ausstatten, der ihn alle sagen wir 10 Sekunden neu lädt!

Hat den Vorteil, dass die Anwender Javascript abgeschaltet lassen können. Hat den Nachteil, dass immer der ganze Chatfenster-Inhalt übertragen wird. Und dass die Übertragung nicht sehr flüssig ist. Javascript-gesteuertes Nachladen kann man dagegen sehr viel zügiger machen mit Übertragung immer nur der letzten Änderungen. Muss aber unter anderem Balästigung mit Malware, Werbung und Trackern hinnehmen.

sommer12345

Fragesteller

10.10.2015, 11:02

okay ich hab halt gelesen das frames eine veraltete Technik wäre und man diese eher nicht nutzen sollte

mrhashpipeotto

10.10.2015, 14:34

@sommer12345

ja, vergiss frames

maximilianus7

10.10.2015, 20:44

@sommer12345

1. iframes sind keine frames

2. es wird viel geschwätzt im internet

maximilianus7

10.10.2015, 21:18

..."abgeschaltet lassen können." klingt ja so, also ob du js abgeschaltet hast. ich frag mich nur, wie du dann die antwort verfasst hast.

arnz523

09.10.2015, 16:16

Du könntest asynchrones Javascript (AJAX) dafür hernehmen.

Für dein Beispiel sendest du ja Daten an den Server (php Script) der was damit macht und wieder in einem <div> ausgibt.

FreakyReaper

09.10.2015, 16:46

Ich gebe dir recht Ajax ist die beste Methode allerding würde ich keinen neuen div machen sonst bleibt der alte genauso bestehen. ich würde den container neu laden und die neuen chatnachrichten einfach hinzufügen.

sommer12345

Fragesteller

09.10.2015, 17:46

ja mein Chat ist so aufgebaut :man schreibt eine Nachricht die wird dann in einer mysql Tabelle gespeichert und nun wird mit einem Javascript sie Seite neu aufgebaut damit die Nachricht erscheint. ABER ich möchte nur den div neu laden und da wollte ich wissen wie ich das mache. Ich hab das aus einem Buch halt aber da macht der das mit frames und irgend wie wenn ich das in den frames lasse werden die mir nicht auf meiner Seite angezeigt.

fluffiknuffi

09.10.2015, 22:05

@sommer12345

Mit jQuery und dann der ajax-Methode bzw. deren "Abkürzungen" wie get.

sommer12345

Fragesteller

09.10.2015, 23:33

hättest du mal ein link oder einfaches Script wie z.b das mit dem Datum weil ich kenne mich nicht so gut mit jquery aus

sommer12345

Fragesteller

18.10.2015, 11:25

ich glaub wir haben das gleiche Buch :D

Hallo, ich würde gerne wissen, wie ich ein DIV Container mit AJAX alle 10 Sekunden aktualisieren kann.

...zur Frage

PHP-Datei in einen Div-Container mittels PHP laden?

Ich möchte mit einem Klick auf den Button eine PHP-Datei in den "main"-Tag laden (= <main>...</main>).

Hier könnt ihr den Quellcode sehen: http://damiantoczek.de/gpus.php

Die Datei ".../topics/howmuchvramdoineed.php" soll in <main>...</main> geladen werden.

Und das auch so, dass man einen Verlauf hat und man einen Schritt zurück gehen kann, wo die Datei noch nicht hineingeladen wurde.

...zur Frage

Nur bestimmte elemente aktualisieren?

ich schreibe derzeit eine art livechat für eine website, das ganze ist in einem php framework (laravel)

jetzt haben wir das problem das sich die seite nur komplett reloadedd oder wenn man etwas schreibt und sendet. wie kann ich machen das sich nur die div mit dem chat verlauf in einem 10 sec intervall aktualisiert sodass man nicht die ganze seite reloaden muss um die antwort zu laden

...zur Frage

[jQuery AJAX] echo mit HTML Content von PHP Datei ausgeben?

Okay, die Frage ist evtl ein bisschen kompliziert. Deshalb beschreibe ich das anhand eines Beispiels. Zuerst meine Dateien:

PHP (submit.php)

<?php
 $mail = $_GET['mail']; if(filter_var($mail, FILTER_VALIDATE_EMAIL)) { echo "<div role=\"alert\">Ungültige E-Mail</div>"; } else { echo "<div role=\"alert\">Gültige E-Mail</div>"; }

?>

HTML (index.html)

<form id="myForm">
  <input type="email" name="mail" id="mail" placeholder="E-Mail Adresse"/>
  <input type="submit" name="check" id="check" value="Senden"/>
</form>
<script src="http://code.jquery.com/jquery-1.9.1.js"/> <script> $(function () { $('form').on('submit', function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'submit.php', data: $('form').serialize(),   success: function() {    //echo "Gültige E-Mail    } error: function() { //echo "Ungültige E-Mail" } }); }); }); </script>

Beschreibung:

Sobald das Formular abgesendet wurde, wird die E-Mail an die submit.php gesendet. In dieser wird überprüft, ob die E-Mail gültig ist und gibt dann das Ergebnis in Form von HTML-Code zurück.

Die Lösung mit alert will ich nicht. Es soll unterhalb der Form das Ergebnis stehen.

Wenn ich mit PHP

echo "<div role=\"alert\">Gültige E-Mail</div>";

ausgebe, dann steht das auch direkt in HTML dort (also nicht als PlainText).

Wie ist es also möglich, das Ergebnis der submit.php zu bekommen und in der index.html auszugeben?

Vielen Dank im Voraus!

...zur Frage

Wenn HTML-Button gedrückt wird PHP-Script ausführen?

Ich möchte, dass wenn ein Button in HTML gedrückt wir, ein PHP-Script ausgeführt wird. Ich habe im Internet folgendes gefunden:

<? php 
if(isset($_POST['sent'])){
	// ...
}
?>

<form method="post" action="script.php">
<input type="submit" name="sent" value="senden">
</form>

Das funktioniert aber irgendwie nicht. Man wird wenn man auf den Button drückt nur zum PHP-Script weitergeleitet. (Bin noch neu mit Php und so, also keine Ahnung woran es liegt.) Eigentlich sollte PHP aber im Hintergrund ausgeführt werden.

Hoffe auf Antworten,

-Bohne47

...zur Frage

Website mit live Daten durch PHP / JavaScript?

Hallo! Ich würde gerne Daten, welche sich alle 0.1 Sekunden ändern, auf einer Website anzeigen, die sich selbst aktualisiert und so immer genau den neusten Datensatz anzeigt.

Im Internet habe ich bereits folgendes für HTML gefunden:

<meta http-equiv="refresh" content="0.1">

Dies aktualisiert die Website alle 0.1 Sekunden, dadurch braucht der Browser aber natürlich auch mehr Power, ist generell Langsamer und muss jedes mal die Seite vollständig neu laden. Die Daten sind simpel in einer Textdatei gespeichert, werden mit PHP abgefragt und anschließend mit einem echo-statement an HTML weitergegeben.

Gibt es eine elegantere Möglichkeit, die Daten anzuzeigen, ohne das der Nutzer den Browser selbst aktualisieren und die ganze Seite neu geladen werden muss?

...zur Frage

Javascript geht nicht in einem von XMLHttpRequest geladenen Div?

Hallo ich versuche gerade mit XMLHttpRequest einen Div auf meiner Webseite zu aktuallisieren soweit geht das auch nur wenn ich versuche in der datei die geladen werden soll etwas mit Javascript auszuführen wird dies nicht getan. Ich habe aber überprüft das die datei geladen wird. Das was ich in JS geschrieben habe wird auch in den Div geladen nur nicht ausgeführt..
Hier meine Datei die den Div läd:

  <script language="javascript" type="text/javascript">
    function getData() {
      var xhr = new XMLHttpRequest();                 // Create XMLHttpRequest object
    
      xhr.onload = function() {                       // When response has loaded
        // The following conditional check will not work locally - only on a server
        if(xhr.status === 200) {                       // If server status was ok
          document.getElementById('load').innerHTML = xhr.responseText; // Update
        }
      };
      
      xhr.open('GET', 'sql/load.php', true);        // Prepare the request
      xhr.send();                                 // Send the request
    }
    
    setInterval(getData, 1000);
</script>

<div id='load'></div>

Hier meine Load.php

<?php
session_start();
require_once "config.php";
require_once "link_user.php";
        //Check new messages
        $test = "false";
        $sql = "SELECT * FROM msg WHERE touser='$user_name' AND readmsg='$test' LIMIT 1";
        $query = mysqli_query($db_link, $sql) or die (mysqli_error());
        $num = mysqli_num_rows($query);
        while ($row = mysqli_fetch_array($query)) {
            $chat_id = $row["chat_id"];

        }
        if($num == 1){
            
echo "<script>
var notification = new Notification('Notification title', {
    icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
    body: 'Hey there! You\'ve been notified!',
   });</script>
";
        }
?>

...zur Frage

Kann man mit PHP in einer HTML Datei z.B. Div Container hinzufügen?

Hallo, ich möchte ein CMS für eine Website schreiben (Ich weiß, dass es bereits bestehende gibt, aber ich möchte eins aus Neugier schreiben). Wie kann man per PHP neue Elemente (z. B. Div Container) mit Daten aus einer Datenbank befüllen und diese dann als z.B. Artikel anzeigen lassen. Ist das überhaupt möglich mit PHP oder benötigt man dafür JavaScript? Vielen Dank im Voraus. :) hadome

...zur Frage

PHP Datei automatisch jede Sekunde aktualisieren?

Hallo zusammen,

ich suche nach der besten und einfachsten Möglichkeit, eine PHP-Deitei (den Code darin, nicht die Seite) zu aktualisieren. Ich möchte auf meiner Seite zum Beispiel: - die Uhrzeit, - aktuelle Datenbank-Abfragen (auf die Sekunde genau), - einen Chat, - einen Hinweis bei neuen Privatnachrichten anzeigen lassen.

Dafür gibt es ja verschiedene Möglichkeiten (z.B.: mit iFrames, WebSockets oder LongPolling), jedoch würde ich gerne wissen wollen, welche Technik oder evtl. sogar welche Programmiersprache dafür die beste ist.

Mit JavaScript kenne ich mich übrigens noch(!) gar nicht aus, deswegen verstehe ich z. B. long polling noch nicht wirklich (zumindest die Umsetzung), habe bisher nur mit PHP programmiert...

Ich wäre euch für verständliche Antworten sehr dankbar!

...zur Frage

Aktuelle (LIVE) Uhrzeit bei PHP als Bild?

Hey,

ich suche derzeit nach einem Script (PHP) welches die aktuelle Uhrzeit (sollte live aktualisiert werden) in einem Bild anzeigt. Zudem sollte das Script so anpassbar sein, dass ich das jeweilige PNG-Bild von meinem Server "auswählen" kann und so als Hintergrund setzen kann.

Außerdem sollte die Uhrzeit in einer veränderbaren Schriftart, welche ich je nach Belieben ändern kann, angezeigt werden.

Wäre nett, eine hilfreiche Antwort zu erhalten, in der mir zusätzlich erklärt wird in welches Verzeichnis ich das Script einfügen muss, damit jeder das "Live"-Bild "downloaden" kann und so auf seine Seite per HTML oder ähnliches implementieren kann.

Kleine Liste nochmal xD:

1000x300 PNG-Bild
Aktuelle Uhrzeit mittig vom Bild (LIVE!!!)
Als Datei für Nutzer zum Download verfügbar bzw einfügbar bei HTML u.Co.
Font der Uhrzeit veränderbar (-> eine Zeile beim Script ändern)

...und bitte erklärt mir WO ich die jeweiligen Dateien (.ttf-Font-Datei, .png-Datei und .php-Datei) hinpacken muss!!

Da ich selbst eher wenig Ahnung von PHP u.Co. habe, stelle ich diese Frage mal lieber hier ^^

Vielen vielen Dank!

Grüße,

Samu

PS: Im Anhang seht ihr ein Beispiel!

...zur Frage

Webseite: Kennt sich jemand damit aus?

Und zwar brauche ich kurz hilfe. Ich möchte dass man im Registrier-Formular ein Profilbild auswählen kann. Wenn man Angemeldet ist, soll das eigene PB oben rechts in der Ecke angezeigt werden.

HTML-Code (Formular):

<div class="container">
      <div class="box">
		  <div class="scroll">
        <form action="" method="POST" class="login-email">
          <p class="login-text">Registrieren</p>
		<div class="profile-pic-div">
            <img src="img/default-pb.jpg" id="photo">
			<input type="file" id="file">
			<label for="file" id="uploadBtn">Profilbild Wählen</label>
          </div>
          <div class="input-group">
            <input type="text" placeholder="Benutzername" name="username" value="<?php echo $username; ?>" required>
          </div>
          <div class="input-group">
            <input type="email" placeholder="Email" name="email" value="<?php echo $email; ?>" required>
          </div>
          <div class="input-group">
            <input type="password" placeholder="Passwort" name="password" value="<?php echo $_POST['password']; ?>" required>
          </div>
          <div class="input-group">
            <input type="password" placeholder="Wiederhole das Passwort" name="cpassword" value="<?php echo $_POST['cpassword']; ?>" required>
          </div>
          <div class="input-group">
           <button name="submit" class="login-btn">Registrieren</button>
          </div>
          <p class="login-register-text">Du hast bereits ein Konto? <a href="https://www.klexxstube.com/anmelden">Melde dich an</a></p>
        </form>
			 </div>
      </div>
    </div>

Hier der Code zum Wechseln vom PB (JS):

const imgDiv = document.querySelector('.profile-pic-div');
const img = document.querySelector('#photo');
const file = document.querySelector('#file');


file.addEventListener('change', function() {
	const choosedFile = this.files[0];
	
	if (choosedFile) {
		
		const reader = new FileReader();
		
		reader.addEventListener('load', function() {
			img.setAttribute('src', reader.result);
		});
		
		reader.readAsDataURL(choosedFile);
	}
});

Vielleicht habt ihr auch eine komplett andere Version wie man so etwas schaffen kann.

LG Klexxsy

...zur Frage

Textfeld in MySQL Datenbank ohne Reload?

Hallo gutefrage.net Community,

Ich möchte für ein aktuelles Projekt einen Stundenzettel für Mitarbeiter erstellen. Der Aufbau ist im Anhang.

Also im Grunde möchte ich nach der Auswahl der Stunden einen Script durchlaufen, der sich aus der Datenbank die Daten vom Dienstplan holt, das dann verrechnet und wieder abspeichern, ohne dass die Seite neu laden muss.

Das soll ohne einen Speichern Button funktionieren.

Da PHP ja auf dem Server bearbeitet wird kann man nicht einfach mit Javascript den (aktuell mit PHP geschriebenen) script ausführen der das abrufen, rechnen und speichern durchführt.

Wisst ihr eine Möglichkeit wie ich das umsetzen kann?

Mit den sprachen javascript, php, html und MySQL reicht die Theorie bei anderen währe ein Code Beispiel nett.

MFG, Die Zeitmaschiene

...zur Frage

Uncaught Error: Call to a member function fetch() on bool in?

Kann mir jemand sagen, was ich falsch gemacht habe?

<section claas="container" id="products">
  <div class="row">
    <?php while($row = $result->fetch()): ?>
      <div class="col">
        <?php include 'card.php' ?>
      </div>
    <?php endwhile; ?>
  </div>
</section>

...zur Frage

div-class auf bestimmten Seiten ein-/ausblenden?

Ich möchte gerne mit einem php-script das die div-Box Info nur auf der Seite index.php angezeigt wird und auf allen anderen Seiten ausgeblendet wird. Wiederum möchte ich die box Breadcrumbs auf allen Seiten angezeigt haben, außer auf der index.php Seite, wie bekommen man sowas hin?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen