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

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Mangler et "simpel" script (div)
Fra : Tony Karlsson


Dato : 18-02-05 06:53

Hejsa.
Jeg mangler et script, der gør en div synig ved 'mouseover' og som så
skjuler den igen ved 'mouseout'. diven er sat til 'hidden' i en cssfil.

'mouseout'-funktionen skal først skjule diven, når man kører musen ud af
diven eller væk fra feltet der gør den synlig... Har siddet og rodet med det
længe.... har lukket serveren hvor siden var, da nogle forsøgte at hacke sig
ind, så jeg har ingen ref.

Hilsen Tony



 
 
Benny Nissen (18-02-2005)
Kommentar
Fra : Benny Nissen


Dato : 18-02-05 07:53

Tony Karlsson wrote:
> Hejsa.
> Jeg mangler et script, der gør en div synig ved 'mouseover' og som så
> skjuler den igen ved 'mouseout'. diven er sat til 'hidden' i en cssfil.
>
> 'mouseout'-funktionen skal først skjule diven, når man kører musen ud af
> diven eller væk fra feltet der gør den synlig... Har siddet og rodet med det
> længe.... har lukket serveren hvor siden var, da nogle forsøgte at hacke sig
> ind, så jeg har ingen ref.
>
> Hilsen Tony

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MouseOver</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
#visdiv {
   visibility:hidden;
}
</style>
</head>

<body>
<a href="mouseover.htm"
onmouseover="document.getElementById('visdiv').style.visibility='visible';"
onmouseout="document.getElementById('visdiv').style.visibility='hidden';">
<div id="visdiv">Denne tekst bliver kun vist ved mouse over.</div>
</a>
</body>
</html>




--
Benny Nissen
http://bennynissen.dk

Erik Ginnerskov (18-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 18-02-05 14:33

Benny Nissen wrote:

> #visdiv {
> visibility:hidden;
> }

> <a href="mouseover.htm"
>
onmouseover="document.getElementById('visdiv').style.visibility='visible';"
> onmouseout="document.getElementById('visdiv').style.visibility='hidden';">
> <div id="visdiv">Denne tekst bliver kun vist ved mouse over.</div>
> </a>

"Denne tekst bliver kun vist ved mouse over" - ved onmouseover på hvad. Den
konstruktion vil få efterfølgende elementer til at rykke op og udfylde den
ledige plads. Der mangler et synligt element, der kan laves onmouseover på,
for at det kan virke.

Den her er nok mere villig til at virke:

<p><a href="mouseover.htm"
onmouseover="document.getElementById('visdiv').style.visibility='visible';"
onmouseout="document.getElementById('visdiv').style.visibility='hidden';">
Vis den skjulte tekst</a></p>
<div id="visdiv">Denne tekst bliver kun vist ved mouse over.</div>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk




Tony Karlsson (18-02-2005)
Kommentar
Fra : Tony Karlsson


Dato : 18-02-05 17:29

takker.... det virker...

hilsen

Tony



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