Notifikationer

Markér alle som læst Log ud

theblueman Nybegynder

05. oktober 2007 - 09:43 Der er 19 kommentarer og
1 løsning

implementer billede uden border i popupvindue

hej Eksperter,

Jeg sidder og prøver at sætte et billede ind i et popup vindue og få billedet til at fylde vinduet helt ud. Det driller mig dog og derfor søger jeg hjælp.

Jeg bruger følgende kode:

function open_win_bred(site_bred) {

var hMyWidth = (window.screen.width/2) - (250 + 10);
var hMyHeight = (window.screen.height/2) - (285 + 25);

stort_billede_bred = window.open('',"billede","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, top=" + hMyHeight + ", left=" + hMyWidth + ", height=452, width=602");

stort_billede_bred.document.write('<html><body bgcolor="#000000" marginheight="0" marginwidth="0" border="0"><table width="100%" height="100%" align="center" cellspacing="0" cellpading="0" border="0"><tr width="100%" height="100%" align="left"><td width="100%" height="100%" align="left" valign="top">');

var site = "<img src="+site_bred+">";
stort_billede_bred.document.write(site);
stort_billede_bred.document.write('</td></tr></table></body></html>');

}

håber der er nogen der kan hjælpe!

Vh
Lars

Synes godt om

Slater Ekspert

05. oktober 2007 - 09:51 #1

Har du prøvet at give <body> en style="margin: 0;" ?
Det burde hjælpe :)

Synes godt om

michael_stim Ekspert

05. oktober 2007 - 09:57 #2

Ellers har roenving et udmærket script på sin working demos side.
http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html

Synes godt om

Slater Ekspert

05. oktober 2007 - 10:04 #3

Har jeg misforstået? Er det vinduet der har en fast størrelse, og billedet der skal fylde det ud? I så fald beklager jeg - jeg troede at billedet bare skulle gå helt ud til kanten.

Men hvis billedet skal resize efter vinduets størrelse, burde det stadig ikke være mere kompliceret end at give body en style="margin:0;" som før, og sætte <img>-tag'ets width og height til det samme som vinduet.

Så vidt jeg kan forstå, handler det ikke om at få vinduet til at være samme størrelse som billedet naturligt er?

Synes godt om

theblueman Nybegynder

05. oktober 2007 - 10:51 #4

popup vinduet får størrelse efter billedets størrelse. Alle mine "brede" billeder har jeg komprimeret til 600 gange 450...!

Jeg undrer mig over at der til venstre for billedet og ovenover at der ligger et space på omkring 5 px.

Jeg prøver lige dit border forslag!

vh Lars

Synes godt om

theblueman Nybegynder

05. oktober 2007 - 11:39 #5

Det virkede... super!

Koden er altså nu:

function open_win_bred(site_bred, titel)
{

var hMyWidth = (window.screen.width/2) - (250 + 10);
var hMyHeight = (window.screen.height/2) - (285 + 25);

stort_billede_bred = window.open('',"billede","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, top=" + hMyHeight + ", left=" + hMyWidth + ", width=600, height=450");

var site = "<img src="+site_bred+" width=600 height=450 alt="+titel+">";
stort_billede_bred.document.write('<html><body bgcolor="#000000" style="margin: 0;" marginheight="0" marginwidth="0" border="0"><table width="100%" height="100%" align="center" cellspacing="0" cellpading="0" border="0"><tr width="100%" height="100%" align="left"><td width="100%" height="100%" align="left" valign="top">');
stort_billede_bred.document.write(site);
stort_billede_bred.document.write('</td></tr></table></body></html>');
}

Kan dog ikke få vist titlen ved onmouseoverfunktionen... opretter et nyt spørgsmål.

Mange tak for hjælpen Viperine!

Det Roenving har lavet fik jeg ikke kigget særlig meget på, men tak for hjælpen!

Vh Lars

Synes godt om

theblueman Nybegynder

05. oktober 2007 - 11:40 #6

jeg glemmer altid hvordan jeg giver point... hvordan er det man bærer sig ad?

Synes godt om

roenving Novice

05. oktober 2007 - 11:43 #7

Se f.eks. http://expfaq.dk/behandling_af_svar#behandling_af_svar !-)

Synes godt om

roenving Novice

05. oktober 2007 - 11:45 #8

I øvrigt er det måske ikke den bedste metode, at udelade de grundlæggende start-html-tags ...

Synes godt om

theblueman Nybegynder

05. oktober 2007 - 11:51 #9

hvad mener du?

Synes godt om

roenving Novice

05. oktober 2007 - 12:02 #10

-- site-variablen bør også indeholde den grundlæggende html-kode:

var site = "<html><title>Vis billede</title></html><body> osv.

Synes godt om

roenving Novice

05. oktober 2007 - 12:15 #11

Hrm, selvfølgelig </head>, ikke </html> ...

Synes godt om

theblueman Nybegynder

05. oktober 2007 - 18:02 #12

mener du?

var site = "<title>"+title+"</title><head></head><body><img src="+site_bred+"></body>"

Synes godt om

roenving Novice

06. oktober 2007 - 02:04 #13

Ja, næsten:

var site = "<html><head><title>"+titel+"</title></head><body><img src="+site_bred+" width=600 height=450 alt="+titel+"></body>";

-- og du bør samle alt indholdet i en variabel og så skrive den på een gang !-)

Synes godt om

theblueman Nybegynder

07. oktober 2007 - 13:48 #14

kan du ikke give mig et svar Roenving så får du point?

Synes godt om

theblueman Nybegynder

08. oktober 2007 - 08:04 #15

jeg ville lige bede viperine og Roenving om at sende mig et svar så jeg kan tildele jer point.

Vh Lars

Synes godt om

Slater Ekspert

08. oktober 2007 - 12:40 #16

Så gerne herfra :)

Synes godt om

roenving Novice

08. oktober 2007 - 16:00 #17

Beklager, at jeg ikke har været på hver dag, men det er da også i orden, at viperine får point ;~}

Synes godt om

theblueman Nybegynder

08. oktober 2007 - 16:08 #18

du skal også have point Roenving... hvordan gør jeg det?

Synes godt om

Slater Ekspert

08. oktober 2007 - 16:39 #19

Det var jo ikke meningen jeg skulle have alle pointene.
Jeg opretter lige et spørgsmål, roenving :)

Synes godt om

theblueman Nybegynder

08. oktober 2007 - 16:45 #20

det var vidst nok mig der var lidt hurtig....! Sorry!

Mange tak for hjælpen begge to!

I skulle ikke have styr på PHP og modtagelse af post-data variabler send med actionscript vel?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS