Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Hintergrundfarbe im Popup?
Frage
Hallo,
ich habe hier ein Bild welches im neuen fenster geöffnet wird, nur würde ich in dem neuen fenster auch gern eine schwarze hintergrundfarbe haben, geht das?
hier die zeile:
<a href="javascript:void(null);"><span class="text" onClick="MM_openBrWindow('../../images/beispiele/textildruck/flexdruck.jpg','Flexdruck','menubar=yes,width=571,height=107','backgroundColor=#000000')">Vergrößerung</span></a>
vielleicht hat ja jemand eine idee.
vielen dank!
Antwort 1 von rfb
du rufst als Datei in das Fenster ein Bild (hier flexdruck.jpg) auf (zumindest vermute ich das, da ich nur ahnen kann, was deine Funktion "MM_openBrWindow" macht).
Ändere das so, dass stattdessen eine HTML-Datei aufgerufen wird, in der wiederum das Bild ist. Die Hintergrundfarbe kannst du dann in der HTML-Datei per CSS beliebig festlegen.
Ändere das so, dass stattdessen eine HTML-Datei aufgerufen wird, in der wiederum das Bild ist. Die Hintergrundfarbe kannst du dann in der HTML-Datei per CSS beliebig festlegen.
Antwort 2 von Michael_vergeben
hi,
ja, so geht es natürlich, nur wollte ich es mir einfacher machen und alles in eine kleine zeile packen, der sinn ist wenn ich auf ein vorschaubild klicke, eben das größere erscheint.
wenn ich jetzt zu jedem bild eine html schreibe macht es natürlich viel mehr arbeit, und ist dynamisch auch viel aufwendiger umzusetzen.
deshalb suche ich eben nach einer möglichkeit mit javascript eine jpg im eigenem fenster aufzurufen, und die hinbtergrundfarbe in dem fenster gleich mit zu bestimmen.
ja, so geht es natürlich, nur wollte ich es mir einfacher machen und alles in eine kleine zeile packen, der sinn ist wenn ich auf ein vorschaubild klicke, eben das größere erscheint.
wenn ich jetzt zu jedem bild eine html schreibe macht es natürlich viel mehr arbeit, und ist dynamisch auch viel aufwendiger umzusetzen.
deshalb suche ich eben nach einer möglichkeit mit javascript eine jpg im eigenem fenster aufzurufen, und die hinbtergrundfarbe in dem fenster gleich mit zu bestimmen.
Antwort 3 von rfb
du kannst natürlich stattdessen einfach dynamisch in das neue fenster mit
fenstername.document.open();
fenstername.document.write( ... );
fenstername.document.close();
jedesmal dynamisch den HTML-Code in das fenster schreiben (statt der ... muss da einfach eine komplette Seite mit Hintergrundfarbangaben und dem img-tag für das jeweilige Bild stehen - lässt sich prima in eine Funktion packen, der du Bildnamen und -maße als Parameter übergibst)
fenstername.document.open();
fenstername.document.write( ... );
fenstername.document.close();
jedesmal dynamisch den HTML-Code in das fenster schreiben (statt der ... muss da einfach eine komplette Seite mit Hintergrundfarbangaben und dem img-tag für das jeweilige Bild stehen - lässt sich prima in eine Funktion packen, der du Bildnamen und -maße als Parameter übergibst)
Antwort 4 von Michael_vergeben
Hmm, tut mir leid, ich bin da eher anfänger, aber so meintest Du es sicher nicht:
<a href="javascript:void(null);"><span class="text" onClick="<script language="JavaScript" type="text/JavaScript">
Flexdruck.document.open();
Flexdruck.document.write( ... );
Flexdruck.document.close();
</script>
">Vergrößerung</span></a>
... natürlich durch HTML ersetzt, [ZENS] fehlt mir da noch etwas wissen über die einbindung von javascript. hast du noch einen tipp für mich, wie ich es bewerkstelligen kann?
ich danke dir!
gruß,
Micha
<a href="javascript:void(null);"><span class="text" onClick="<script language="JavaScript" type="text/JavaScript">
Flexdruck.document.open();
Flexdruck.document.write( ... );
Flexdruck.document.close();
</script>
">Vergrößerung</span></a>
... natürlich durch HTML ersetzt, [ZENS] fehlt mir da noch etwas wissen über die einbindung von javascript. hast du noch einen tipp für mich, wie ich es bewerkstelligen kann?
ich danke dir!
gruß,
Micha
Antwort 5 von rfb
<html><head>
<script type="text/JavaScript">
function fensterln(datei,breite,hoehe) {
Flexdruck=window.open("","Flexdruck","menubar=yes,width="+breite+",height="+hoehe);
Flexdruck.document.open();
Flexdruck.document.write("<html><head></head><body style='background:#000'><img href="+datei+"></body></html>");
Flexdruck.document.close();
}
</script>
</head>
<body>
<a href="javascript:fensterln('../../images/beispiele/textildruck/flexdruck.jpg','571','107')">Vergrößerung</a>
</body>
</html>
<script type="text/JavaScript">
function fensterln(datei,breite,hoehe) {
Flexdruck=window.open("","Flexdruck","menubar=yes,width="+breite+",height="+hoehe);
Flexdruck.document.open();
Flexdruck.document.write("<html><head></head><body style='background:#000'><img href="+datei+"></body></html>");
Flexdruck.document.close();
}
</script>
</head>
<body>
<a href="javascript:fensterln('../../images/beispiele/textildruck/flexdruck.jpg','571','107')">Vergrößerung</a>
</body>
</html>