Avatar billede technodance.dk Nybegynder
04. juni 2004 - 13:20 Der er 6 kommentarer og
1 løsning

MENT: mouseover vs. out

Hej exp'er

hvordan kan jeg gøre så den fanger id og ikke fast id

<SCRIPT TYPE="text/javascript">
var ie = (document.all)?true:false;


function overface(this){
document.getElementById('menu').style.cursor=(ie)?'hand':'pointer';
document.getElementById('menu').style.backgroundColor='#EEEEEE';
}


function outface(this){
document.getElementById('menu').style.cursor='none';
document.getElementById('menu').style.backgroundColor='#E1E8E9';
}
</SCRIPT>
Avatar billede powernodes Nybegynder
04. juni 2004 - 13:26 #1
Mener du sådan?

function overface(id){
  document.getElementById(id).style.cursor=(ie)?'hand':'pointer';
  document.getElementById(id).style.backgroundColor='#EEEEEE';
}


onmouseover="overface('menu');"
Avatar billede knudx Nybegynder
04. juni 2004 - 17:12 #2
eller
onmouseover="overface(this);"

function overface(el){
  document.getElementById(el.id).style.cursor=(ie)?'hand':'pointer';
  document.getElementById(el.id).style.backgroundColor='#EEEEEE';
}
Avatar billede knudx Nybegynder
04. juni 2004 - 17:15 #3
og så igen - hvorfor pokker bruger du ikke bare css?

#menu {background-color:#e1e8e9;cursor:pointer;cursor:hand;}
#menu:hover {background-color:#eee}
Avatar billede roenving Novice
05. juni 2004 - 16:24 #4
>>knudx

-- måske vil technodance gerne have det til at virke på andet end links i IE ?-)

Men cursoren er indlysende at placere i stylesheet, så:

<style type="text/css">
.menu {background:#e1e8e9;cursor:pointer;cursor:hand;}
</style>
<script type="text/javascript">
var ie = (document.all)?true:false;

function overface(id){
document.getElementById(id).style.backgroundColor='#EEEEEE';
}

function outface(id){
document.getElementById(id).style.backgroundColor='#E1E8E9';
}
</script>

<div id="menupunkt1" class="menu" onmouseover="overface(this.id)" onmouseout="outface(this.id)">Her skal der ændres baggrundsfarve onmouseover</div>

-- som det er lige nu, er der faktisk en masse overkill, men der var vist noget om, at technodance ville prøve med den slags javascript !-)

Hele det ovenstående kan faktisk skrives i een linje:

<div id="menupunkt1" class="menu" onmouseover="this.style.backgroundColor='#eee';" onmouseout="this.style.backgroundColor='#e1e8e9';" style="background:#e1e8e9;cursor:pointer;cursor:hand;">Her skal der ændres baggrundsfarve onmouseover</div>
Avatar billede technodance.dk Nybegynder
07. juni 2004 - 15:40 #5
ryder op i spm svar lige ronving
Avatar billede roenving Novice
07. juni 2004 - 15:54 #6
Oki '-)
Avatar billede roenving Novice
07. juni 2004 - 18:39 #7
-- og tak for point ;~}
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