Frage zum Wiki-Artikel „Formulare“ und Fehlertoleranz Browser

[Henry]

Hallo Rolf,

Es sei denn, du hast bisher GAR keine Erfahrungen mit Webseiten und suchst nur eine Quelle zum Abschreiben unverstandener Brocken. Dann wäre dir eine Lektüre der diversen Tutorials in unserem Wiki zu empfehlen, um dieses Stadium zu überwinden.

na ja, noch ein wenig mehr Starthilfe kann ja nicht schaden. Zumal ich selber eine Frage dazu habe 😉

<input oninput="document.getElementById('showpic').src = this.value;">
<img id="showpic" style="max-width:100%;" src="">

@Seifried

Daraus kannst du dir die Funktionsweise ableiten. Du musst allerdings den kompletten Namen inkl. Pfad(wenn vorhanden)und Dateiendung eingeben. Bsp: bilder/gestern/meinbild.jpg

Wenn das einheitlich und bekannt ist, zb, alles im Verzeichnis/Ordner "bilder" und die Endung immer .jpg, dann wäre das so:

<input oninput="document.getElementById('showpic').src = 'bilder/'+this.value+'.jpg';">  

In dem Fall brächtest du jetzt nur noch den Dateinamen ohne Endung eingeben, zb. bild1

So, jetzt zu meiner Frage.

Kurioserweise, zeigen die Browser eine seltsame Fehlertoleranz. Wenn ich die Endung vorgebe, also zb. ".jpg", schreibe ins Input aber dennoch zb. "bild1.jpg" wird daraus natürlich zwar "bild1.jpgjpg". Angezeigt wird's trotzdem.

Beispielbild(vom Rolf):

https://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Stadtbild_K%C3%B6ln.jpg/800px-Stadtbild_K%C3%B6ln.jpgjpg

Ist so eine Fehlertoleranz sinnvoll?

Gruss
Henry