Just nu i M3-nätverket
Jump to content

Javascript väljer css


- Jonsson

Recommended Posts

Hej. Jag har gjort en meny med flikar som i idg:s webstudio. I Javascriptet så ändras bakgrundsfärgen i fliken som är aktiv. Kan man istället få in att den flik som är aktiv använder sig av en class i css-filen och de passiva av en annan?

 

Så här ser det ut nu:

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showmenu(menu, box){
if(menu.style.visibility == 'hidden')
{
m1.style.visibility='hidden'
m2.style.visibility='hidden'
m3.style.visibility='hidden'
m1.style.display='none'
m2.style.display='none'
m3.style.display='none'
box2.style.backgroundColor='rgb(255,255,255)'
box3.style.backgroundColor='rgb(255,255,255)'
box.style.backgroundColor='rgb(199,199,199)'
menu.style.display=''
menu.filters.item(0).apply()
menu.style.visibility=''
menu.filters.item(0).play()
}
}
//-->
</SCRIPT>

</head>
<table id="menyer">
<tr>
<td id="box1"><a href="javascript:showmenu(m1, box1)" id="menyer">Start</a></td>
<td id="box2"><a href="javascript:showmenu(m2, box2)" id="menyer">Nyheter</a></td>
<td id="box3"><a href="javascript:showmenu(m3, box3)" id="menyer">Trams</a></td>
</tr>
</table>
<table id="m1" border width="200" height="200"><tr><td>Start</td></tr></table>
<table id="m2" border width="200" height="200" style="visibility:hidden"><tr><td>Nyheter</td></tr></table>
<table id="m3" border width="200" height="200" style="visibility:hidden"><tr><td>Trams</td></tr></table>
</html>

 

Tacksam för svar.

/Jonsson

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...