Wie bekomme ich margin:0px; mit IE & popUp

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Wie bekomme ich margin:0px; mit IE & popUp

    Moin miteinand ,

    ich will folgendes haben:
    ein Thumbnail image soll mit onclick eine größere Ansicht des Bildes in einem PopUp öffnen. Klappt auch alles (siehe source):
    PHP-Code:
    //Javascript Bereich  
     
    var popPicture
    function popup(sourceattr){
            var 
    path "img/full/";
            
    source path+source
            
    popPicture window.open(source,'',attr);
            
    popPicture.focus();
    }

    //............... etc. pp.
    <!-- Html Aufruf der Funktion //-->
    <img src="img/strip01.gif"  
    border="0" height="62" width="45"
     
    onclick="popup('01.jpg','width=375,height=500')" /> 
    ABER im Firefox sind die Bilder schön zentriert, der IE macht mir einen nervigen margin.
    Da ich als ersten Parameter den Bildnamen benutzte kann ich so ja keine Html Datei mit margin:0px; verwenden.
    Will es auch nach Möglichkeit vermeiden, für jedes Bild eine eigene Html Datei anlegen zu müssen.
    Any Idea?
    "I don't want to belong to any club that would accept me as a member."

    Groucho Marx

  • #2
    du musst das in eine extra html-datei packen. nur dann klappt es.

    aber was hintert dich daran, dafür ein kleines php-script zu nehmen.
    INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


    Kommentar


    • #3
      Du meinest mit php die Datei erzeugen und dann als Source verwenden?
      THX
      "I don't want to belong to any club that would accept me as a member."

      Groucho Marx

      Kommentar


      • #4
        nein. ich meine damit, dass du dir ein php-script baust, dem du den bildnamen übergibt.

        das script selber baut dir deine html-seite und fügt das übergebene image an die entsprechende stelle im html-code ein.

        so hast du nur eine 'html'-datei, welche dir das übergebene bild darstellen kann.
        INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


        Kommentar


        • #5
          Meinte ich ja...
          "I don't want to belong to any club that would accept me as a member."

          Groucho Marx

          Kommentar


          • #6
            Habs jetzt doch mit reinem Javascript hinbekommen:
            PHP-Code:
            var x;
            var 
            y;
            var 
            popPicture;
            var 
            ImageDoc;
            var 
            head;
            var 
            foot;
            var 
            content;
            var 
            path;
            var 
            source;
            function 
            killChild(){
              if(
            window.popPicture){
                 
            window.popPicture.close();
              } 
                 
              return 
            true;
            }         
            function 
            openImagePop(picture,w,h){
             
            killChild();
              
            path "img/full/";
              
            source path+picture
              
            screen.availWidth/2-w/180;
              
            screen.availHeight/2-h/70;
              
            popPicture window.open("CDT Pop","displayWindow",
            "height="+h+",width="+w+",left="+x+",top="+y+",
            menubar=no,toolbar=no,scrollbars=no,resizable=no,
            status=no,location=no"
            );
              
            ImageDoc popPicture.document;
              
            head "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML
             1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\">\n"
            ;
              
            head += "<head>\n<title>Titel der Seite</title>\n";
              
            head += "<meta http-equiv=\"imagetoolbar\" content=\"no\" />\n</head>\n";
              
            head += "<html>\n<body background='"+source+"' onload=\"this.focus();\">\n";
              
            foot "</body></html>";
              
            content head+foot;
              
            ImageDoc.open();
              
            ImageDoc.write(content);
              
            ImageDoc.close();
                    return 
            true;

            und der Aufruf der Funktion:
            PHP-Code:
            <img src="img/strip08.gif"  
            border="0" height="62" width="45" onclick="openImagePop('08.jpg',500
            ,375)" 
            /> 
            "I don't want to belong to any club that would accept me as a member."

            Groucho Marx

            Kommentar


            • #7
              wenn du es rein mit JS machen willst, ist das ok.
              INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


              Kommentar

              Lädt...
              X