popup mit margin=0

defcon · 20.09.2003, 12:32

übergebe über die variable "bild" die jeweiligen bilder die in einem popup geöffnet werden sollen.
wie kann ich aber jetzt das bild im popup so ausrichten, dass kein rand entsteht, und die bilder das gesamte popup ausfüllen (bilder sind ebenfalls 600x400px groß).

mein javascript:

PHP-Code:


			
function photo(bild) { 

   fenster = window.open(bild,"","width=600,height=400,screenX=0,screenY=0");

   fenster.moveTo(screen.width/2-600/2,screen.height/2-400/2);

   fenster.focus();

}

webmichl · 20.09.2003, 12:56

mit dem document.write-Befehl kannst Du in Deinem PopUp ein komplettes HTML-Grüst erzeugen:

function photo(bild) {

fenster = window.open("","","width=600,height=400,screenX=0,screenY=0");

with( fenster ) {
document.write( '<HTML><HEAD><TITLE>Titel</TITLE><LINK REL=STYLESHEET TYPE="TEXT/CSS" HREF="layout.css"></HEAD>' );
document.write( '<BODY><IMG SRC="'+bild+'"></BODY></HTML>' );
}

fenster.moveTo(screen.width/2-600/2,screen.height/2-400/2);

fenster.focus();

}

defcon · 20.09.2003, 15:08

super! danke!!!

pauel · 21.09.2003, 18:34

erledigt?

defcon · 23.09.2003, 12:50

graf_dracula · 24.05.2007, 13:44

Also ich hab das mal bei mir versucht, aber irgendwie bekomme ich da immer noch einen Rand.

Was genau mach ich falsch ?

HTML-Code:

<html>

<script language="JavaScript" type="text/JavaScript">
<!--
function photo(bild) {
fenster = window.open('bild','Popupfenster',"width=500,height=333,screenX=0,screenY=0");
with( fenster ) {
document.write( '<HTML><HEAD><TITLE>Titel</TITLE><LINK REL=STYLESHEET TYPE="TEXT/CSS" HREF="layout.css"></HEAD>' );
document.write( '<BODY><IMG SRC="'+bild+'" border="0"></BODY></HTML>' );
}
fenster.moveTo(screen.width/2-500/2,screen.height/2-333/2);
fenster.focus();
}
-->
</script>

<body>

<img src="bild.jpg" width="120" height="85" border="0" a href="#" onClick="photo('bild.jpg')">

</body>
</html>

rewboss · 24.05.2007, 15:16

Was steht in der CSS-Datei?

graf_dracula · 24.05.2007, 15:30

Zitat:

Zitat von rewboss

Was steht in der CSS-Datei?

nix, vergessen rauszunehmen ... so der richtige Quellcode:

Fenstergröße ohne Rand hab ich jetzt schon hinbekommen, was mich jetzt noch stört, ist dass das Fenster ansich in der Größe geändert werden kann. Kann man das noch irgendwie ausschalten, also beim Windowsfenster ansich unten rechts diese Ecke zum Ändern der Bildschirmgröße ausschalten ???

HTML-Code:

<html>

<script language="JavaScript" type="text/JavaScript">
<!--
function photo(bild) {
fenster = window.open('bild','Popupfenster',"width=500,height=333,screenX=0,screenY=0");
with( fenster ) {
document.write( '<HTML><HEAD><TITLE>Titel</TITLE></HEAD>' );
document.write( '<BODY topmargin="0" leftmargin="0"  style="padding:0px; margin:0px;"><IMG SRC="'+bild+'" border="0" ></BODY></HTML>' );
}
fenster.moveTo(screen.width/2-500/2,screen.height/2-333/2);
fenster.focus();
}
-->
</script>

<body>

<img src="bild.jpg" width="120" height="85" border="0" a href="#" onClick="photo('bild.jpg')">

</body>
</html>

webcreate · 24.05.2007, 16:09

Das ist browseranhängig, nicht jeder Browser unterstüzt das resize ...
Ansatz:

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function photo(bild) {
fenster = window.open('bild','Popupfenster',"width=500,height=333,screenX=0,screenY=0,resizable=0,scrollbars=0");
with( fenster ) {
document.write( '<HTML><HEAD><TITLE>Titel</TITLE><style type="text/css">*{margin:0;padding:0;}</style></HEAD>' );
document.write( '<BODY><IMG SRC="'+bild+'" border="0"></BODY></HTML>' );
}
fenster.moveTo(screen.width/2-500/2,screen.height/2-333/2);
fenster.focus();
}
-->
</script>

Hier dann mal die Liste der Befehle für wimdow.open()
http://de.selfhtml.org/javascript/ob...indow.htm#open

BTW: Das move vom Fenster ist auch nicht so ganz das wahre ... wenn Du es wirklich zentriert haben willst, schau Dir mal folgendes an, klick

graf_dracula · 24.05.2007, 16:09

Ha ... auch das Problem habe ich grad mit Hilfe des Forums gelöst:

Hier nun also mein kompletter Code, um ein Fenster in variabler Größe in
einem Popup zu öffnen, dieses an die Bildgröße anzupassen, zu positionieren
und die Größenänderung des Fensters auszuschalten:

HTML-Code:

<html>
<script language="JavaScript" type="text/JavaScript">
<!--
function photo(bild) {
fenster = window.open('bild','Popupfenster',"width=500,height=333,left=300, top=300");
with( fenster ) {
document.write( '<HTML><HEAD><TITLE>Titel</TITLE></HEAD>' );
document.write( '<BODY style="padding:0px; margin:0px; cursor:pointer"><IMG SRC="'+bild+'" border="0" onclick="window.close()"></BODY></HTML>' );
}
fenster.moveTo(screen.width/2-500/2,screen.height/2-333/2);
fenster.focus();
}
-->
</script>
<body>
<img src="bild.jpg" width="120" height="85" border="0" a href="#" onClick="photo('bild.jpg')">
</body>
</html>