gemeinsam zwiften | facebook-Gruppe | youtube | instagram | forum heute
Trainingslager Südbaden
Triathlon Trainingslager Südbaden
Keine Flugreise
Deutschlands wärmste Gegend
Kilometer sammeln vor den Wettkämpfen
Traumhafte Trainingsstrecken
Training auf dem eigenen Rad
03.-11. Juli 2021
31. Juli bis 8. August 2021
EUR 340,-
Javascript-Kenner gesucht - Seite 3 - triathlon-szene.de | Europas aktivstes Triathlon Forum
Zurück   triathlon-szene.de | Europas aktivstes Triathlon Forum > Offtopic > Sonstiges
Registrieren Benutzerliste Suchen Heutige Beiträge

Antwort
 
Themen-Optionen
Alt 11.05.2021, 15:05   #17
iChris
Szenekenner
 
Benutzerbild von iChris
 
Registriert seit: 29.08.2013
Beiträge: 1.598
Hi Hafu,

hab dir eine PN geschickt.
iChris ist offline   Mit Zitat antworten
Alt 11.05.2021, 19:09   #18
Thorsten
Szenekenner
 
Benutzerbild von Thorsten
 
Registriert seit: 03.03.2007
Ort: Wetterau
Beiträge: 15.986
Zitat:
Zitat von Hafu Beitrag anzeigen
Ok, ich dachte mit meinem rudimentären Anwender-IT-Viertelwissen, dass man mit Java-Programmierbefehlen Java-Scripts schreibt.
Nein - und wer selbst keine Verbrechen gegen die Menschlichkeit begangen hat, sollte auch nicht mit JavaScript bestraft werden .
__________________
Die meisten Radwegbeschilderungen wurden von Aliens erschaffen.
Sie wollen erforschen, wie Menschen in absurden Situationen reagieren.
Thorsten ist offline   Mit Zitat antworten
Alt 11.05.2021, 19:46   #19
Flow
Szenekenner
 
Benutzerbild von Flow
 
Registriert seit: 09.10.2006
Ort: Berlin
Beiträge: 17.188
Zitat:
Zitat von Thorsten Beitrag anzeigen
Nein - und wer selbst keine Verbrechen gegen die Menschlichkeit begangen hat, sollte auch nicht mit JavaScript bestraft werden .


Schön, daß der Titel endlich geändert wurde ... jetzt atmet es sich wieder unbeschwerter beim Blick ins Forum ...
__________________

Flow ist gerade online   Mit Zitat antworten
Alt 11.05.2021, 22:05   #20
zahnkranz
Szenekenner
 
Benutzerbild von zahnkranz
 
Registriert seit: 17.09.2008
Beiträge: 484
Zitat:
Zitat von schnodo Beitrag anzeigen
Von der Hauptseite unter der Rubrik Videos führt der Button "SEE MORE" zu "https://www.annamariefunk.de/Videos.html"

Diese Seite existiert nicht (das ist ganz unabhängig von Browser oder Reload, weil eine Fehlermeldung vom Server kommt):
Genau das habe ich gemeint, von der Hauptseite der Link zu den Videos, Browser-unabhängig.
zahnkranz ist offline   Mit Zitat antworten
Alt 11.05.2021, 22:35   #21
binolino
Szenekenner
 
Registriert seit: 19.03.2018
Ort: Neuburg/Do.
Beiträge: 283
Hallo Hafu,

entwickle sowohl Java als auch JavaScript :-P ... aber hier ist wohl eher letzteres gefragt.

Das Script masonry.pkgd.min.js hat deine Tochter wohl von https://masonry.desandro.com

Aber sie hat wohl die Initialisierung noch mit oben reingeschrieben. Dabei hat sie die Initialisierung mit jQuery versucht:

Zitat:
// init Masonry
var $grid = $('.grid').masonry({// options...
});
// layout Masonry after each image loads
$grid.imagesLoaded().progress(function() {
$grid.masonry('layout');
});
Das sollte sie aus mehreren Gründen entfernen:
1. wenn sie die Fremdbiblothek irgendwann aktualisieren will, kann sie nicht einfach die Datei tauschen "und gut is" sondern sie muss daran denken, dass sie hier etwas manipuliert hat. Üblicherweise macht man solche Initialisierungen in eine eigene JavaScript-Datei

