CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

ellep Nybegynder

15. august 2002 - 15:39 Der er 6 kommentarer og
2 løsninger

billede , close m.m.

Hejsa derude!

Jeg skal lave en lille ting på min hjemmeside - hvor der når jeg klikker på mit link popper et nyt vindue op med et billede i. På billeder er der flere personer, når man klikker på en af dem, skal vinduet automatisk lukke gå tilbage til hovedsiden, og vise data om den person. Der er tale om 4 personer med forskellige dataer.

Er der nogen der kan hjælpe mig?

Kun gode hilsner Pelle

Synes godt om

hyperactive Nybegynder

15. august 2002 - 15:44 #1

Det lyder som om det ville være en god ide at bruge layers.... Så kan du vise og skjule dem efter behov vha. et javascript.

Synes godt om

Slettet bruger

15. august 2002 - 15:52 #2

Først og fremmest skal du lave dit billede til en image-map.
Det kan fx gøres med dette fænomenale program:
http://www.liveimage.com
... eller online:
http://www.linkedresources.com/tools/cimm/cimm_v0.44b2.html
Du kan selvfølgelig også selv kode dig frem til den, men så skal du til at plotte koordinater ind, og det er et farligt besvær!

Derefter skal du i image-map koden finde hvert area og skrive dette:

<area ... href="#" onClick="opener.location.href = 'din_side.html'; return false;">

De tre punktummer er lig med den kode, der ellers står i <area>-tagget.

Du kan åbne vinduet således:

<a href="#" onClick="window.open('vindue.html', 'mitVindue', 'width=300,height=300');">Åbn vindue</a>

Synes godt om

Slettet bruger

15. august 2002 - 15:53 #3

Hov, du skal skrive dette ved hvert area:

<area ... href="#" onClick="opener.location.href = 'din_side.html'; self.close(); return false;">

Synes godt om

jakoba Nybegynder

15. august 2002 - 15:59 #4

for hvert billede laver du et imagemap der passer til lige det billede.
så kan du lave dine popopfiler som:

<htm>
<body>
<img src="ole_bettina_jens_anne.jpg" width='330' height='200' usemap="#personer">
<map name="personer">
<AREA SHAPE="circle" COORDS="75,70,30" HREF="#"
onclick="opener.location.href='oledata.html';self.close();">
<AREA SHAPE="circle" COORDS="140,60,30" HREF="#"
onclick="opener.location.href='bettinadata.html';self.close();">
<AREA SHAPE="circle" COORDS="205,65,30" HREF="#"
onclick="opener.location.href='jensdata.html';self.close();">
<AREA SHAPE="circle" COORDS="270,55,30" HREF="#"
onclick="opener.location.href='annedata.html';self.close();">
</map>

</body>
</html>

de tal der står efter coords er COORDS="centerX,centerY,radius"
i den cirkel der skal være klikbar ( og gå rundt om ansigtet på den person den handler om :-))

mvh JakobA

Synes godt om

ellep Nybegynder

15. august 2002 - 16:47 #5

Jeg har lige prøvet at lave en test:
<AREA SHAPE=RECT COORDS="279,284,362,659" href="#" onClick="opener.location.href = 'din_side.html'; self.close(); return false;">

Men jeg får følgende bugg:
opener.location er null eller ikke et objekt.

Nogle forslag til at få det til at virke??

Synes godt om

jakoba Nybegynder

15. august 2002 - 16:59 #6

hvis det sår i et normalt popop billede burde det virke.
hvordan åbner du siden med billedet i?

Synes godt om

ellep Nybegynder

15. august 2002 - 18:06 #7

jeg får ikke fejlen mere, men popuppen lukker ikke - men åbner den ny side i sit eget vindue!

Jeg bruger et popup der er lavet i html der indeholder billedet.

Synes godt om

ellep Nybegynder

15. august 2002 - 18:13 #8

jeg fik det til at virke alligevel - tak

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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