• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Javascript für Linkprüfung und Bildeinsatz nutzen möglich?

C

Cash3000

Neues Mitglied
Moin,
wollte fragen ob es möglich ist mit Javascript auf einer bestimmten Seite meiner Website alle Links zu prüfen und dann an bestimmten Stellen dafür Bilder einzufügen? Wenn es möglich ist, hätte ich gerne ein einfaches Codebeispiel. Serverseitige Sprache möchte ich nicht verwenden, da es sich um eine Intranetseite handelt und somit für mich nicht nötig ist.

Bsp (stark vereinfacht):
<html>
<head>
</head>
<body>
www.hierstehteinlink.xyz Javascript prüft diesen Link = Online (neben diesem Link soll jetzt ein online.jpg erscheinen)
www.hierstehteinlink.cxy Javascript prüft diesen Link = Offline (neben diesem Link soll jetzt ein offline.jpg erscheinen)
www.hierstehteinlink.gtz Javascript prüft diesen Link = Offline (neben diesem Link soll jetzt ein offline.jpg erscheinen)
</body>
</html>

Das ganze soll natürlich immer schon passieren, während die Seite geöffnet wird und nicht beim anklicken der Links, damit ich immer einen Überblick habe, ob alle Dateien vorhanden sind oder evtl. eine beschädigt ist.

Danke und liebe Grüße,
Cash
 
@Aaron3219
Stell dir vor ich habe 3000 links auf der Seite. Dann müsste ich hier für jeden Link eine If Abfrage starten. Das wäre extrem Zeitaufwändig. Gibt es kein Script, dass automatisch alle Links prüft?

@Sempervivum
Wie gesagt, Serverseitige Sprachen scheiden aus.
 
Oh da habe ich dich falsch verstanden.
Ich dachte, du wolltest einfach nur das Bild abhängig vom URL-Namen machen.
Nicht, dass du den online-Status überprüfen willst.

In diesem Falle erst noch eine Frage:
In was für einem HTML-Element ist der Link, falls er online ist?
Ist es ebenfalls ein Bild und es würde z.B. nur ein Errorbild angezeigt werden?

Edit:
Wie auch immer, folgendes ist mir eingefallen:
Es geht ganz einfach (fast) ohne Javscript.
Onerror heißt das Zauberwort.
https://jsfiddle.net/Aaron3219/ww4h3roj/
 
Zuletzt bearbeitet:
So sieht das Konstrukt aus:
<td><a href="pfad/dateiname.datei">Name der Datei</a></td> <td><img src="on.png"> online</td>

Ich möchte jetzt, dass das Skipt jeden Link im "href" prüft und anschließend im Teil "src="on.png" das Bild ersetzt, wenn die datei offline ist. Im besten Fall sogar noch den Namen "online" daneben durch offline ersetzt.
 
Naja gut...
Falls deine Links auf derselben Domain sind, wie die Seite, die verlinkt, dann ist es in der Tat möglich.
Wenn du allerdings andere Seiten verlinkst und da überprüfen willst, ist dies nicht mit Javascript, sondern mit PHP möglich. Da gibt es keine Ausnahmen und falls dies der Fall sein sollte, musst du wohl Zwangsläufig PHP benutzen.
 
Es geht tatsächlich nur um Links auf derselben Domain. Nicht um externe Links.

Ich habe das jetzt mal so eingesetzt:
<td><a href="pfad/datei.datei">Name der Datei</a></td> <td><img alt="" src="Pfad/on.png" onerror="this.setAttribute('src', 'Pfad/off.png')"> online</td>

Allerdings tut sich da nichts bei mir. das Bild ändert sich nicht, obwohl der Link nicht funktioniert. Habe ich etwas vergessen?
 
In erster Linie handelt es sich um .mp4 dateien, die bei einem klick auf den Link abgespielt werden im Browser.

<td><a href="pfad/datei.mp4">Name der Datei</a>

Wenn ich auf diesen Link klicke, und die Datei nicht gefunden werden kann, zeigt mir der Browser ja einen Fehler an. Das Script, dass ich benötige, soll ja nur diese ganzen Links checken und auf der selben Seite, wo der Link steht, ein Bild einsetzen, dass mir sagt ob die Datei verfügbar ist (also der Link führt zu einer gewünschten Datei) oder eben nicht verfügbar ist (der Link führt auf eine fehlerseite)
 
Genau, es geht nur darum ob die Datei vorhanden ist. Und das soll mir in Form eines Bildes neben dem zu prüfenden Link angezeigt werden. Ich öffne eine bestimmte Seite und sehe dann sofort "aha die und die Datei ist nicht verfügbar"
 
Auch das funktioniert nicht, es wird ja nirgendwo ein Bild angezeigt. Ich versuchs mal mit einem Codebeispiel, vielleicht wird dann genau klar was ich meine.
 
Alles klar das scheint schonmal zu klappen. Alle Dateien die nicht verfügbar sind, werden auch als offline angezeigt. Die Dateien, die verfügbar sind, werden allerdings auch als offline angezeigt.
 
Zuletzt bearbeitet:
Nein der Zugriff erfolgt nicht über einen Webserver. Es handelt sich um eine einfach Seite die auf Dateien auf der Festplatte zugreift. Ich weiß leider nicht welche Konsole du genau meinst.
 
Gut dann liegt es wahrscheinlich daran. Gibt es denn die Möglichkeit mit Javascript? Dafür wird doch kein Webserver benötigt. Die Console spuckt hier nur als Fehler aus:

Failed to load file... Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
 
Sag' mal, rede ich hier mit einer Parkuhr oder ignorierst du meine Antworten mit Absicht, weil sie dir keine fertige Lösung liefern?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben