Javascript pop up schließen durch klicken

OP #1198442
function viewFoto(img){
  largh=foto1.width+20;
  altez=foto1.height+20;
  stringa="width="+largh+",height="+altez;
  finestra=window.open(img,"",stringa);

Der Teil meine scriptes ruft ein pop up auf und zeigt mir das Bild an. 
Schließen kann ich es nur übers X rechts oben. Daher die Frage, da das 
Ganze mit Javascript geöffnet wird, kann ich z.B. onclick="self.close()" 
ja nich nehmen. Welchen Befehl kann ich aber ins Script schreiben der 
mir das Pop Up schließt beim drauf klicken? Sollte die Glaskugel defekt 
sein, fragt einfach.
OP #1198452
Also hast erst ein thumbnail darauf klickste dann gehten Pop Up auf und 
in dem Popup ist ein Bild was vorher das Thumbnail war. Pop Up passt 
sich automatisch der Größe des Bildes an. Und jetzt soll es so sein, 
dass man im Pop Up auf das Bild klickt und es sich danach dann zumacht.
#1198454
Okay, geht aber nicht, wenn da nur das Bild einfach im neuen Fenster 
geöffnet wird... Im Prinzip muss eine neue HTML-Seite geöffnet werden, 
in der dann das JavaScript zum Schließen eingebettet ist - und damit es 
auch konform ist mit dem kompletten header- und body-Bereich...

Wird PHP verwendet? Dann kann man die Bild-URL an das aufgerufene Script 
im GET-Parameter übergeben und dann durch das Script im HTML-Code 
eingesetzt werden...

Also ganz Grob gesehen so:

[auf der Seite mit den Thumbnails]
...
<img src="xyz_thumb.jpg" 
onclick="viewFoto('./photo.php?pic=xyz_thumb.jpg');">
...

[photo.php]
<?
    $pic="";
    if(isset($_GET["pic"])===true)$pic=$_GET["pic"];
    if(file_exists($pic)===false){
        $pic="";
    }else{
        $size=GetImageSize($pic);
        $width=$size[0];
        $height=$size[1];
    }
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">;
<html>
    <head>
        <meta http-equiv="Content-Style-Type" content="text/css">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta http-equiv="expires" content="0">
        <title>Detailbild</title>
    </head>
    <body style="margin:0px;">
        <?
            if($pic!=""){
                ?>
                    <img src="<?=$pic?>" style="width:<?=$width?>px; 
height:<?=$height?>px;" alt="" onclick="self.close();"><br />
                <?
            }else{
                echo "Bild nicht gefunden.<br />";
            }
        ?>
    </body>
</html>

Antwort schreiben

Eine eigene Frage? Dieser Thread ist über 17 Jahre alt. Stell sie in einem eigenen Thread – dort lesen mehr Leute mit, und sie wird öfter und schneller beantwortet.

Neuen Thread starten

Eine Lösung, Ergänzung oder Rückmeldung zu diesem Thread? Dann antworte hier.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.