Avatar billede daniel_d Nybegynder
26. februar 2002 - 21:09 Der er 5 kommentarer og
1 løsning

style på onmouseover/down/hover

Hvordan får man en onmouseover/down/hover event til at håndtere en style atribut som eks Style="border:1 solid #000000;"

Med venlig hilsen
Daniel Duvald
Avatar billede rune_c Nybegynder
26. februar 2002 - 21:12 #1
<div onmouseover="this.style = 'border:1 solid #000000;'">TEST</div>
Avatar billede daniel_d Nybegynder
26. februar 2002 - 21:17 #2
Jeg får følgende fejl på dit forslag: medlemmet ikke fundet

Er det fordi jeg ikke har angivet (This) i en javascript funktion i headeren ?
Avatar billede and.vang Nybegynder
26. februar 2002 - 22:13 #3
Eller i <head>:
<style type="text/css">
a.ENANDENHOVEREFFEKT:hover { border:1px solid #000000 }
</style>

Og i <body>:
<a class="ENANDENHOVEREFFEKT" href="tistis.htm">Arnold Busck</a>

ENANDENHOVEREFFEKT kan du sætte til lige hvad du vil.

/Anders :)
Avatar billede rune_c Nybegynder
28. februar 2002 - 22:41 #4
hmm jeg blandede jscript og css sammen!! Her er der en der virker:

<div onmouseover="this.style.border = '1 solid #000000'">TEST</div>
Avatar billede daniel_d Nybegynder
01. marts 2002 - 15:26 #5
Jeg har løst mit problem. Det jeg skulle bruge var:
I headeren angives følgende script:

<script language="JavaScript1.2">
var cssdefinition='<style>\n.menuitems{\nborder:2.5px solid #D8D0C8;\n}\n\n.menuitems a{\ntext-decoration:none;\cursor:hand\n;\ncolor:black;\n}\n<\/style>'

if (document.all||document.getElementById)
document.write(cssdefinition)

function over_effect(e,state, bgcolor){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menuitems"){
source4.style.borderStyle=state
source4.style.backgroundColor=bgcolor
}
else{
while(source4.tagName!="DIV"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menuitems"){
source4.style.borderStyle=state
source4.style.backgroundColor=bgcolor
}
}
}
}
</script>
og i body'en hvor man skal anvende scriptet følgende:

<div id="#" class="#" onMouseover="over_effect(event,'outset','#D8D0C8')" onMouseout="over_effect(event,'solid','#D8D0C8')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')"></div>

Måske kan andre bruge det til noget, derfor postede jeg lige løsningen her. Dette er en mulighed for via css og javascript at lave noget der til forveksling ligner en alm knap.

Daniel
Avatar billede daniel_d Nybegynder
01. marts 2002 - 15:28 #6
Jeg vil derfor ikke give nogen point ud i dette spørgsmål... desværre
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