Hover effekt på tabel - problem med billeder
Godaften.Jeg sidder med en menu, som har til formål at ligne og duplikere standard Windows menu system, dem som vi kender med Filer, Rediger, Vis etc.
Det er lavet ud fra Outlook 2003, hvor der er hover effekter på selve ”overemnet”, f.eks. Filer, men også hover på tabellerne i den stamme / det emne, f.eks. Åben, Gem og Gem Som.
Da der er en onmouseover og en onmouseout på selve overskriften i menuen, altså Filer, så kan jeg ikke bruge den almindelige JavaScript funktion for Hover på den (Eller det kan man nok, men har ingen idé om hvordan man bruger en onmouseover på to funktioner), men det er sådan set heller ikke her det første problem ligger.
Problemet ligger i den stamme eller underemne i Filer. Den er opbygget på den måde, at ude i venstre side er der et lille billede, som minder om det der er i Outlook 2003. Hver menu rubrik er inddelt i én celle. Jeg har fået min hover effekt på de celler, og det fungere helt fint, men problemet er, at hoveren fjerner billede, men den "resetter" den ikke når man fjerner fokus fra den celle. Man skal genloade siden for at få billedet igen, og jeg har ingen idé om hvordan man får det billede tilbage.
I kan se mit JavaScript til at lave min hover her:
<code><script language="JavaScript">
function co(element,mode) {
if (mode=="in") {
cursortype = 'pointer'
colorval = '#B7C6D6'
} else if (mode=="out") {
cursortype = ''
colorval = '#F7F6F3'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
</script></code>
Og her er et eksempel på et link, hvor hoveren skal bruges:
<code><tr><td class="menu" onmouseover="co(this,'in');" onmouseout="co(this,'out');"><a href="LINK.aspx" target="_blank" class="pos"> <img src="Billeder/Menu/new.gif" alt="" /> Opret ny</a></td></tr></code>
Jeg håber I forstår hvad jeg mener, men ellers må jeg give et eksempel, for jeg kan desværre ikke vise den konkrete menu - men kan lave et eksempel, hvis det ønskes.
På forhånd mange tak for jeres hjælp.
Mvh
Emil aka Public2
