/ 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
javascript, CSS: skifte style onMouseOver ~
Fra : Tinky Winky


Dato : 23-05-02 22:25

At skifte style når man holder musen over et område af en bestemt klasse, er
ikke så svært.

Men hvordan kan man skifte stil for noget (skifte farve etc.) når man holder
musen over noget andet? Der er masser eksempler på hvordan det kan gøres med
billeder, men jeg vil gerne have det kun med javascript/css.

hvis jeg fx ønsker at X'et skal blive rødt, når jeg holder musen over Y'et,
hvordan kan man gøre det?

<div class="a1">x</div> <a href="#" class="b1">y</a>



 
 
Knud Gert Ellentoft (24-05-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 24-05-02 00:05

Thu, 23 May 2002 23:24:46 +0200, skrev "Tinky Winky"
<twREMOVE@tinkywinkysfantasyplace.dk>:

>hvis jeg fx ønsker at X'et skal blive rødt, når jeg holder musen over Y'et,
>hvordan kan man gøre det?

<html>
<head>
<script type="text/javascript">
<!--
function set_color(obj, color)
{
// if IE then change color
if(document.all)
{
var tmp=eval (obj+'.style');
tmp.color=color;
}
}
// -->
</script>
</head>
<body>
<span id="first">X</span>
<a HREF="link2.htm"
onMouseOver="set_color('first', '#ff0000');"
onMouseOut="set_color('first', '#000000');">Y</a>
</body>
</html>

Virker kun i IE.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Tinky Winky (24-05-2002)
Kommentar
Fra : Tinky Winky


Dato : 24-05-02 21:56

> >hvis jeg fx ønsker at X'et skal blive rødt, når jeg holder musen over
Y'et,
> >hvordan kan man gøre det?
>
> <html>
> <head>
> <script type="text/javascript">
> <!--
> function set_color(obj, color)
> {
> // if IE then change color
> if(document.all)
> {
> var tmp=eval (obj+'.style');
> tmp.color=color;
> }
> }
> // -->
> </script>
> </head>
> <body>
> <span id="first">X</span>
> <a HREF="link2.htm"
> onMouseOver="set_color('first', '#ff0000');"
> onMouseOut="set_color('first', '#000000');">Y</a>
> </body>
> </html>

Det er jo godt, det gør præcis det, som jeg nævner i eksemplet. Men jeg
kunne faktisk godt tænke mig, at have style definereret i et stylesheet, og
så lade javascript'en skifte style. Du virker som en DHTML haj, så det vil
vel ikke volde dig de store problemer at ændre? Det skal vel bare være noget
med at en funktion skifter style i stedet for blot at skifte color?



Knud Gert Ellentoft (24-05-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 24-05-02 22:34

Fri, 24 May 2002 22:55:32 +0200, skrev "Tinky Winky"
<twREMOVE@tinkywinkysfantasyplace.dk>:

>Det er jo godt, det gør præcis det, som jeg nævner i eksemplet. Men jeg
>kunne faktisk godt tænke mig, at have style definereret i et stylesheet, og
>så lade javascript'en skifte style.

Kan jeg ikke lige umiddelbart klare, måske i løbet af weekenden,
har ikke så meget tid lige nu, er i gang med noget andet.

>Du virker som en DHTML haj

Lidt overdrevet.

PS. klip gerne i det du svarer på, der er ingen grund til at
medsende hele det indlæg incl. signatur, du svarer på.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Tinky Winky (26-05-2002)
Kommentar
Fra : Tinky Winky


Dato : 26-05-02 13:44

> Kan jeg ikke lige umiddelbart klare, måske i løbet af weekenden,
> har ikke så meget tid lige nu, er i gang med noget andet.

Hvis det tager lang tid og du ikke selv kan bruge det til så meget så lad
være. Det er ikke meget vigtigt for mig.

> >Du virker som en DHTML haj
>
> Lidt overdrevet.

"øvet" passer måske bedre?

> PS. klip gerne i det du svarer på, der er ingen grund til at
> medsende hele det indlæg incl. signatur, du svarer på.

OK



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