Webseite Suchfunktion für Dateien (HTML)?

Guten Tag

Ich habe auf meinem Localhost mit HTML5 eine kleine Webseite gemacht (Siehe Bild). Auf dieser Habe darauf mit einem Text 2 Dokumente zum Download angeboten (Siehe Bild2). Drüber habe ich ein Suchfeld erstellt, mit Vorschlägen die man aussuchen kann.

Zur Frage: Ich habe viel gesucht im Internet, aber ich weiss nicht wie ich es hinkriege, dass wenn ich "finden!" drück, es mir die Datei Hervorhebt ( Markieren, nur eine Datei Anzeigen, grösser machen... Spielt keine Rolle).

Wie bekomme ich das hin? Ich wäre auch offen für andere Suchfelder, muss nicht dieses sein.

Danke schon Mals im Voraus.

Simon

19.05.2021, 08:33

Hier Die bilder

1 Antwort

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Computer

19.05.2021, 08:34

willst du deine webseite durchsuchen oder mal anfangen mit serverseitigem script um wirklich in deinen dateien zu suchen ,bzw durch die dateinamen ?

im browser wirds mit JavaScript gemacht und ein und ausblenden .

p.s. deine webseite läuft im Browser und nicht auf dem Server, der liefert nur die Datei/en aus ;)

Simonrmueller

Fragesteller

19.05.2021, 08:37

Ja ein Serverseitiges Skript wäre eigentlich am besten. Habe ich aber noch nie gemacht, geht das lange? Ist das Schwer?

TechPech1984

19.05.2021, 08:41

@Simonrmueller

ja nein vielleicht , du solltest wenigsten mal anfangen z.b. mit PHP

https://www.php-einfach.de/php-tutorial/

danach sollte das nicht mehr das problem sein , du musst dir die sachen nur zusammen suchen und dann fragste halt hier wie die schnippsel zusammen zu basteln sind . solltest du dann via https://pastebin.com/ den code posten .

im entefekt brauchst du was mit directory durchsuchen . oder wenns inhalt sein soll , wohl eher mit Datenbank arbeiten , aber fang erstmal an PHP Erfahrung zu sammeln , wirst Du eh brauchen .

Simonrmueller

Fragesteller

19.05.2021, 09:01

@TechPech1984

Ok. Danke aber das ist mir jetzt zu kompliziert XD. Kannst du mir sagen wie es einfach auf der ganzen Seite nach dem Wort sucht.? Also nicht vom Browser aus Suchen, schon im eigenen Suchfeld. Danke.

TechPech1984

19.05.2021, 09:28

@Simonrmueller

z.b. so

https://jsfiddle.net/dmagv2zb/1/

TechPech1984

19.05.2021, 09:31

@TechPech1984

oder

https://jsfiddle.net/dmagv2zb/2/

Simonrmueller

Fragesteller

19.05.2021, 09:54

@TechPech1984

Wow, Danke vielmals. Wie muss ich das Javaskirpt speichern, also die Endung? Und muss ich noch im Html code dieses Skript einbinden?

TechPech1984

19.05.2021, 10:10

@Simonrmueller

such doch mal mit einer suchmaschine nach HTML javascript einbinden .

Simonrmueller

Fragesteller

19.05.2021, 10:46

@TechPech1984

oke danke

Ich brauche Hilfe dabei ein Suchfeld auf meiner Webseite zu machen, die im Internet nicht verfügbar ist. Einstweilen ist sie nur lokal auf meinem Gerät gespeichert. Kann mir bitte jemand einen fertigen Code zur Verfügung stellen mit genauer Erklärung wo der hingehört und worauf ich zu achten habe.

Vielen Dank!

...zur Frage

Wie kann ich ein suchfeld in HTML erstellen?

Hallo

Ich will eine Webseite Programmieren. Da ich in einem html Kurs war haben ich schon einige Grundlagen gelernt. Nun möchte ich aber ein Suchfeld in die Webseite einbinden, mit dem ich eine Datenbank durchsuchen kann. Kann mir jemand sagen, wie ich das hinkriege?

