Søg
Avatar billede seagull Nybegynder
08. november 2005 - 22:39 Der er 8 kommentarer og
1 løsning

Popup vindue fra et hotspot?

På mit website har jeg en sektion hvor man kan finde et stort billede med en masse såkaldte 'hotspots' på som linker til forskellige undersider. Disse siders indhold fylder bare ikke særlig meget så derfor vil jeg gerne have dem åbnet som popup vinduer.

Mit problem er at uanset hvor på nettet jeg søger kan jeg kun finde guides til hvordan man laver helt almindelige popups med link fra ren tekst - men hvad når man vil linke fra et hotspot på et billede?

Dén er hård.. håber der er nogle erfarne webdesignere herinde der kan hjælpe mig.

NB! Jeg bruger MS Frontpage til at designe web i - bruger primært 'design'-funktionen, men det hænder at jeg slår over til 'programkode' og laver ting og sager derinde, der ikke findes som funktioner i Frontpage.
_________
- Seagull
Avatar billede steen_hansen Forsker
08. november 2005 - 22:47 #1
Du kan v.hj.a. JavaScript lave dine vinduer, hvor du angiver størrelse på vindue, om der skal være minimer/maksimer-knap, scrollbar osv. Har du styr på det? (Du skal ikke lave det i FP)
Avatar billede miss-g Seniormester
08. november 2005 - 23:17 #2
Hvis det skal være pop up vindue kan du da godt strikke denne kode sammen med dine hotspot: http://www.html.dk/scripts/javascript/00023/

Det ser så nogenlunde sådan ud:
------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

function popup(url,name,win_height,win_width) {
    pos_horizon = ((screen.width/2)-(win_width/2));
    pos_vertical = ((screen.height/2)-(win_height/2));
    window.open(url,name,"width="+win_width+",height="+win_height+",top="+pos_vertical+",left="+pos_horizon);
    }

// Slut -->
</script>

<body>
<img src="file:///I|/WEB/Nicolin%20Grafik/Pictures%20topbannere/banner-kollage.jpg" alt="" width="652" height="81" border="0" usemap="#Map">
<map name="Map">
  <area shape="rect" coords="220,22,278,57" href="#" alt="">
  <area shape="rect" coords="152,22,210,57" href="#" alt="">
  <area shape="rect" coords="85,22,143,57" href="#" alt=""><area shape="rect" coords="17,22,75,57" href="#" alt=""onclick="popup('popup.asp','mitvindue','300','300');">
<area shape="rect" coords="17,22,75,57" href="#">
</map>
</body>
</html>
--------------------------------------------------

Og hvis det er et almindeligt stort browser window du efterlyser er det måske nok at sætte target til blank - så åbner linket i et nyt vindue...
Avatar billede steen_hansen Forsker
08. november 2005 - 23:19 #3
miss-g, husk din doctype er værdiløs uden linket :)
Avatar billede miss-g Seniormester
09. november 2005 - 00:49 #4
ja undskyld mig - jeg har ikke helt lært det med doctype endnu *G*

Den kan du måske bidrage med?
Avatar billede steen_hansen Forsker
09. november 2005 - 00:53 #5
S'føli :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede roenving Novice
09. november 2005 - 04:47 #6
-- og som sædvanlig med html.dk-scripts er der minimum striber af uhensigtsmæssigheder, først og fremmest den ubrugelig doctype, men også almindelige begynder-tåbe-programmerings-mærkværdigheder, såsom uhensigtsmæssig kode ...

-- hvis man gerne vil centrere et vindue, er der vel ingen grund til først at gå ind til midten og derefter gå det halve af vinduet tilbage, det er vel en hel del nemmere at nøjes med at gå ind til det punkt, som markerer vinduets placering:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function popup(url,name,win_height,win_width) {
    var l = (screen.width-win_width)/2;
    var t = (screen.height-win_height)/2;
    window.open(url,name,"status=no,width="+win_width+",height="+win_height+",top="+t+",left="+l);
}
</script>
<title>Endnu et centreret popup-vindue</title>
</head>

-- desuden foretrækker jeg til enhver tid at placere scripts i head-sektionen (så kan de med et snuptag lægges eksternt !-)
Avatar billede roenving Novice
09. november 2005 - 04:49 #7
-- og så overså jeg helt, at der var benyttet screen.width/height, selv ville jeg altid benytte .availWidth/Height !-)
Avatar billede miss-g Seniormester
09. november 2005 - 11:00 #8
Ja det med doctype har jeg somsagt stadig ikke fundet ud af - alle skriver http://www.w3.org/TR/html4/loose.dtd, så det må jeg nok også hellere begynde på, og så igen læse mig frem til hvorfor.

Javascript koden - ja, den er bare taget fra html.dk, og kan sikkert skrives på flere måder.

Og selvfølgelig bør scripts placeres i head sektionen, det gik bare lidt hurtigt. Jeg foretrækker også at have dem samlet i toppen.

Godt vi kan irettesætte hinanden *G*
Avatar billede seagull Nybegynder
09. november 2005 - 21:18 #9
Takket være dit råd miss-g fik jeg det til at virke! Tusind tak!
Nu har jeg noget at arbejde videre med. Håber det kører glat fra nu af. Støder jeg på nye problemer kommer jeg bare herind igen - I er jo for vilde til det dér. Mange tak!

I'll be back.
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
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 10:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
White papers
Flere white papers »