Frage Iteration um 1 möglich ohne es von Hand zu machen?

[Doppelkorn]

Hallo zusammen,
Angenommen ich habe 2000 Bilder (jeweils 1000x jpg und gif) und 1000 Videos, welche alle mit Zahlen von 1-1000 benannt sind. (Gibt ja keinen Namenskonflikt aufgrund der Dateiendung)
Wie man sich vorstellen kann ist es ja ziemlich langwierig in einem HTML-Code jedes mal den gleichen Code zu kopieren und dort dann von Hand den Zahlenwert zu ändern, damit ein neuer gütliger Pfad erzeugt wird.

Bsp:
<a href="../1.mkv" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../1.gif',1)"><img class="lazy" data-original="../1.jpg" src="../1.jpg" alt="" width="200" height="180" id="Image1" />

So wenn man jetzt in diesem Beispiel bedenkt, dass ich 1000 mal diesen Code kopieren und die Zahlen ändern muss (in 2.gif, 3.gif, 4.gif etc), kommt man schnell zu dem Entschluss, dass ich nach 5 Stunden Hirntot bin.

Frage: Gibt es eine Möglichkeit dieses Vorhaben deutlich schneller zu realisieren?

 

[MrMurphy]

Hallo

Gibt es eine Möglichkeit dieses Vorhaben deutlich schneller zu realisieren?

Ja. Was für dich in Frage kommt musst du aber im Endeffekt selbst entscheiden. Zum Beispiel

a) JavaScript

b) PHP

c) Ein Editor mit einer erweiterten Makro-Sprache wie den UltraEdit

d) Editoren, die Emmet (früher Zen-Coding) unterstützen im Zusammenspiel mit der Suchen & Ersetzen-Funktion. Da fällt mir in erster Linie Sublime Text ein. Wobei Suchen & Ersetzen eine Grundfunktion ist und es Emmet für fast alle relevanten Browser als Zusatz gibt.

Gruss

MrMurphy

 

[Doppelkorn]

Hm ich habe jetzt Sublime Text 2 und Emmet installiert. Gibts irgendwo eine Anleitung wie ich für mein Vorhaben vorgehen muss? Ich habe nämlich gar keine Ahnung.

 

[MrMurphy]

Hallo

http://www.emmet.io/

http://devangelist.de/emmet-sublime-text/

http://docs.emmet.io/cheat-sheet/

Und die Suchmaschine deiner Wahl.

Mit Sublime Text und Emmet kann der Code komplett erstellt werden auch ohne Suchen & Ersetzen.

Bist du sicher, dass die beiden Image1-Einträge nicht hochgezählt werden sollen? Zumal id auf einer Seite nur einmal vorkommen dürfen? Wobei die id in der Regel sowieso komplett überflüssig sind.

Gruss

MrMurphy

 

[Tronjer]

Hm ich habe jetzt Sublime Text 2 und Emmet installiert. Gibts irgendwo eine Anleitung wie ich für mein Vorhaben vorgehen muss? Ich habe nämlich gar keine Ahnung.

Wenn Sublime Text, dann Sublime Text 3 und mit Emmet hat das wenig zu tun. Du solltest den Code mittels einer for() Schleife in der Scriptsprache deiner Wahl ausgeben.

 

[Doppelkorn]

Ich hab mir nen kleinen C Code gebastelt und alles in eine Textdatei geschrieben.

@MrMurphy
Wie meinst du das? Also warum sind die ID Einträge überflüssig?

 

[MrMurphy]

Hallo

Also warum sind die ID Einträge überflüssig?

id und class haben unterschiedliche Aufgaben. Anfänger sind aus irgendwelchen mir unerfindlichen Gründen der Ansicht das id besser und wichtiger als class sind. Besonders krass wird es dann, wenn die gleiche id mehrfach auf einer Seite erscheint und / oder ohne Ende "!important"ed wird.

id sind nur erforderlich, wenn sie aus aus sachlichen Gründen nur einmal auf einer Seite erscheinen dürfen.

Zudem ist es heutzutage guter Stil, den Quellcode möglichst schlank zu halten und auf JavaScript so weit wie möglich zu verzichten. Da gibt es bei dir noch viel zu tun.

Wenn Sublime Text, dann Sublime Text 3

Ich benutzte beide Versionen friedlich nebeneinander - bislang ist mir noch keine Situation untergekommen, in der ich Sublime Text 3 benutzen musste, weil Sublime Text 2 überfordert war. Beide funktionieren problemlos.

Die Homepage von Sublime Text gibt leider auch nicht viel her. Einerseits wird dort Sublime Text 3 eindeutig bevorzugt, andererseits lautet der erste Satz auf der Download-Site "Sublime Text 3 is currently in beta. The latest build is 3103." Ich bin immer sehr zurückhaltend, grade Anfängern Beta-Versionen zu empfehlen oder gar aufzuzwingen.

Mein Fazit: Aktuell ist es vollkommen wurscht, ob Sublime Text 2 oder Sublime Text 3 verwendet werden.

mit Emmet hat das wenig zu tun

Warum nicht? Emmet ist schließlich dafür gedacht Eingaben zu vereinfachen und Tataturanschläge zu minimieren.

Wie schon geschrieben gibt es verschiedene Lösungen. Und wenn man täglich mit Emmet arbeitet ist es vollkommen überflüssig zusätzlich eine Scriptsprache anzuschmeißen. Zumal es mit Emmet wahrscheinlich viel einfacher als mit einer Scriptsprache geht.

Du kannst mir aber gerne eine Script-Lösung zu Doppelkorns Problem zeigen, die einfacher als die Lösung mit Emmet funktioniert.

Gruss

MrMurphy

 

[Tronjer]

Ich verwende Emmet selbstverständlich auch, aber das dient zur Erstellung eines HTML Grundgerüsts und autocomplete von Tags.

Vielleicht habe ich die Frage ja falsch verstanden, aber wenn ich eine größere Anzahl von Objekten innerhalb eines Templates rendern will, mache ich das per Repeater. Das könnte ein forEach sein, falls die Objekte das Ergebnis eines Datenbankrequests sind, oder eine einfache For-Schleife, wenn die Dateinamen mit aufsteigenden Ziffern enden. for (var i = 0; i <= 1000; i++ ) { bildname.jpg }

Nebenbei bemerkt, bin ich nach 3 Jahren Sublime Text auf Webstorm umgestiegen. Der hebt autocomplete auf einen neuen Level, weil er von den eingebunden Libs als auch bei den von mir erstellen Dateien jede Methode und CSS Klasse kennt, diese automatisch vorschlägt und Fehler sofort anzeigt.