Vielen Dank im Voraus.

...zur Frage

Windows 11 Explorer Suchfeld nicht anklickbar, was tun?

Hallo,

ich habe das seltsame Phänomen, ich kann seit geraumer Zeit in meinem Windows 11 mein Suchfeld im normalen Datei Explorer nicht mehr benutzen.
Man kann nicht mal rein klicken, als wäre es blockiert, oder existiert nicht, obwohl man es sieht.

Div. Problemlösungen und Reparaturversuche für "ähnliche" Problembeschreibungen wurden schon durchgeführt, ohne Erfolg.
Seltsam ist auch.

Per "Tab" komme ich in das Feld (man erkennt aber keinen Cursor) und ich kann nur einzelne Buchstaben eintippen, sofern ich aber einen anderen Buchstabe eintippe, wird der vorherige ersetzt.

Was kann ich tun um das besagte Suchfeld (siehe Bild) wieder benutzen zu können?
Danke

...zur Frage

Wie kann ich interaktive Dateien mit Hoverfunktionen und Seitennavigation in meine Webseite einbinden?

Hallo und guten Tag.

Wie binde ich eine Datei nahtlos auf meiner Webseite ein (Grafik-Programm Export: HTML5-Code), die Fotos, Animationen, Hovertexte und die Seitennavigation (Branching über Klick-Buttons) enthält?

Ich möchte die Datei nahtlos auf der Seite laufen lassen, sodass nicht ein zusätzlicher Frame oder ein Popup/Lightbox aufgeht.

Beispiele sind Interaktive Infografiken oder E-Learning-Kurse mit Hover, mehrere Seiten, die über klickere Buttons erreichbar sind.

Ich bitte um Nachsicht, da ich Grafiker bin und diese Funktion nur von Programmen kenne und selbst nicht programmiere.

Manche schaffen das, aber wie?

Es gibt sogar die Möglichkeit, über ein beliebiges HTML5-Pugin eine solche interaktive Datei auf der Seite einzubinden und von einem dritten Ort auf einer Grafikplattform in Echtzeit auf der Webseite zu bearbeiten, während der Betrachter sich die Datei anschaut (Real-time Präsentationsfunktion). Wie funktioniert das?

Lieben Dank für alle Hinweise

...zur Frage

AJAX: Webseite URL angeben?

Hallo,

ich möchte per AJAX eine Datei, die auf einem Webserver liegt, überprüfen. Wie kann ich die URL richtig angeben?

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("test").innerHTML = this.responseText;
  }
};
xhttp.open("GET", "http://test.test/test.php", true);
xhttp.send();

Wenn ich das so angebe, wie im Beispiel als test.test/test.php, funktioniert bei mir nichts.

Wenn ich jedoch die test.php auf dem gleichen Server wie den Request habe, die Datei dann als test.php angebe, funktioniert alles.

Wie kann ich eine Url angeben, sodass es funktioniert?

Edit: Fehlermeldung:

[Error] Origin http://localhost is not allowed by Access-Control-Allow-Origin.
[Error] XMLHttpRequest cannot load https://test.test.test/test.php due to access control checks.
[Error] Failed to load resource: Origin http://localhost is not allowed by Access-Control-Allow-Origin. (test.php, line 0)

...zur Frage

Aufrufe-"Zähler" für Webseite programmieren?

Hallo,

ich hätte gerne einen Counter für meine Webseite, der mir anzeigt wie oft sie aufgerufen wurde. Es soll keine IP gespeichert werden (um mehrmaliges aufrufen vom Client zu verhindern).

Ich habe nur Tutorials gefunden wo dann eine .txt - Datei angelegt wird, geht es auch anders? Wenn zB jemand www.meineseite.de (Home) Aufruft, soll auf www.meineseite.de/admin/dashboard in der Statistik sich die Zahl um +1 erhöhen (siehe Bild).

Wie schaffe ich sowas?

...zur Frage

