Avatar billede voller Nybegynder
27. september 2002 - 09:34 Der er 3 kommentarer og
2 løsninger

PopOp uden margin og padding?

Hej Eksperter.


Jeg søger et script med følgende egenskaber:
1. Et PopOp vindue, der indeholder et billede ude statusbar, titelbar og alle de andre "barrer". :)
2. I PopOp-vinduet må der ikke være margin eller padding, dvs. at billedet skal gå fra kant til kant både i bredden og højden.
3. Da jeg skal bruge det til billeder af forskellig størrelse, skal det være muligt at angive størrelse for PopOp-vinduet, indvidiuelt for hvert billede.
4. Det skulle gerne virke i alle browsere.

Er der nogen, der kan hjælpe med sådan et? Eller henvise til nogle sider, hvor jeg kan læse lidt om det? Jeg fik bakset et script sammen, men det virker kun i IE, så det er jo ikke så godt.

Mange tak for hjælpen.


Voller.
Avatar billede syvon Nybegynder
27. september 2002 - 10:16 #1
Avatar billede keysersoze Ekspert
27. september 2002 - 10:20 #2
1) læs denne tutorial http://activedeveloper.dk/artikler/default.asp?articleid=275 eller brug denne builder http://activedeveloper.dk/services/builders/windowbuilder.asp

2) det skal du selv styre ud fra dit html - det er ikke selve popupfunktionen der bestemmer det. Kunne fx se sådan ud i din body; <body  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

3) læs og brug 1)

4) læs og brug 1)
Avatar billede voller Nybegynder
27. september 2002 - 10:32 #3
keyser> Tak for link. Jeg kendte dem dog godt i forvejen. En kommentar til punkt 2. Jeg er med på, at man kan gøre det på den måde, men det jeg havde tænkt mig, var at kunne åbne billedet direkte. Altså f.eks.:
window.open('http://voller.dk/gfx/berlin.jpg','Billede','height=200,width=300');

Så slipper jeg for at oprette en HTML-fil, der sætter margin og padding i PopOp-vinduet til nul. Spørgsmålet er så, hvordan man kan sætte margin og padding til 0?

Jeg rodede lidt frem og tilbage med noget kode jeg fandt herinde, og kom frem til følgende:

function popimage(file,image,w,h) {
    imageWin = window.open("", "imageWin2", "width="+w+",height="+h+"");
    ndoc = imageWin.document;
    astr = "<html><head><title>"+image+"</title></head><body style=\"margin: 0px; padding: 0px\">";
    astr += "<img src="+file+">";
    astr += "</body></html>";
    ndoc.open();
    ndoc.write(astr);
    ndoc.close();
}

Problemet er, at jeg kun kan få det til at virke i IE. Så det er jo ikke så smart. Håbet det giver en ide om hvad jeg mener. Det er lidt svært at forklare.

Syvon> Tak for link. Det ser dog lidt... overvældende ud. Kan man ikke få noget i den stil i en light-udgave? :)
Avatar billede keysersoze Ekspert
27. september 2002 - 10:40 #4
så åbner du jo sådan set også en html-fil - og grunden til at det ikke virker i alle browsere er at den bruger styles...

function popimage(file,image,w,h) {
    imageWin = window.open("", "imageWin2", "width="+w+",height="+h+"");
    ndoc = imageWin.document;
    astr = "<html><head><title>"+image+"</title></head><body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">";
    astr += "<img src="+file+">";
    astr += "</body></html>";
    ndoc.open();
    ndoc.write(astr);
    ndoc.close();
}
Avatar billede voller Nybegynder
27. september 2002 - 10:51 #5
Tak keyser... Jeg anede ikke det gjorde en forskel, om man brugte styles eller ej.
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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