Ladebalken auf einer homepage erstellen!

Vorerst möchte ich sagen, dass ich bislang nur sehr viel mit html und css gemacht habe! Erst vor kurzem (ca. 1 Monat) kam php dazu!

Nun habe ich auf meiner Seite erst einmal ein Grundgerüst erstellt: body, wrapper (der den Inhalt beinhält und zentriert), header, menü und den footer!

Unabhängig vom Grundgerüst werden nun die Seiten aufgerufen, also Startseite, Seite 2, Seite 3, Impressum etc., das Grundgerüst bleibt immer gleich und muss nicht nue geladen werden! Diese verschiedenen Seiten habe ich mit php eingebunden! Dazu genaueres findet ihr in einem Tutorial, aus welchem ich dieses wissen auch bezogen habe: http://www.youtube.com/watch?v=pLpTmDv18AI&feature=c4-overview&list=UU4iSMp_NB8fMw9bHi7D_Hiw

Die PHP-Datei, die nun meine Startseite, Seite 2, Seite 3 etc. einbindet möchte ich nun einen Ladebalken zu weisen. Das heißt klickt jemand auf eine Seite, bleibt das Grundgerüst bestehen, nur der Inhalt (bzw. die eingebundene PHP-Datei) wird neu geladen, was mit einem Ladebalken veranschaulicht werden soll!

^Und wie dies geht ist nun meine Frage^ Ich freue mich schon im Voraus auf Antworten. Meine Seite ist soweit auch schon hochgeladen: filmchronik.bplaced.net , dort sieht man zwar nicht den php-code doch ist dies vielleicht trotzdem eine Hilfe! :D
Danke

5 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Minihawk

03.09.2013, 23:03

Dauert denn das Laden so lange,d ass man dafür einen Ladebalken benötigt?

Ich würde evtl. eine Ani-GIF anzeigen, so lange geladen wird, die zeigt dan z.B. bewegende Pfeile, rollöende Fässer oder sowas, um den Ladevorgang zu symbolisieren. Nach dem Laden wird die GIF durch eine starre Grafik ersetzt.

gsimiot

04.09.2013, 09:37

Mir stellt sich die Frage, wie sinnvoll das ganze ist.

Deine Seite hat jetzt nicht wirklich viel Content und so, wie Sie aufgebaut ist, wird auch immer die komplette Seite neu geladen, nicht nur der Content und es geht ja trotzdem innerhalb von millisekunden.

Wenn du wirklich so eine Spielerei haben willst, solltest du dich mal in AJAX einlesen. Damit könntest du die Seite wirklich so aufbauen, wie du es derzeit beschreibst. Dann würdest du nach einem Klick im Menü dynamisch den Content nachladen und könntest auch direkt den Ladebalken o.ä. einbauen. Jedoch würden 90% der Nutzer ihn nicht sehen, weil es so schnell gehen würde.

Außerdem hättest du das Problem, dass viele JavaScript deaktiviert haben und Suchmaschinen werden deine Seite auch nicht mehr so "schön" finden.

Allerletzte Alternative, wenn du wirklich auf Biegen und Brechen so eine Funktion haben willst: Bau deine Seite mit Flash, aber das hat mehr Nach als Vorteile, glaub mir...

nikkeltech

Fragesteller

04.09.2013, 14:52

Es geht dabei darum ein paar Spielereien kennen zu lernen, momentan mehr nicht. Aber es macht einfach mehr Spaß, wenn man mehr Möglichkeiten hat und mehr weis! :D Sonst kein Ersichtlicher Grund.
Danke für deinen Tipp mit AJAX und deine Kritik!

derkletterer

04.09.2013, 03:26

Es werden immer alle Teile der Seite neu geladen. (außer bei Frames, diese werden bei dir aber nicht genutzt)
Ladebalken sind sinnlos. Zumal die Seiten ohnehin sofort laden.

nikkeltech

Fragesteller

04.09.2013, 14:55

Warste mal auf amazon.de? Wenn du da mal was suchts, dann sehe zumindest ich, mal den Ladebalken und dann auch wieder nicht! Ich möchte einfach das Wissen haben um es dann später auf einer Seite vielleicht sinnvoller einzusetzen. Außer dem macht mir dies zumindest mir Spaß! :D

Lioxen

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

04.09.2013, 10:53

Die Sinnhaftigkeit dieses Vorhabens wurde ja schon eingehend dargelegt. Hier mal ein Ansatz einer Idee, wie man das umsetzen könnte. Du schreibst ein kleines PHP-Script, welches mittels GET die URL der Zielseite erhält und nach einer bestimmten Zeit (im Beispiel nach 2 Sekunden )einfach dorthin weiterleitet.

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="refresh" content="2; URL=<? echo $_GET['url']?>">
        <style>
            html,body{height: 100%;}
            img{display: block; margin:50px auto 0 auto;}
        </style>
    </head>
    <body>
        <img src="URL zum animated GIF">
    </body>
</html>

Hier noch eine Seite, wo Du Dir einen Ladebalken generieren lassen kannst. http://preloaders.net/

Hinweis: Das Script ist nur als Anregung gedacht. Es findet keine Überprüfung der übergebenen URL statt.

madquad

Unternehmen, das auf gutefrage aktiv ist

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

04.09.2013, 07:46

Man kann die eigene Webseite aber auch mit wirklich unnützen Kram ausstatten. Was soll denn das für einen Sinn haben eine Standard Seite mit einem Ladebalken anzukündigen. Du hast den Sinn und den Zweck einer werthaltigen Webseite schon verstanden, oder?

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

CSS lädt bei XAMPP-Localhost-Webseite nicht?

Ich programmiere seit knapp einem Jahr mit XAMPP und hatte auch nie Probleme damit. Jedoch ist es seit einigen Tagen so, dass die die .css-Datei zwar in den Browser geladen wird, aber keine Änderungen an dem Design von der .php-Webseite vornimmt.

Ich habe schon Rechner-/Browserwechsel probiert, aber es will einfach nicht funktionieren.

Danke schon einmal im Voraus für die Antworten.

...zur Frage

Über PHP HTML Quellcode auslesen und in Variable speichern?

Hallo,

Kennt jemand eine Möglichkeit wie ich mit PHP einen bestimmten Teil HTML Quellcode aus der gerade geöffneten Seite/oder generell aus einer Datei auslesen kann und diesen dann als Text in einer ganz normalen PHP Variablen speichern kann.

Mit bestimmten Teil meine ich zum Beispiel alles was in einem Element wie einem div mit einer bestimmten id steht.

Zum Beispiel dieser HTML Code:

<body>
  <div id="Div1">
      <h1> Nicht dieses Div </h1>
  </div>

  <div id="Div2">
      <h1> Dieses Div </h1>
  </div>

  <div id="Div3">
      <h1> Nicht dieses Div </h1>
  </div>
</body>

Wenn ich dann den Inhalt von Div2 in eine PHP Variable schreiben wil soll in der Variable: "<h1> Dieses Div </h1>" stehen.

Ich hoffe meine Frage ist verständlich und jemand kennt eine Lösung.

Vielen Dank im voraus :D

...zur Frage

PHP - Datei im Hintergrund ausführen und anzeigen?

Hallo!

ich versuche meine Frage so einfach wie möglich zu erklären, ich habe momentan 3 "Nebenseiten" und eine Hauptseite.

Auf der Hauptseite soll nun der Inhalt der 3 Nebenseiten ausgegeben werden. mit "include" kann man so zu sagen den Code zwar rein kopieren, jedoch würde ich gerne Die 3 Dateien Ausführen, und erst dann soll (so zu sagen) der include teil kommen.

Also müsste ich diese Drei Dateien im Hintergrund laden und den Inhalt anschließend auf der Hauptseite ausgeben.

Wisst Ihr eventuell wie das funktionieren würde? Mein Problem ist nehmlich das include den Code so zu sagen nur auf der Hauptseite einfügt und er dort übernommen wird. :)

Evnetuell könnten die Informationen auch mittels eines Formulares übermittelt werden, jedoch hätte ich noch keine genaue Vorstellung, daher hoffe ich das mir einer von euch helfen kann! :-)

Danke und einen schönen Tag wünsche ich euch noch! :-)

...zur Frage

PHP Inhalt von Textfeld (textarea) in .txt-Datei speichern?

Hi,

wie kann ich den Inhalt einer Textarea als .txt-Datei speichern? Bitte mit Zeilen, also nicht alles hintereinander.

Danke =)

...zur Frage

Excel Export aus MySQL Datenbank per PHP?

Hallo, ich habe eine MySQL Datenbank mit mehreren Tabellen. Die Abfrage und Ausgabe im Browser funktioniert soweit ganz gut, jedoch möchte ich anstatt der Anzeige im Browser meine Abfrage als Excel Datei exportieren.

Das heißt ich führe das Script aus und der Browser bietet mir an eine Excel Datei mit dem entsprechenden SELECT Inhalt zum Downloaden und Speichern bzw. öffnen an.

Hat jemand vielleicht Hilfe mit den erforderlichen Code-Bausteinen oder evtl. sogar eine Komplettlösung? Ich bin echt am verzweifeln und bei google gefühlt auf Seite 50000...

...zur Frage

Wordpress Umzug/Backup Fehlerhaft?

Hallo, ich habe ein Wordpress Backup durchgeführt und die Webseite auf einen Anderen Server gepackt sowie die Domain geändert.

Jetzt habe ich Folgendes Problem, das Einzigste was an der Wordpress Webseite funktioniert ist der Login und die Startseite :D

Wenn ich ein Produkt öffnen möchte oder eine Seite bekomme ich einen 404 angezeigt.

Woran könnte dies Liegen?

So habe ich das Backup/Umzug durchgeführt.

Ich habe die Datenbank komplett heruntergeladen sowie die Links in options geändert und in eine zip datei gepackt, dann habe ich alle datein vom Server runtergeladen und wieder auf den Neuen Server geladen.

