Avatar billede Slettet bruger
11. juni 2006 - 21:39 Der er 16 kommentarer og
1 løsning

Ændre vinduestørrelse så det passer til billede

Hej

Hvis du kigger på denne side:
http://www.danishclub.dk/sider/faciliteter.php

... og klikker på et billede, skulle billedet gerne dukke op i en popup, resize vinduet så det passer til billedet, og centrere vinduet på skærmen.

Mit problem er at jeg ikke kan få vinduesstørrelsen til at passe.

Jeg har højde og bredde på vinduet, men hvad skal jeg gøre for at vinduesstørrelsen kommer til at passe med billedet inkl. statuslinje og lignende?
Avatar billede keysersoze Ekspert
11. juni 2006 - 21:44 #1
Avatar billede Slettet bruger
11. juni 2006 - 21:52 #2
keysersoze...> Idéen er stort set den jeg søger.

Dog er roenvings løsning baseret på at java-scriptet skal være på den side der åbner billedet, hvorimod det jeg har (og søger), er en vindue (side) der åbner og så derefter skal tilpasse sig. Altså at javascriptet skal være på den side der åbner sig.
Avatar billede keysersoze Ekspert
11. juni 2006 - 21:59 #3
det burde dette script også kunne omskrives til - men er det ikke at besværliggøre processen? med den løsning du søger skal du have en html-side pr billede hvorimod du ingenting behøver her?
Avatar billede Slettet bruger
11. juni 2006 - 22:05 #4
Jeg har en html-side, men den er lavet i php så det er ikke bøvlet, idet den finder højde og bredde på den fil jeg nu angiver.

Gættede også på at scriptet nok kunne skrives om, men jeg ved stort set intet om javascript overhovedet.
Avatar billede Slettet bruger
12. juni 2006 - 11:11 #5
Er der nogen der kan hjælpe med at tilpasse roenvings script til mit behov?
Avatar billede keysersoze Ekspert
12. juni 2006 - 13:45 #6
selve resizen lægger du i body onload;

window.resizeTo(w+6,h+32);

w og h får du sådan;

h=document.images[0].scrollHeight;
w=document.images[0].scrollWidth;
Avatar billede Slettet bruger
12. juni 2006 - 14:23 #7
Ikke helt forstået.

Lidt grundlæggende kan man sige at mit problem er at finde størrelsen på vinduet der åbnes, uafhængig af browser.

I IE er vinduet (incl. f.eks. statusbar) lidt større end i firefox.

Mit javascript ser således ud:
    <script language="JavaScript" type="text/javascript"><!--
      window.moveTo((screen.availWidth/2)-400,(screen.availHeight/2)-300);
      window.resizeTo(800, 600);
      window.focus();
    </script>

I dit forslag tager du højden+32 og bredden+6. Findes der ikke en måde man kan finde det præcise vindues størrelse, uden at skulle vide præcis hvordan den enkelte bruger har konfigureret sin browser.

I ovenstående eksempelt er det et billede på 800x600 pixels, men hvordan finder jeg ud af hvor stor vinduet skal være?
Avatar billede Slettet bruger
12. juni 2006 - 14:24 #8
...finde størrelsen på vinduet der åbnes... = ...finde ud af hvor stort vinduet der åbnes skal være...
Avatar billede keysersoze Ekspert
12. juni 2006 - 14:33 #9
det tætteste jeg har set komme på er det script roenving bruger - og så jeg sådan set bare har copy pasted ud til dig. Ser jeg roenvings online eksempel i IE og FF kan jeg nu heller ikke se den store forskel?
Avatar billede Slettet bruger
12. juni 2006 - 14:36 #10
Jeg må prøve og teste med det jeg allerede har lavet.

Jeg vender tilbage engang i aften.
Avatar billede keysersoze Ekspert
12. juni 2006 - 14:46 #11
alternativt skal du netop ind og tjecke på hvilken browser der bruges - og så plusse ud fra de tal du finder bedste til den enkelte browser... det er måske bare meget for så lidt?
Avatar billede Slettet bruger
12. juni 2006 - 19:57 #12
Jeg har prøvet at tage den del fra roenvings script der ser ud til at virke bedre end det jeg har, men har et mindre problem.

Hvis jeg har et billede der ligger her f.eks.:
http://www.danishclub.dk/grafik/lokaler/1.jpg

Jeg vil gerne have at siden billedet vises på skal være HTML, idet jeg også bruger scriptet andre steder, hvor der er en tekst under billedet.

Hvordan får jeg denne højde til checke scrollHeight på et billede?
h=document.images[0].scrollHeight;
Avatar billede Slettet bruger
12. juni 2006 - 20:37 #13
...eller sagt på en anden måde.

Når alt mit indhold er i <body>, hvordan finder jeg så ud af hvilken størrelse vinduet skal have incl. hvad der nu måtte være af statuslinjer og deslige.
Avatar billede keysersoze Ekspert
12. juni 2006 - 22:34 #14
jamen - det er jo netop det scriptet gør? ellers er jeg ikke helt med?
Avatar billede Slettet bruger
12. juni 2006 - 23:02 #15
Havde håbet der fandtes noget der kunne tage størrelsen af billedet og så resize vinduet så det passede perfekt i størrelse.

De forsøg jeg har lavet, giver alle forskellige resultater i IE og Firefox. Passer det i den ene, er der en hvid linje i bunden af den anden.

Det er håbløst at lave et script til begge browsere, da de så alligevel kun vil passe til lige netop mine indstillinger.

keysersoze...> Læg et svar og pointene er dine for din tid :)
Avatar billede Slettet bruger
15. juni 2006 - 10:09 #16
keysersoze...> Lukker, går ud fra du ikke er interesseret i pointene, ellers må du sige til :o)
Avatar billede keysersoze Ekspert
15. juni 2006 - 22:36 #17
det vil sagtens kunne lade sig gøre - som skrevet 12/06-2006 14:46:32 er en mulighed jo så at finde ud af hvilken browser der er på besøg og tillægge sine plus-værdier ud fra browseren.

har ikke tjecket mail et par dage så derfor har jeg ikke kunnet forfølge din tråd - overlever nok uden point.
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
Kurser inden for grundlæggende programmering

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