Avatar billede meek Nybegynder
04. marts 2002 - 22:50 Der er 9 kommentarer og
1 løsning

OnMouseOver på SPAN

Hej eksperter;

Jeg bruger en <SPAN> til at vise en tabel når en bruger klikker på den:

KOden for min <SPAN>::

<span id="popup1field" width=100% onclick="return showpopup(document.all.popup1menu)" onmouseout="return hidepopup(document.all.popup1menu)" style="text-decoration:underline; cursor: hand">Links</span>

Jeg vil gerne have et farveskift på teksten når man kører musen ind over ???

Er det noget man lige kan klare med en ONMOUSEOVER ??

Meek
Avatar billede fomse Nybegynder
04. marts 2002 - 23:21 #1
Kan du ikke lave det med CSS (a:hover)?
Prøv evt. at kikke lidt på eks. herunder:

<html>
<head>
<title>Untitled</title>
<style type="text/css">
.menuen  {
    font : 11px verdana, arial, sans-serif;
    color : RED;
}
A:link  {
    text-decoration : none;
}
A:active  {
    text-decoration : none;
}
A:visited {
    text-decoration : none;
}
A:hover  {
    color : #00CC00;
    text-decoration:underline;
}
</style>
</head>
<body>
<a href="test" onFocus="this.blur()"><span class="menuen">Dette er en test</span></a>
</body>
</html>
Avatar billede hono Nybegynder
04. marts 2002 - 23:23 #2
ellers onmouseover="document.popup1field.style.color='dinfarve'" , vil jeg tro.

Hono
Avatar billede olebole Juniormester
04. marts 2002 - 23:24 #3
<ole>
Med java script:

<span on mouseover="this.background='#ff0000';this.color='#ffff00';"
    onmouseout="this.background='#ffffff';this.color='#000000';">
      Noget tekst</span>
/mvh
</bole>
Avatar billede meek Nybegynder
04. marts 2002 - 23:25 #4
jeg skriver jo netop at det er et SPAN-tag og derfor kan mit cascading style sheet ikke bruges her. Alle andre reele links har stylesheetsw.. men dette er som sagt en SPAN !!..

Jeg har lavet en onmouseover... men kan ikke få onmouseout til at reagere !!!
Avatar billede olebole Juniormester
04. marts 2002 - 23:26 #5
Ups ..... '<span on mouseover ... osv' rettes til '<span onmouseover ... osv'
=)
Avatar billede meek Nybegynder
04. marts 2002 - 23:30 #6
Denne her:

<span id="popup1field" width=100% onclick="return showpopup(document.all.popup1menu)" onmouseout="return hidepopup(document.all.popup1menu)" style="text-decoration:underline; cursor: hand" onmouseover="this.style.color='357082'" onmouseout="this.style.color='black'">
Same Old Song</span>


onmouseout virker ikke ??? hvorfor ??
Avatar billede olebole Juniormester
04. marts 2002 - 23:36 #7
Hvilken af dine to onmouseouts virker ikke?  =oD
Avatar billede olebole Juniormester
04. marts 2002 - 23:38 #8
...du kan *kun* have én onmouseout på hvert span. Skal du bruge to, må du gøre sådan:
  ...onmouseout="this.style.color='black';return hidepopup(document.all.popup1menu);">
/mvh
Avatar billede meek Nybegynder
04. marts 2002 - 23:40 #9
HAHA !!

Den havde jeg lige overset.. tusind tak for svarene
points går til OLEBOLE.. det var ham der svarede på mit spm..

Meek
Avatar billede olebole Juniormester
04. marts 2002 - 23:47 #10
... anytime  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester