Artur: Script anpassen

SELF-Forum

Script anpassen

Artur Homepage des Autors
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Script anpassen

    Phil
    – Informationen zu den Bewertungsregeln

    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
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Script anpassen

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln