Im IE klappts, im Firefox nicht - Popup hat Scrollbars

S

streamerbm

Grünschnabel
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+1) + ',toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0');
oPopup.close();
var oPopup = window.open('', 'start', 'width=' + width + ',height=' + (height+1) + ',toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=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 width="' + width + '" name="bild" SRC="' + myPicture + '" ALT="zum Schliessen Bild anklicken." BORDER=0></A>\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&ouml;&szlig;ern klicken!"></a>';
echo '&nbsp;&nbsp;&nbsp;';
$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
 
Hi,

mit folgendem Script funktioniert es bei mir im IE 4, IE 5.01, IE 5.5, IE 6 sowie im Firefox, Mozilla 1.6, Netscape 7.1 und Opera 7.22.
Code: 
<script language="javascript" type="text/javascript">
<!--
var oPopup = null;  // Fenster-Handle für PopUp

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;
    }
    // Höhe inkrementieren
    height = Number(height)+1;
    // PopUp öffnen
    oPopup = window.open('', 'start', 'width=' + width + ',height=' + height + ',toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no');
    // Dokumentformatierungen verzögert ausführen
    window.setTimeout("docFormat('"+myPicture+"',"+width+")",200);
}

// Dokumentformatierungen
function docFormat(myPicture, width){
    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="self.close();">\n');
    oPopup.document.write('<IMG width="' + width + '" name="bild" SRC="' + myPicture + '" ALT="zum Schliessen Bild anklicken." BORDER=0></A>\n');
    oPopup.document.write('</BODY></HTML>');
    oPopup.document.close();
    oPopup.focus();
}
//-->
</script>
Ciao
Quaese
 
hi, also bei mir gehts immer noch nicht:
guck mal hier:
http://mitglied.lycos.de/idm739/picture.php

ich hab auch nochmal ein screenshot gemacht:
Unbenannt.JPG


danke für die hilfe
 
Hab jetzt nicht geschaut, worans liegt(vielleicht heut nacht:-)).....aber wenn du die Zeile:
Code: 
oPopup.document.write('<BODY topmargin="0" leftmargin="0">\n');
durch
Code: 
oPopup.document.write('<BODY topmargin="0" leftmargin="0"style="overflow:hidden">\n');
ersetzt, sollte es vielleicht ohne Balken gehen.
 
Den Fehler habsch auch..... Mozilla mags wohl nicht, dass der erste Parameter bei window.open() leer ist.....er gibt da auch eine Fehlermeldung/Warnung aus.
Lösung:
Code: 
oPopup = window.open(myPicture, 'start', 'width=' + width + ',height=' + height + ',toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no');
....beseitigt Fehlermeldung und scrollbars, und erspart somit die vorige Lösung.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück