Seite fertig laden nach popup öffnen.
Daniel Steinbach
- javascript
Hallo, ich habe auf meiner Seite viele kleine Bilder, welche beim anklicken in einem popup größer dargestellt werden. Klickt man aber auf ein Bild wenn die Seite noch nicht fertig geladen ist, bricht der Ladevorgang ab (Fertig geladen steht in Statusleiste) Wie kann ich das verhindern??
Hier der Quelltext:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Bauarbeiten</title>
</head>
<body background="hg.gif" bgcolor="#000000" link="#E6E6C0"
vlink="#E6E6C0" alink="#E6E6C0">
<script type="text/javascript">
<!--
function popupwindow(URL) {
popupwin = window.open(URL, "Bilder", "width=420,height=320,resizable=yes,menubar=no,location=no,dependent=yes,scrollbars=yes" );
popupwin.focus();
}
//-->
</script>
<p align="center"><font color="#800000" size="5" face="Impact">Bauarbeiten
Eingangsbereich 2004</font></p>
<p align="center"> </p>
<p align="center"><a
href="javascript:popupwindow('baubild/bau08.jpg')"><font
color="#800000" size="4" face="Impact"><img
src="baubild/bau08k.jpg" border="0" width="121" height="80"></font></a>
<a href="javascript:popupwindow('baubild/bau09.jpg')"><font
color="#800000" size="4" face="Impact"><img
src="baubild/bau09k.jpg" border="0" width="121" height="80"></font></a>
...und so weiter...
<a href="javascript:popupwindow('baubild/bau48.jpg')"><font
color="#800000" size="4" face="Impact"><img
src="baubild/bau48k.jpg" border="0" width="121" height="80"></font></a>
<a href="javascript:popupwindow('baubild/bau49.jpg')"><font
color="#800000" size="4" face="Impact"><img
src="baubild/bau49k.jpg" border="0" width="121" height="80"></font></a></p>
<p align="center"><a href="bau.htm" target="_self"><font
color="#E6E6C0" size="4" face="Impact">zurück</font></a></p>
</body>
</html>
Vielen Dank für eure Hilfe
Hallo Daniel,
Klickt man aber auf ein Bild wenn die Seite noch nicht fertig geladen ist, bricht der Ladevorgang ab (Fertig geladen steht in Statusleiste) Wie kann ich das verhindern??
window.status="noch nicht fertig geladen";
Oder meintest du das Abbrechen des Ladevorgangs?
<a href="javascript:popupwindow('baubild/bau08.jpg')">
<a href="#" onClick="popupwindow('baubild/bau08.jpg'); return false;"
Möglicherweise denkt dein Browser, dass mit dem href eine neue Seite angefordert wird. Warum also die alte weiterladen.
Das ist allerdings nur eine Vermutung von mir. Aber! nützt auch demjenigen der javascript abgeschaltet hat.
Berichte doch hier, ob es so mit onClick="..." klappt.
Grüße,
Jochen
Hallo,
<a href="javascript:popupwindow('baubild/bau08.jpg')">
<a href="#" onClick="popupwindow('baubild/bau08.jpg'); return false;">
Noch besser:
<a href="baubild/bau08.jpg" onClick="popupwindow('baubild/bau08.jpg'); return false;">
So kommen auch Besucher, die JavaScript ausgeschaltet haben, in den Genuss des Bildes.
Gruß aus Bonn
Sven
<a href="javascript:popupwindow('baubild/bau08.jpg')">
<a href="#" onClick="popupwindow('baubild/bau08.jpg'); return false;">
Noch besser:
<a href="baubild/bau08.jpg" onClick="popupwindow('baubild/bau08.jpg'); return false;">
Am besten:
<a href="baubild/bau08.jpg" onClick="popupwindow(this.href); return false;">
so kann man den Link leichter mit FP bearbeiten (s. Ausgansposting) und muss nur den HTML Link ändern.
Struppi.
Hallo,
<a href="javascript:popupwindow('baubild/bau08.jpg')">
<a href="#" onClick="popupwindow('baubild/bau08.jpg'); return false;">
Noch besser:
<a href="baubild/bau08.jpg" onClick="popupwindow('baubild/bau08.jpg'); return false;">
Am besten:
<a href="baubild/bau08.jpg" onClick="popupwindow(this.href); return false;">
so kann man den Link leichter mit FP bearbeiten (s. Ausgansposting) und muss nur den HTML Link ändern.
Besserwisser! ;-)
Ok, mit Frontpage kenne ich mich aber nicht aus und will ich mich auch nicht mit auskennen müssen. Arme Leute, die dieses Programm benutzen (müssen). ;-)
Gruß aus Bonn
Sven
Hi Sven,
<a href="#" onClick="popupwindow('baubild/bau08.jpg'); return false;">
Noch besser:
<a href="baubild/bau08.jpg" onClick="popupwindow('baubild/bau08.jpg'); return false;">
Stimmt natürlich. Da habe ich zwar das richtige gemeint, aber Käse gepostet. Danke fürs richtig stellen.
Grüße,
Jochen
Es hätte durchaus gereicht den relevanten Code (mit den Skripten) zu posten:
<a href="javascript:popupwindow('baubild/bau09.jpg')"><font
color="#800000" size="4" face="Impact"><img
src="baubild/bau09k.jpg" border="0" width="121" height="80"></font></a>
<a href="baubild/bau09.jpg"
onclick="popupwindow(this.href);return false;"><img
src="baubild/bau09k.jpg" border="0" width="121" height="80" alt=""></a>
(Das Font Tag ist nicht mehr erwünscht und das alt Attribut ist Pflicht)
Struppi.