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