2. Es wurden keine Options angegeben: Der Inhalt wo // options steht fehlt. Im Beispiel auf der o.g. Webseite steht:
Zitat:
$('.grid').masonry({
// options
itemSelector: '.grid-item',
columnWidth: 200
});
3. Ihre Seite nutzt kein jQuery also sollte sie auch nicht die Initialisierung via jQuery wählen. Das Problem an JavaScript... sobald 1 Fehler auftritt (den man nicht behandelt hat), wird kein weiterer JavaScript-Code ausgeführt. Hier wird jQuery ($) nicht gefunden.

4. Deshalb funktioniert auch die Initialisierung via HTML nicht, da der JavaScript-Code unterhalb des eingefügten Teils nicht mehr ausgeführt wird.

Zitat:
<div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 399, "fitWidth": true, "gutter": 30 }'>
Der schaut für mich auf den ersten Blick sauber aus. Zumindest steht es auf o.g. Anleitung der Webseite nicht anders aus.

Also selbst geschriebenen Code entfernen und happy sein :-)
__________________
Ingolstadt
10.06.18 1:37:56 (750m 0:21:21 / 05:39 / 20km 0:37:31 / 03:50 / 4,6km 0:29:36)
26.05.19 1:37:56 (750m 0:22:49 / 04:49 / 20km 0:37:17 / 03:06 / 4,6km 0:29:57)

Beilngries
25.08.18 1:32:52 (750m 0:22:24 / 02:57 / 20km 0:34:39 / 01:36 / 5km 0:31:14)
17.08.19 1:48:47 (750m 0:26:22 / 02:20 / 21,6km 0:44:11 / 02:32 / 65km 0:33:25)


Teilnehmerin des SportIN und Neuburger Laufcups
Follow on Strava
binolino ist offline   Mit Zitat antworten
Alt 12.05.2021, 06:26   #22
Hafu
Szenekenner
 
Benutzerbild von Hafu
 
Registriert seit: 23.10.2006
Beiträge: 15.763
Zitat:
Zitat von binolino Beitrag anzeigen
Hallo Hafu,

entwickle sowohl Java als auch JavaScript :-P ... aber hier ist wohl eher letzteres gefragt.

Das Script masonry.pkgd.min.js hat deine Tochter wohl von https://masonry.desandro.com

Aber sie hat wohl die Initialisierung noch mit oben reingeschrieben. Dabei hat sie die Initialisierung mit jQuery versucht:

...
Da muss ich meine Tochter in Schutz nehmen, den o.g. Codeschnipsel habe ich gestern abend noch selbst reingemurkst (Copy und paste-übernommen von der von dir genannten Website des masonry-Entwicklers) um den von ihm empfohlenen Workaround mit imagesload.pkgd.min.js zur Vermeidung der "overlapping irtems" zu implementieren.
Aber erstens wusste ich nicht, dass man da noch options implementieren muss und zweitens nicht, wo genau man den zusätzlichen Code einfügen muss.

Habe den falsch eingefügten Code jetzt erstmal wieder entfernt, aber irgendwie funktioniert masonry gerade nicht mehr. Evt. muss man das masonry-Skript nochmal neu in html initialisieren.

Aber da soll sich Anna-Marie heute darum kümmern (ich muss jetzt erstmal wieder in die Arbeit). Sie hat auch noch diverse andere Verbesserungs- und Korrekturhinweise bekommen. Vielen Dank vorab der ganzen Community für die Hilfe.
__________________
balancing triathlon with life

www.funkfamily.de
Hafu ist offline   Mit Zitat antworten
Alt 12.05.2021, 07:51   #23
iChris
Szenekenner
 
Benutzerbild von iChris
 
Registriert seit: 29.08.2013
Beiträge: 1.598
Zitat:
Zitat von binolino Beitrag anzeigen
4. Deshalb funktioniert auch die Initialisierung via HTML nicht, da der JavaScript-Code unterhalb des eingefügten Teils nicht mehr ausgeführt wird.