...zur Frage

Problem mit EJS und PHP?

Hallo,

Ich habe eine Index.EJS Datei mit folgendem Formular:

...

</form>

Dieses Formular soll dessen Inhalte beim Absenden durch einen Submit-Button zur index.php Datei senden, welche wiederum eine Email mit dem Inhalten versenden soll. Die PHP Datei funktioniert, da in einem vorherigen Test mit eine index.HTML Seite alles prima ablief. An dem Inhalt dem Formular kann es somit auch nicht liegen. Ich vermute ein Problem zwischen EJS und PHP.

Jedoch funktioniert es mit dem EJS nicht mehr. Es steht jedes mal dort:

"Cannot post /index.php"

Ich hoffe ihr könnt mir weiterhelfen!

Mit freundlichen Grüßen,

Sinnadahtura

...zur Frage

Css datei not found 404?

Hey,

ich bin gerade dabei eine kleine Webseite mit PHP zu erstellen (MNit Xampp und visual studio code). Ich habe meine Webseite in mehreren Dateien aufgeteilt, damit ich einen besseren Übersicht habe aber leider ist ein Fehler aufgetreten. Die css Dateien werden nicht geladen. Ich weiß nicht , woran es liegt denn die Pfaden zu den Dateien stimmen alle aber sie werden trotzdem nicht gefunden bzw. geladen und ausgeführt. Also die Seite ist dann nicht gestylt.

----------------header.php-----------------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/index.css">
    <title>Own Website</title>
</head>
<body>
    <header class="header">
        <div class="logo">
            <h2>Mode</h2>
        </div>
        <ul class="menu">
            <li class="items"><a href="#" class="links">Home</a></li>
            <li class="items"><a href="#" class="links">About</a></li>
            <li class="items"><a href="#" class="links">Service</a></li>
            <li class="items"><a href="#" class="links">Login</a></li>
        </ul>
    </header>
</body>
</html>

------------------------index.php-------------------
<?php include("./templates/header.php"); ?

---------------header.css--------------------

* {
    margin: 0;
    padding: 0;
}




body {

    background-color: #212121;

}

Meine Ordner Struktur

Die Fehlermeldung:

Diese Fehlermeldung bekomme ich, wenn ich mir den Seitenquelltext anschauen möchte und dann die css Datei aufmachen will. Die wird nicht gefunden.

Ich hoffe, dass ich das Problem halbwaches erklären konnte.

Danke im Voraus

...zur Frage

php Include Funktioniert nicht? Plesk?

Hallo an alle!
Ich habe ein kleines Problem. Eine externe Datei soll z.B. den Titel der Homepage Laden. Auf meinem Server ist Plesk Installiert und komme was wolle ich bekomme die Datei nicht mit dem Include befehl geladen auf einem Externen Server https://tek-cat.eu/test.php
<?php echo $title ?> sollte dann "Test" angezeigt werden

...zur Frage

DIV overflow: scroll; automatisch nach unten Scrollen?

Hallo,

ich habe ein Php Skript:

<?php
echo "<div class'eins'>Eins</div>"; 
echo "<div class'zwei'>Zwei</div>";


echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll;</div>";

echo "<div></div>";
?>

Den overflow: scroll; definiere ich in CSS.

Jetzt möchte ich, dass automatisch nach ganz unten gescrollt wird, wenn die Seite aufgerufen bzw. neu geladen wird.

Im Internet bin ich auf folgenden Code gestoßen:

<?php
echo '<body onLoad="letzteselement.scrollIntoView();">';

echo "<div class'eins'>Eins</div>"; 
echo "<div class'zwei'>Zwei</div>";


echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll; 
<a id="letzteselement" /> 
</div>";

echo "<div></div>";
?>

Bei Firefox funktioniert das auch einwandfrei, wenn ich allerdings einen anderen Browser benutze (z.B. Microsoft Edge) ist es, als ob der Code nicht existier -> es passiert nichts.

(Ich weiß nicht, ob es wichtig ist, aber der Inhalt meines Div wird aus einer Datenbank ausgelesen und ist relativ groß (Text))

Kent jemand noch einen anderen Code, der immer funktioniert?

...zur Frage

Apache PHP - mysqli extension wird nicht geladen?

hier meine php ini datei: http://pastebin.com/aKUMzZ3s

<?php
  $ini_path = php_ini_loaded_file();
   print_r($ini_path);
?>

E:\ini\php.ini

das stimmt

...zur Frage

PHP Datei wird bei Abruf der Website Herunter geladen?

Hey ich versuche myBB zu installieren leider klappt nichts wie es soll.

Die Website wird nicht angezeigt es wird nur eine index.php File heruntergeladen.

BS: Debian 9

PHP Version: 7.4

Sites-available:https://pastebin.com/GCvvmdd9

Danke für eure Hile!

...zur Frage

Datei auslesen und in Html ausgeben?

Hey! Ich möchte mittels Php eine Txt datei auslesen, und denn inhalt dann in html anzeigen lassen, wie wäre der code dafür?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen