[html/js] pop-up en plaatje - Softwareontwikkeling

woensdag 13 maart 2002 08:43

Acties:

Verwijderd

Topicstarter

Ik heb momenteel een hoofdkaart, waarbij zodra je op een gedeelte van de kaart klikt, een vergroting in een pop-upje komt.. Alleen nu is het probleem dat dat ook weer een klikbaar plaatje is. Ik wil die pop-up dus met alleen het plaatje en geen wit randje erom heen.... (Omdat het vergrote kaartje ook een klikbaar plaatje is, kan ik hem dus niet instellen als achtergrond, dan heb je die witte randen niet...)Ik hoop dat jullie een beetje begrijpen wat ik bedoel..

Greetzz Rob

woensdag 13 maart 2002 08:45

Acties:

chem

Reist de wereld rond

move p&w naar w&g

Klaar voor een nieuwe uitdaging.

woensdag 13 maart 2002 08:46

Acties:

drm

f0pc0dert

Eerlijk gezegd begrijp ik er geen hol van...

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

woensdag 13 maart 2002 08:50

Acties:

S-Force

Je wilt dus geen rand om het plaatje hebben, als ik het goed begrijp.

voeg dan border=0 toe aan je img statement.

vb:
[img]"plaatje.jpg"[/img]

woensdag 13 maart 2002 09:01

Acties:

Verwijderd

Topicstarter

Nee, wacht zet wel ff de source hierzo neer:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

</script>
</head>

<body bgcolor="#FFFFFF">
[img]"plaatje.jpg"[/img]
<map name="sub">
<area shape="circle" coords="128,216 35" href="JavaScript:openWindow1('sub1.html')">
<area shape="poly" coords="146,176 169,196 222,129 205,113" href="JavaScript:openWindow2('sub2.html')">
<area shape="poly" coords="178,71 190,90 117,133 103,111" href="JavaScript:openWindow3('sub3.html')">
<area shape="poly" coords="117,133 103,111 38,176 66,190" href="JavaScript:openWindow4('sub4.html')"></map>
</body>
</html>

Die submappen, komen dan dus als pop-up:

<HTML>

<HEAD>
<TITLE>Subkaart 2</TITLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF">
<CENTER>
[img]"Sub02.jpg"[/img]
</CENTER>
<map name="sub">
<area shape="poly" coords="30,348,53,368,34,393,10,372" href="leeg.html" title="">
<area shape="poly" coords="70,346,54,367,31,346,48,327" href="leeg.html" title="">
<area shape="poly" coords="88,325,72,345,48,324,64,306" href="leeg.html" title="">
<area shape="poly" coords="66,304,89,323,106,303,84,283" href="leeg.html" title="">
<area shape="poly" coords="108,301,84,281,102,260,125,279" href="leeg.html" title="">
<area shape="poly" coords="139,247,120,271,142,292,163,266" href="leeg.html" title="">
<area shape="poly" coords="165,265,141,245,158,225,179,245" href="leeg.html" title="">
<area shape="poly" coords="180,244,158,224,175,203,197,223" href="leeg.html" title="">
<area shape="poly" coords="200,222,177,201,194,181,215,202" href="leeg.html" title="">
<area shape="poly" coords="217,200,193,180,213,159,234,177" href="leeg.html" title="">
<area shape="poly" coords="236,174,213,155,233,131,254,150" href="leeg.html" title="">
<area shape="poly" coords="257,150,233,129,250,109,272,127" href="leeg.html" title="">
<area shape="poly" coords="274,127,251,108,269,87,289,107" href="leeg.html" title="">
<area shape="poly" coords="293,105,270,84,286,65,307,83" href="leeg.html" title="">
<area shape="poly" coords="309,83,287,64,306,41,329,61" href="leeg.html" title="">
</map>
</BODY>
</HTML>

Maar, bij een HTML pagina met een plaatje, is hij nooit geheel beeldvullend, de pop-up heeft exact de afmeting van het plaatje, maar toch staat er een wit randje omheen, probeer het zelf maar eens, maak screenshot, en zet het in een HTML pagina, als plaatje, en zet IE op fullscreen, dan zie je nog stukje niet, en een witte rand erom heen. Maak je er echter een achtergrond van, dan is die witte rand weg, en zie je hem inderdaad geheel. Maar omdat die submappen ook weer klikbare mappen zijn, kunnen ze niet als achtergrond worden ingesteld..... Maar ik wil wel van die witte randen af, snappie nu????

woensdag 13 maart 2002 09:04

Acties:

crisp

Devver

Pixelated

Hij bedoelt dat als je window.open('plaatje.gif', '', 'width=100, height=100'); doet er een witte rand om het plaatje komt (de standaard margins van de pagina). Om dat op te lossen moet je dus in plaats van het plaatje als link opgeven een html pagina maken waarin je de margins op 0 zet. Het plaatje geef je mee als parameter, en lees je mbv een scriptje weer uit. Dan schrijf je bijvoorbeeld met document.write('img src="'+plaatje+'"'); de code voor het weergeven van het plaatje erin.

(ps, deze vraag komt steeds vaker voor...)

edit:

het ging dus toch alleen om de margins

2 oplossingen; eerst de achterhaalde:
[code]<body marginheight=0 marginwidth=0>[/code]
Nu de mooiere CSS oplossing:
[code]body {
margin: 0px;
}[/code]

Intentionally left blank

woensdag 13 maart 2002 09:06

Acties:

Verwijderd

Of je zet het plaatje dat je wil zien als background image.

woensdag 13 maart 2002 09:08

Acties:

cutter

Wannabe i7 fanboy

zo dus ongeveer

http://www.simplythebest.net/info/javascript57.html

woensdag 13 maart 2002 09:13

Acties:

Verwijderd

Topicstarter

Op woensdag 13 maart 2002 09:06 schreef daxx909 het volgende:
Of je zet het plaatje dat je wil zien als background image.

Goed lezen joh...:-)

Maareh dit was de oplossing:

body {
margin: 0px;
}

De andere manier werkte niet, deze wel, Thanx

woensdag 13 maart 2002 09:16

Acties:

crisp

Devver

Pixelated

Op woensdag 13 maart 2002 09:13 schreef X101X het volgende:

[..]

Goed lezen joh...:-)

Maareh dit was de oplossing:

body {
margin: 0px;
}

De andere manier werkte niet, deze wel, Thanx

Klopt, ik gebruik die andere manier zelf ook nooit meer, dus ik wist uit mijn hoofd alleen nog maar de Netscape methode (IE4+ ondersteund de CSS methode gewoon).
Voor IE had het moeten zijn:

code:

1	<body leftmargin=0 topmargin=0>

Intentionally left blank

woensdag 13 maart 2002 11:25

Acties:

Verwijderd

Als achtergrond instellen kan wel, maar dan moet je in de body van je popup een onclick event maken. Maarja... de margins op 0 kan natuurlijk ook