Firefox Problem mit Anker Sprungmarken

skygreen · 10. November 2019 um 02:47

Hallo,

ich habe folgendes Problem mit Firefox Version (2.0.0.1 bei 2.0.0.6 ebenso) und
wäre für Hilfe sehr dankbar.

Ich rufe eine HTML Seite auf und gebe mit …#anker_name einen Anker in
der Adresse mit.
Weil diese Seite aber Teil eines Frames ist bzw. sein sollte. Wird geprüft
ob die Frames herum bereits vorhanden sind. Sind sie nicht, also wird
die komplette Frameseite aufgebaut und im rechten Frame meine gewünschte
Seite angezeigt und zum Anker gesprungen. Es handelt sich dabei um generierten Code,
glaune mittels JavaScript wird da Anker etc. übergeben, was grundsätzlich auch funktioniert.
Genau so sollte es ablaufen.
Problem: Der richtige Sprung zum Anker funktioniert beim 1.Aufruf nicht, in diesem
Fall wird zu hoch eingesprungen. Macht man einen Reload (über Firefox Button)
springt Firefox auf die richtige Position.
Ist Firefox bereits geöffnet hat die Seite quasi schon im Cache und ich rufe
meine Seite in einem neuen Tab auf, funktioniert der korrekt Ankersprung ebenso.
Nur wenn Firefox neu gestartet wurde, klappt es nicht.

Habe bereits einiges versucht aber bislang ohne Erfolg. Das einzige was mir aufgefallen ist,
ist wenn ich in den CSS für die Images angebe. Dann funktioniert der
korrekte Einsprung immer. Natürlich werden dann Bilder teilweise überdimensional und mit
schlechter Auflösung dargestellt, dies ist daher keine Lösung.

Kennt jemand das Problem?
Vielen Dank im voraus,
Skygreen

skygreen · 10. November 2019 um 02:49

Update: Habe festgestellt, dass der Grund für den falschen Einsprung definitiv die Bilder sind.
Die Bilder werden im html file mit angelegt. Also es wird keine Höhe und Width mitgegeben! Anscheinend hat Firefox hier ein Problem. Sobald ich width und height eintrage funktioniert es!
Das Problem ist dass die HTML Files von einem Tool generiert werden und sich in einem File bis zu 30 Bilder befinden. Und ich so ständig nach einem neuen Generierungslauf alle Größen der Bilder eintragen müsste.
Daher eine Frage:
Gibt es eine Möglichkeit wie man die Werte für jedes image nach dem Laden per Javascript eintragen könnte. Die Bilder sollen alle in der Originalgröße angezeigt werden. Oder hat jemand eine andere bessere Lösung?

Vielen Dank im voraus,
Skygreen

RakonDark_2d341e · 10. November 2019 um 02:49

Gibt es eine Möglichkeit wie man die Werte für jedes image
nach dem Laden per Javascript eintragen könnte. Die Bilder
sollen alle in der Originalgröße angezeigt werden. Oder hat
jemand eine andere bessere Lösung?

Vielen Dank im voraus,
Skygreen

versuch erstmal das

function bildergroessen() {
 for ( anzahlbilder=0; anzahlbilder\< document.images.length; anzahlbilder++ ) {
 document.images[anzahlbilder].width;
 document.images[anzahlbilder].height;
 } 
}

das onload ist wichtig, damits nach dem vollständigen laden der seite passiert. vielleicht reicht das ja schon , damit der Firefox das hinbekommt.

skygreen · 10. November 2019 um 02:51

Vielen Dank für das Script! Habe es so eingebaut aber Firefox zeigte
sich leider unbeeindruckt, also keine Veränderung.
Habe auch versucht das Script statt bei ‚onload‘ am Ende der HTML
Seite aufzurufen, auch dass hat nichts geholfen.

Überlege jetzt ob es ‚einfacher‘ wäre wenn ich der Seite irgendwie
einen ‚einmaligen Reload‘ verpassen könnte…

Grüße,
Skygreen

versuch erstmal das

function bildergroessen() {
for ( anzahlbilder=0; anzahlbilder<
document.images.length; anzahlbilder++ ) {
document.images[anzahlbilder].width;
document.images[anzahlbilder].height;
}
}

das onload ist wichtig, damits nach dem vollständigen laden
der seite passiert. vielleicht reicht das ja schon , damit der
Firefox das hinbekommt.

RakonDark_2d341e · 10. November 2019 um 02:53

kannst du mir mal ne beispiel seite machen, an der ich bissel ausprobieren kann

skygreen · 10. November 2019 um 02:54

Habe jetzt erstmal eine Lösung mit Cookies durchgeführt. Mache jetzt einen einmaligen Reload beim erstmaligen Laden. Funktioniert, außer dass es ja nach CPU Last manchmal stark sichtbar ist. Wegen Browserkonfiguration sind Cookies kein Thema, da ich die Konfiguration des Browsers vorgeben kann weil die HTML Seiten auf einer Einzellösung laufen.

Hier trotzdem ein HTML File wo sich der Effekt nachvollziehen lässt. Habe alles rausgenommen, bis auf das Grundgerüst und selbst da tritt der Fehler auf. Damit der Fehler nachvollzogen werden kann muss unter eine Grafik eingebunden werden (möglichst mit mind. 400px Höhe damit man den Effekt erkennt). Wie gesagt OHNE Größenangabe einbinden! Gibt man die Größe mit funktioniert es aber da bei mir der Image Tag genau in der Form wie unten zu sehen generiert wird und ich darauf keinen Einfluss habe, wäre das für mich keine Lösung.
Aufruf der Seite mit ‚testseite.html#Anker_2‘

Danke fürs probieren!

Überschrift
Sub-Überschrift mit Anker_1
Textzeilen

Textzeilen

Sub-Überschrift mit Anker_2
Textzeilen

Textzeilen

kannst du mir mal ne beispiel seite machen, an der ich bissel
ausprobieren kann