nicht angemeldet
Im IE klappts, im Firefox nicht - Popup hat Scrollbars
Hallo. Ich habe ein Script geschrieben, dass alle Bilder in einem Ordner einliest, die Breite und die Höhe ausliest und dann ein Thumbnail mit einem Link auf eine Javascriptfunktion ausgibt. Die Javascriptfunktion öffnet das große Bild in einem Popup. Beim Internet Explorer ist es so wie es sein soll, aber bei Mozilla/Firefox kommen die Scrollbars trotz 'scrollbars=0'.
Hier der Code:
<html>
<head>
<script language="JavaScript">
<!--
function Zoom(myPicture, width, height)
{
if (width>screen.width-100) {
xy=width/height;
width=screen.width-100;
height=width/xy;
}
if (height>screen.height-100) {
xy=height/width;
height=screen.height-100;
width=height/xy;
}
var oPopup = window.open('', 'start', 'width=' + width + ',height=' + height + ',scrollbars=0,status=0,menu=0,resizable=0,top=0,left=0');
oPopup.close();
var oPopup = window.open('', 'start', 'width=' + width + ',height=' + height + ',scrollbars=0,status=0,menu=0,resizable=0,top=0,left=0');
oPopup.document.open();
oPopup.document.write("<HTML>\n");
oPopup.document.write("<HEAD>\n");
oPopup.document.write("<title>" + myPicture + "</title>\n");
oPopup.document.write("</HEAD>\n");
oPopup.document.write('<BODY topmargin="0" leftmargin="0">\n');
oPopup.document.write('<A HREF="#" OnClick="JavaScript:self.close();">\n');
oPopup.document.write('<IMG name="bild" SRC="' + myPicture + '" ALT="zum Schliessen Bild anklicken." BORDER=0></A>\n');
oPopup.document.write('<script type="text/javascript">bild.width=' + width + '</script>\n');
oPopup.document.write('</BODY></HTML>');
oPopup.document.close();
oPopup.focus();
}
//-->
</script>
<noscript></noscript>
</head>
<body>
<?php
$count=0;
$dir="pics";
$handle=opendir($dir);
while ($file = readdir ($handle)) {
if ($file != "." && $file != ".." && $file != "thumbs") {
$size = getimagesize ($dir.'/'.$file);
echo '<a href="javascript:Zoom(''.$dir.'/'.$file.'',''.$size[0].'',''.$size[1].'');"><img src=''.$dir.'/thumbs/'.$file.''" border="1" alt="Zum vergrößern klicken!"></a>';
echo ' ';
$count++;
if ($count==5) {
$count=0;
echo '<br>';
}
}
}
closedir($handle);
?>
</body>
</html>
Angucken könnt ihr euch die Seite hier:
http://mitglied.lycos.de/idm739/picture.php
Ich hoffe mir kann jemand helfen
Mit freunlichem Gruß
Benjamin Marten
-
Hallo,
'scrollbars=0'.
Kein Wunder, dass der IE wieder aus der Reihe tanzt. Mit Standards nahm es dieser Browser noch nie so genau. scrollbars=0 gibt es nicht. Lies bitte nochmal nach, welche Wertzuweisung man verwenden darf.
http://de.selfhtml.org/javascript/objekte/window.htm#open
Markus.
--
sh:( fo:| ch:? rl:( br:> n4:( ie:{ mo:) va:) de:] zu:) fl:( ss:| ls:] js:|-
<html>
<head>
<script language="JavaScript">
<!--
function Zoom(myPicture, width, height)
{
if (width>screen.width-100) {
xy=width/height;
width=screen.width-100;
height=width/xy;
}
if (height>screen.height-100) {
xy=height/width;
height=screen.height-100;
width=height/xy;
}
var oPopup = window.open('', 'start', 'width=' + width + ',height=' + height + ',scrollbars=no,status=no,menu=no,resizable=no,top=0,left=0');
oPopup.close();
var oPopup = window.open('', 'start', 'width=' + width + ',height=' + height + ',scrollbars=no,status=no,menu=no,resizable=no,top=0,left=0');
oPopup.document.open();
oPopup.document.write("<HTML>\n");
oPopup.document.write("<HEAD>\n");
oPopup.document.write("<title>" + myPicture + "</title>\n");
oPopup.document.write("</HEAD>\n");
oPopup.document.write('<BODY topmargin="0" leftmargin="0">\n');
oPopup.document.write('<A HREF="#" OnClick="JavaScript:self.close();">\n');
oPopup.document.write('<IMG name="bild" SRC="' + myPicture + '" ALT="zum Schliessen Bild anklicken." BORDER=0></A>\n');
oPopup.document.write('<script type="text/javascript">bild.width=' + width + '</script>\n');
oPopup.document.write('</BODY></HTML>');
oPopup.document.close();
oPopup.focus();
}
//-->
</script>
<noscript></noscript>
</head>
<body>
<?php
$count=0;
$dir="pics";
$handle=opendir($dir);
while ($file = readdir ($handle)) {
if ($file != "." && $file != ".." && $file != "thumbs") {
$size = getimagesize ($dir.'/'.$file);
echo '<a href="javascript:Zoom(''.$dir.'/'.$file.'',''.$size[0].'',''.$size[1].'');"><img src=''.$dir.'/thumbs/'.$file.''" border="1" alt="Zum vergrößern klicken!"></a>';
echo ' ';
$count++;
if ($count==5) {
$count=0;
echo '<br>';
}
}
}
closedir($handle);
?>
</body>
</html>So klappt es immer noch nicht. Hab ich einen Fehler gemacht, oder an was könnte es liegen?
MfG Benny
-
Hi,
So klappt es immer noch nicht. Hab ich einen Fehler gemacht, oder an was könnte es liegen?
MfG Benny
Du hast einige Fehler gemacht. Um die Zahl zu reduzieren, empfehle ich Dir zuerst einmal, Deine Seite zu validieren.
http://validator.w3.org/cu, ziegenmelker
-
-