webForumDet fria alternativet

peka på ansiktet så ...

HTML & CSSur HTML, XHTML & CSS

12 svar · 789 visningar · startad av ptr_lks

Medlem sedan juni 2005584 inlägg
Frågan#1

... visas personens namn.
Hej wf,
Jag har ett lagfoto.
Nu vill jag kunna peka på en av spelarnas ansikte så visas hans namn
Min fråga: hur gör jag detta på enklaste sättet?

Medlem sedan dec. 20025 483 inlägg
#2

Det använder du nog med fördel JavaScript till. Hur ser <map>-koden ut och var i dokumentet vill du att bilden på spelaren skall visas?

Medlem sedan juni 2005584 inlägg
#3

Peter S skrev:

Det använder du nog med fördel JavaScript till. Hur ser <map>-koden ut och var i dokumentet vill du att bilden på spelaren skall visas?

Bilden skall visas i ett eget fönster.
Menar du att jag skall använda mig utav "imagemap"?. Jag har inte hunnit till koden än

Medlem sedan dec. 20025 483 inlägg
#4

Ja, jag antar att lagbilden är en bild. För att kunna visa en spelares namn när du för markören över ansiktet, verkar det rimligt att använda en <map>. Sedan ser jag att min andra fråga var litet fel. Det jag menade var naturligtvis: var vill du att spelarens namn skall visas?

Medlem sedan juni 2005584 inlägg
#5

Peter S skrev:

var vill du att spelarens namn skall visas?

Jag vill att namnet skall visas när jag pekar på halsen

Medlem sedan dec. 20025 483 inlägg
#6

Jo, men var: i en ruta längre ned på sidan, som en tooltip vid muspekaren, eller kanske någon annanstans?

Medlem sedan juni 2005584 inlägg
#7

när jag pekar på halsen/hakan så skall namnet komma alldeles vid muspekaren ( är detta vad du menar med tooltip?)

Medlem sedan aug. 2002157 inlägg
#8

<map name="Map">
<area shape="*" coords="*" href="#" title="Nisse Persson">
<area shape="*" coords="*" href="#" title="Göran bengtsson">
</map>

<img src="bild.jpg" usemap="#Map">

Medlem sedan dec. 20025 483 inlägg
#9

Yes. Då kan du exempelvis använda detta skript. Väljer du att använda en <map>, borde du sedan kunna sätta onmouseover/-out i <area>-taggarna.

Medlem sedan dec. 20025 483 inlägg
#10

Jag snickrade ihop ett litet exempel åt dig.

Medlem sedan juni 2005584 inlägg
#11

Tack Peter S för ditt snickeri :h Jag återkommer när ajg i detalj har studerat snickerit och länken jag fått

Medlem sedan juni 2005584 inlägg
#12

Oki, nu tror jag att jag förstår :r
Men! Jag vill centrera "tooltip" under muspekaren
Enligt vad som står här

To center the tooltip below (or above) the mousepointer, apply the value -tooltipwidth/2.

Men

<map name="m" id="m">
<area onmouseover="this.T_WIDTH=50;this.T_OFFSETX=-25;return escape('fot')" shape="circle" coords="289,74,7">
</map>
<img src="kreuzot_s.jpg" usemap="#m">

<script type="text/javascript" src="wz_tooltip.js"></script>

ger inte helt centrerad tooltip..
Fråga:

  • måste jag ändra T_WIDT och T_OFSETX i filen wz_tooltip.js med?
Medlem sedan juni 2005584 inlägg
#13

När jag kollar den sidan som Peter S skickade med.. så får jag en varning att IE har blokerat. Och efter det måste ajg tillåta att sidan visas.
Går detta att kringå?

277 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
146 ms — hämta forumlista (db)
124 ms — hämta statistik (db)
149 ms — hämta tråd, inlägg och bilagor (db)