---

Hej NG
På www.hjemmesideskolen.dk/info/hvor.asp har jeg indsat et billede med
kommunegrænser. Billedet er i css defineret som hidden. Det var så meningen,
at ved onmouseover skulle billedet blive synligt:

<div style="position:absolute; top:56px; left:96px;visibility:hidden"
onmouseover="this.style.visible"><img src="images/graenser.gif" width="57"
height="72" alt="" title="kommunegrænser" /></div>

Men det virker ikke. Hvad har jeg lavet forkert i scriptet?

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

Erik Ginnerskov skrev:

><div style="position:absolute; top:56px; left:96px;visibility:hidden"
>onmouseover="this.style.visible"><img src="images/graenser.gif" width="57"
>height="72" alt="" title="kommunegrænser" /></div>
>
>Men det virker ikke. Hvad har jeg lavet forkert i scriptet?

Den rigtige syntax er
onmouseover="this.style.visibility='visible';", men jeg kan
heller ikke lige få det til at virke, men derimod godt omvendt
(billedet bliver skjult ved mus over).

Her ser det sådan ud:
<div style="visibility:visible"
onmouseover="this.style.visibility='hidden';"><img
src="images/graenser.gif" width="57"
height="72" alt="" title="kommunegrænser" /></div>
--
Knud

---

Knud Gert Ellentoft wrote:

> Erik Ginnerskov skrev:
>
>
>><div style="position:absolute; top:56px; left:96px;visibility:hidden"
>>onmouseover="this.style.visible"><img src="images/graenser.gif" width="57"
>>height="72" alt="" title="kommunegrænser" /></div>
>>
>>Men det virker ikke. Hvad har jeg lavet forkert i scriptet?
>
>
> Den rigtige syntax er
> onmouseover="this.style.visibility='visible';", men jeg kan
> heller ikke lige få det til at virke, men derimod godt omvendt
> (billedet bliver skjult ved mus over).
>
> Her ser det sådan ud:
> <div style="visibility:visible"
> onmouseover="this.style.visibility='hidden';"><img
> src="images/graenser.gif" width="57"
> height="72" alt="" title="kommunegrænser" /></div>


Problemet er nok at når objektet ikke er synligt kan det ikke opfange
"onmouseover" hændelsen. Det er derfor I godt kan få det til at virke
omvendt.

Løsningen kunne være at udskifte selve billedet fra en transparant gif,
til selve kommune bulledet ved onmouseover.



--
Kristian Bødker, Software Engineering studerende
http://www.bødker.dk/ eller http://www.xn--bdker-vua.dk/

---

Kristian Bødker skrev:

>Løsningen kunne være at udskifte selve billedet fra en transparant gif,
>til selve kommune bulledet ved onmouseover.

Jep, det er den enkle måde og den kender Erik sikkert også.

Men, hvorfor lave det enkelt når det kan gøres besværligt

Du har ret i, at der ikke er noget til at udføre handlingen på.

Jeg har i andre sammenhænge brugt noget á la dette:

<span onmouseout="if (document.all)
document.all.test2.style.visibility =
'visible';
else if (document.getElementById)

document.getElementById('test2').style.visibility
= 'visible'">
Kør mus over for at vise billede
</span>
<div id="test2" style="visibility: hidden"><img
src="bent.jpg"</div>

Og der kræves også, at der noget at udføre handlingen på, i dette
tilfælde er det »Kør mus over for at vise billede«
--
Knud

---

Knud Gert Ellentoft skrev:

><span onmouseout="if (document.all)

Skal naturligvis være
<span onmouseover="if (document.all)
--
Knud

---

Kristian Bødker wrote:

> Problemet er nok at når objektet ikke er synligt kan det ikke opfange
> "onmouseover" hændelsen. Det er derfor I godt kan få det til at virke
> omvendt.
>
> Løsningen kunne være at udskifte selve billedet fra en transparant
> gif, til selve kommune bulledet ved onmouseover.

Det kunne godt se sådan ud. Derfor har jeg gjort netop sådan, hvorved det nu
virker næsten perfekt i Mozilla og Opera. Eneste problem nu er, at når pilen
kommer ind til den røde cirkel, 'slukkes' kommunegrænsen. Men det må jeg nok
leve med.

Jeg har i head indsat dette script:
--
<script type="text/javascript">
pict1=new Image(); pict1.src='images/blank.gif';
pict2=new Image(); pict2.src='images/border.gif';
</script>
--
Og på billedet har jeg lavet dette:
--
<img src="images/blank.gif" width="57" height="72" alt=""
title="kommunegrænser" onmouseover="document.images[1].src=pict2.src"
onmouseout="document.images[1].src=pict1.src" />
--

Jeg skulle måske lige for en ordens skyld nævne, at images[0] på den side er
kortet over Fyn.
____

I MSIE virker det derimod slet ikke. Tilmed kvæler det linket til kommunens
hjemmeside.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin