Anker in dynamisch erzeugtem HTML anspringe

Hallo,
ich möchte den Inhalt eines DIVs durch eine via asynchronem HTTP
geladene HTML-Seite austauschen und dann zu einem Anker auf der Seite
navigieren. In etwas so:

var inhalt = ...;
$('DIV_name').innerHTML = inhalt;
window.location.hash = '#Anker';

Leider funktioniert dies weder im FF 1.5, NS 7.1 oder IE 7.0
zuverlässig. Verzögere ich die letzte Zuweisung über setTimeout() um 0
oder mehr Milisekunden, so fängt es langsam an, in dem einen oder
anderen Browser zu funktionieren und bei einer Sekunde funktioniert es
bei allen drei Browsern. Das kann aber nicht wirklich eine Lösung sein.

Kennt jemand von euch das Problem und evtl. auch einen workaround? Im
Kleinen konnte ich das Problem übrigens nicht reproduzieren.

mfg Torsten

Hallo Georg,

Georg Maaß wrote:

Wenn der Anker erst durch die Zuweisung an innerHTML vorbereitet wird,
dann kann der Sprug zum Anker nicht sofort nach der Vorbereitung
funktionieren, sondern erst, wenn das vorbereitet auch gerendert ist.

Ist der Begriff Vorbereitung in dem Zusammenhang irgend wie fest belegt.
Gibt es dazu Spezifikationen, in denen man das Nachlesen kann? Ich
erzeuge einiges an dynamischen HTML, das später auch noch mal geändert
wird. Das Funktioniert so weit auch ganz gut. Wenn ich Dich jetzt
richtig verstanden habe, muss es dies aber nicht.

Gebe es den eine Möglichkeit, das Ende der Vorbereitung mit einem Event
zu erfassen oder im Notfall danach zu pollen?

Bei alten Browsern könnte es bei document.write statt innerHTML gehen,
weil alte Browser bei document.write sofort rendern. Neuere render auch
das verzögert, so daß man nur weiß, wo es landert, aber nicht weiß, wann
es verfügbar ist.

Ältere Browser als IE 6.0 und FF 1.5 wollte ich eigentlich nicht aktiv
unterstützen. Ich frage mich nur gerade, auf was man sich da überhaupt
verlassen kann.

mfg Torsten

Torsten Robitzki wrote:

Hallo,
ich möchte den Inhalt eines DIVs durch eine via asynchronem HTTP
geladene HTML-Seite austauschen und dann zu einem Anker auf der Seite
navigieren. In etwas so:

var inhalt = ...;
$('DIV_name').innerHTML = inhalt;
window.location.hash = '#Anker';

Leider funktioniert dies weder im FF 1.5, NS 7.1 oder IE 7.0
zuverlässig.

Ich habe jetzt einen Workaround gefunden, in dem ich mit 100Hz das array
document.achors nach diesem Anker durchsuche. Nachdem es auffindbar ist,
funktioniert das recht gut.

mfg Torsten

* Torsten Robitzki wrote:

ich möchte den Inhalt eines DIVs durch eine via asynchronem HTTP
geladene HTML-Seite austauschen und dann zu einem Anker auf der Seite
navigieren. In etwas so:

var inhalt = ...;
$('DIV_name').innerHTML = inhalt;
window.location.hash = '#Anker';

Wie wäre es mit einem .focus() auf ein Element innerhalb des div,
nachdem es erzeugt ist. Damit müßte der Browser dorthin springen.

B.

--
BM Computer-Services, Bergmannstr. 66, 10961 Berlin
Webdesign, Internet, Layout und Grafik
Tel.: 030/20649400, mobil 0175/7419517, Fax: 030/20649401
Web: http://www.bmservices.de, eMail: kontakt (AT) bmservices (DOT) de

Hallo Bernd,

Wie wäre es mit einem .focus() auf ein Element innerhalb des div,
nachdem es erzeugt ist. Damit müßte der Browser dorthin springen.

das habe ich jetzt nicht mehr ausprobiert, da der von mir skizzierte
Works around ganz gut funktioniert. Aber trotzdem Danke für die Anregung.

mfg Torsten