mikrocontroller.net

Forum: PC-Programmierung Javascript pop up schließen durch klicken


Autor: Nette Mann (nette-mann)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
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.

Autor: Jens Schmitt (Firma: eXtensive media) (djstorm)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Wenn ich mich nicht irre, müsste es finestra.close(); sein...

Autor: Nette Mann (nette-mann)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
dann schließt er es aber sofort nach dem öffnen

Autor: Jens Schmitt (Firma: eXtensive media) (djstorm)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Wo genau soll man draufklicken? Auf das aufgerufene Bild im neuen 
Fenster oder auf nen Link im Fenster, das das Bild aufruft?

Autor: Nette Mann (nette-mann)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
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.

Autor: Jens Schmitt (Firma: eXtensive media) (djstorm)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
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>

Autor: Nette Mann (nette-mann)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
ich werds testen erstmal danke.

Autor: Jens Schmitt (Firma: eXtensive media) (djstorm)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Ich sehe gerade, dass du online bist... Hat das Beispiel so geklappt? 
War mal so aus dem Kopf und ungetestet.

Antwort schreiben

Die Angabe einer E-Mail-Adresse ist freiwillig. Wenn Sie automatisch per E-Mail über Antworten auf Ihren Beitrag informiert werden möchten, melden Sie sich bitte an.

Wichtige Regeln - erst lesen, dann posten!

  • Groß- und Kleinschreibung verwenden
  • Längeren Sourcecode nicht im Text einfügen, sondern als Dateianhang

Formatierung (mehr Informationen...)

  • [c]C-Code[/c]
  • [avrasm]AVR-Assembler-Code[/avrasm]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] - Link zu Artikel
  • Verweis auf anderen Beitrag einfügen: Rechtsklick auf Beitragstitel,
    "Adresse kopieren", und in den Text einfügen




Bild automatisch verkleinern, falls nötig
Bitte das JPG-Format nur für Fotos und Scans verwenden!
Zeichnungen und Screenshots im PNG- oder
GIF-Format hochladen. Siehe Bildformate.
Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt.
Bitte hier nur auf die ursprüngliche Frage antworten,
für neue Fragen einen neuen Beitrag erstellen.

Mit dem Abschicken bestätigst du, die Nutzungsbedingungen anzuerkennen.