Über eine Webseite JSON-Datei auf einem Webserver lesen/schreiben?

Ich hoste eine Webseite auf einem Apache 2 Webserver (Linux) und habe eine Datei "table.json" im root-Verzeichnis des Webservers. In der Datei werden Tabellendaten gespeichert.

Die Webseite soll den Inhalt der Datei in einer Tabelle anzeigen. Außerdem soll der Client in der Lage sein, die Tabelle über die Webseite zu bearbeiten (hinzufügen/löschen von Zeilen).

Da nur ein einziger Client in einem lokalen Netzwerk auf die Website zugreifen wird, sah ich keine Notwendigkeit für eine Datenbank. Ich dachte auch, dass dies einfacher und schneller zu implementieren wäre.

Was ist der beste bzw. der übliche Ansatz, mit serverseitigen Dateien über eine Website zu interagieren?

...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

Wie kann ich eine HTML-Datei auf wix.com hochladen?

Ich habe meine Webseite bei der Google Search Console eingerichtet und dann eine HTML Datei bekommen, die ich auf meiner Webseite hochladen muss um sie zu bestätigen.

Ich habe schon versucht, diese Datei mit dem HTML einzubetten. Das hat aber nicht geklappt und wenn Ich auf Datei hochladen klicke, kommt immer, dass Ich keine HTML-Datei hochladen kann.

...zur Frage

Suchfunktion bei PDF-Datei funktioniert nicht, warum?

Ich habe ein Online-Buch. Wenn ich STRG + F tippe, kommt ein Suchfeld. Es zeigt aber immer 0 Ergebnisse an, auch wenn es das Wort, dass ich eingebe offensichtlich gibt.

Weiß jemand, warum das nicht funktioniert?

...zur Frage

HTML/Javascript Wert speichern ohne Server?

Sagen wir mal meine Aufgabe ist es eine Webseite zu erstellen mit einem Counter, drückt man drauf zählt er hoch. 0->1->2->3>-4>-5->...

Der Wert soll aber gespeichert werden, wenn die nächste Person diese Seite aufruft, soll der Counter nicht wieder bei 0 anfangen, sondern da wo die anderen Personen aufgehört haben.

Das Problem: ich darf NUR HTML, CSS und Javascript benutzen.

Geht das überhaupt ohne PHP, Datenbank oder ähnlichem?

Ich hab gelesen es gibt Local Storage von HTML5 und es gibt Cookies, aber die sind nur für den Benutzer lokal und bringt mir nichts, soweit ich das verstanden habe.

Könnte ich irgendwie die Werte in einer Text Datei speichern und die Text Datei mit HTML oder Javascript wieder auslesen?

...zur Frage

XAMPP?

Hallo an alle Webexperten,

möchte gerne eine Webseite auf einem localhost server programmieren.

Habe index.html und index.php. Im SQL Ordner liegt eine Html Datei und ein weiter Ordner mit Daten, die bei der Datenbankerstellung generiert wurden.

Ist das richtig so?

Da es mehr als 1 Dateien sind, hier ein sicherer Link. https://drive.google.com/drive/folders/1fwfR4eVJF47ldQuoulLQ9O_wl_vvhKMf?usp=sharing

...zur Frage

Wie kann ich eine Passwort geschützte PDF Datei per HTML in eine Webseite einbinden?

Hallo,

ich möchte eine Passwortgeschützte PDF Datei aus dem Internet in eine Webseite einfügen. Dies soll über eine Vorschau funktionieren und nicht als Link angezeigt werden. Normale PDF Dateien kann man ja per iframe einbinden, aber ich habe bisher keinen weg gefunden dies mit einer Passwortgeschützten PDF zu machen.

Beste Grüße

...zur Frage

Wie lasse ich Daten in eine Textdatei reinschreiben und auslesen bzw. anzeigen?

Ich will Aufrufzahlen in eine .txt Datei schreiben und auf einer anderen Webseite (im selben Verzeichnis) wieder anzeigen lassen. Alles ohne Datenbank.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen