Artur: Script anpassen

Hey Leute, habe folgendes Problem mit jenem externliegenden Script hier:

//*Bilder-script
var fenstername="";
var text="";
var breite="";
var hoehe="";
var url="";

function bildgross(url,text,breite,hoehe){

if(fenstername){
if(fenstername.closed!=true){
fenstername.close();
};
}

breite=breite+320;
hoehe=hoehe+440;
fenstername=window.open("","fenstername","width="+breite+",height="+hoehe);
fenstername.document.open("text/html");
fenstername.document.writeln("<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 3.2 Final//EN'><link rel='stylesheet' href='../daten/style.css'><html><title>::: Backstage :::</title><body bgcolor=#ffffff id='corpus'><table><tr><img src='"+url+"' name='dat_bild'></td></tr>");
fenstername.document.writeln("<tr><td class='inhalt'>");
fenstername.document.writeln();
fenstername.document.writeln("</td></tr></table></body></html>");
fenstername.document.close();
fenstername.focus();
}

Es wird mit diesem Aufruf geöffnet:
<a href="javascript:bildgross(Beispiel.jpg','',100,50)"></a>

Nur sitzen die Bilder nie links oben am Rand sondern immer leicht versetzt und man sieht immer etwas weißen Rand.
Kann mir da jemand helfen?

Gruß
Artur

  1. Hi,

    »»link rel='stylesheet' href='../daten/style.css'>

    Du hast kein Problem mit dem JavaScript, du hast ein Problem mit dem Stylesheet...

    Öffne das hier angegebene Stylesheet und suche nach einer body Klasse, wenn keine da ist leg sie an. Folgenden Inhalt muss die body klasse haben bzw. so muss sie aussehen:

    body {
       margin:  0px;
       padding: 0px;
    }

    Gruß

    Phil

    --
    ich bin ein nachmacher: http://www.eppstein.de
  2. function bildgross(url,text,breite,hoehe){

    if(fenstername){
    if(fenstername.closed!=true){
    fenstername.close();
    };
    }

    Das kann man durchaus zusammenfassen:

    if(fenstername && !fenstername.closed)) fenstername.close();

    fenstername=window.open("","fenstername","width="+breite+",height="+hoehe);

    Anmerkung: fenstername ist eine Referenz auf ein Fenster und nicht der Name.

    fenstername.document.open("text/html");

    'text/html' ist Standard und soweit ich weiß kann der IE sowieso nur text/html

    fenstername.document.writeln("<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 3.2 Final//EN'><link rel='stylesheet' href='../daten/style.css'><html><title>::: Backstage :::</title><body bgcolor=#ffffff id='corpus'><table><tr><img src='"+url+"' name='dat_bild'></td></tr>");

    Wozu die Tabelle?
    HTML 3.2 und CSS?

    fenstername.document.writeln("<tr><td class='inhalt'>");
    fenstername.document.writeln();
    fenstername.document.writeln("</td></tr></table></body></html>");

    ...

    Es wird mit diesem Aufruf geöffnet:
    <a href="javascript:bildgross(Beispiel.jpg','',100,50);"></a>

    Da fehlt ein Anführungszeichen und das funktioniert ohne JS nicht mehr (unnötigerweise):

    <a href="Beispiel.jpg"
    onclick="bildgross(this.href,'',100,50);return false;"></a>

    Nur sitzen die Bilder nie links oben am Rand sondern immer leicht versetzt und man sieht immer etwas weißen Rand.
    Kann mir da jemand helfen?

    Einfach die CSS Datei anpassen.
    (Tipp: margin und padding des Body sind defaultmäßig in den  meisten Browsern nicht null)

    Struppi.