/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Billede usynlig/synlig
Fra : Erik Ginnerskov


Dato : 21-07-04 23:56

Hej NG
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



 
 
Knud Gert Ellentoft (22-07-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 22-07-04 00:29

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

Kristian Bødker (22-07-2004)
Kommentar
Fra : Kristian Bødker


Dato : 22-07-04 00:43

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/

Knud Gert Ellentoft (22-07-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 22-07-04 01:05

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 (22-07-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 22-07-04 01:17

Knud Gert Ellentoft skrev:

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

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

Erik Ginnerskov (22-07-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 22-07-04 21:40

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



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste