Link erst anklickbar wenn Seite komplett fertig geladen ist

[rollerueckwaerts]

Hallo liebe tutorials.de Gemeinde,
Ich benutze seit einiger Zeit die Shadowbox mit diesem link:

<a rel="shadowbox;height:100;width:100;" href ="index2.php">Link</a>';

funktioniert soweit auch alles wunderbar.

Das einzige Problem, wird der Link schon angeklickt bevor alle .js und .css files geladen worden sind, öffnet sich das Linkziel nicht in der Shadowbox, sondern unschön im Hauptfenster.

Deshalb, wie kann ich den Link erst anklickbar machen nachdem die Seite vollständig geladen ist ?

Bin durch googlen auf den Onload Handler aufmerksam geworden, aber ich krieg mit minen bescheidenen JavaScript Kenntnissen nix auf die Reihe.

Vielleicht hat ja jemand nen Tipp der weiterhilt

Lg
Tobi

 

[Sven Mintel]

Moin Tobi,

welches Framework benutzt du zusammen mit der Shadowbox?

 

[rollerueckwaerts]

Hi Sven

Ich benutze mootools.
Hab im mootools forum bereits gesucht, aber da riet man mir nur ne andere Box einzubauen

 

[Sven Mintel]

Dies sollte ausreichen:

$(document).addEvent('click', function(event){if(String(event.target.rel).match(/shadowbox/)){event.stop();}});

Füge es nach dem Einbinden von mootools.js, und vor dem Einbinden von shadowbox.js ein.

Es prüft das rel-Attribut des angeklickten Elementes, bei besagten Links enthält dies ja "shadowbox" ...und cancelt die Standardaktion(das Verfolgen des Links).

Mehr sollte nicht vonnöten sein...sobald die Shadowbox initialisiert wurde, werden die Links ja mit einer weiteren click-Überwachung versehen, welche von der ersteren nicht beeinflusst wird.