Der schaut für mich auf den ersten Blick sauber aus. Zumindest steht es auf o.g. Anleitung der Webseite nicht anders aus.

Also selbst geschriebenen Code entfernen und happy sein :-)
Das kann man so leider nicht unterschreiben. Die Initialisierung der Lib via HTML führt wie mehrfach geschildert zum Problem, dass die Bilder erst korrekt dargestellt werden wenn alles mal im Cache liegt. Im FAQ der Lib wird auch explizit drauf hingewiesen, dass wenn man das Ganze mit Bildern nutzen will auch imagesLoaded verwenden soll und das dann auch richtig initialisert.


Zitat:
Zitat von Hafu Beitrag anzeigen
Aber erstens wusste ich nicht, dass man da noch options implementieren muss und zweitens nicht, wo genau man den zusätzlichen Code einfügen muss.
Wie schon von binolino beschrieben lässt man Libs eigentlich unangepasst. Theoretisch würde das trotzdem funktionieren wenn du eben jQuery und imagesLoaded zuvor eingebunden hast, da das initialize erst nach der Einbindung passiert. "Sauber" wäre es ein separates File als letztes hinzuzufügen.

Das Mansonry funktioniert jetzt nicht mehr, da das JS jetzt ein Syntax Error hat.
Du hast vergessen var $grid = $('.grid').imagesLoaded( function() { zu entfernen.


Füge einfach die fehlenden Libs hinzu:
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script src="Js/masonry.pkgd.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="Js/Navbar.js"></script>

und packe das initialisieren entweder in ein neues File oder in das schon vorhande Navbar.js und gebe dem vielleicht einen generischeren Namen.

Zitat:
$(document).ready(function() {
var $grid = $('.grid').imagesLoaded(function() {
$grid.masonry({
itemSelector: '.grid-item',
columnWidth: 399,
gutter: 30,
fitWidth: true
});
});
});
https://jsfiddle.net/u0qrkvpt/

und das data-masonry aus dem MarkUp entfernen

Geändert von iChris (12.05.2021 um 08:04 Uhr).
iChris ist offline   Mit Zitat antworten
Alt 12.05.2021, 08:34   #24
Hafu
Szenekenner
 
Benutzerbild von Hafu
 
Registriert seit: 23.10.2006
Beiträge: 15.763
Zitat:
Zitat von iChris Beitrag anzeigen
...
Wie schon von binolino beschrieben lässt man Libs eigentlich unangepasst. Theoretisch würde das trotzdem funktionieren wenn du eben jQuery und imagesLoaded zuvor eingebunden hast, da das initialize erst nach der Einbindung passiert. "Sauber" wäre es ein separates File als letztes hinzuzufügen.

Das Mansonry funktioniert jetzt nicht mehr, da das JS jetzt ein Syntax Error hat.
Du hast vergessen var $grid = $('.grid').imagesLoaded( function() { zu entfernen.
Danke für die Analyse. Hab den Code wieder entfernt und jetzt geht mansonry zumindest wieder wie zuvor (mit Reload).

Zitat:
Zitat von iChris Beitrag anzeigen
...
Füge einfach die fehlenden Libs hinzu:
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script src="Js/masonry.pkgd.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="Js/Navbar.js"></script>
Wo genau füge ich diese Libs hinzu?



Zitat:
Zitat von iChris Beitrag anzeigen
...

und das data-masonry aus dem MarkUp entfernen
Das bedeutet was genau? Editieren der index.html?
__________________
balancing triathlon with life

www.funkfamily.de
Hafu ist offline   Mit Zitat antworten
Antwort


Themen-Optionen

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge anzufügen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

vB Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.
Gehe zu

Alle Zeitangaben in WEZ +1. Es ist jetzt 02:15 Uhr.

XXX
Nächste Termine
Filmtipp aktuell
Schwimmen im Freiwasser
Tipps von Weltrekordler Christof Wandratsch
Playlists
Filmtipp aktuell
180 km Zeitfahren:
Fakten, Fazit, Sitzposition
Anzeige:
Anzeige:

Powered by vBulletin Version 3.6.1 (Deutsch)
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.