Aktiv länk ska vara i annan stil

4 svar · 250 visningar · startad av silfver 20 apr. 2003

silfverMedlem sedan apr. 200312 679 inlägg

Frågan20 apr. 2003 19:45#1

Hejsan...
Ska förklara vad jag menar på ett så lätt sätt som möjligt.

Om man har en hemsida, vi tänker oss att menyn ser ut såhär:

_ startsida _ bilder _ länkar _ gästbok _

När man tryckt på "startsida" så vill jag att den ska visas som aktiv, ex. att den ska vara fetstilt för att visa att det är just den sidan man är inne på.

Likadant på: http://spek.silfvers.com << på menyn, så vill jag att cellbakgrunden på den sidan man är inne på ska vara markerad med en annan färg just när den är aktiv. Hoppas ni förstår vad jag menar och att ni kan hjälpa mig!

mvh silfver

Jesper TMedlem sedan nov. 20017 144 inlägg

20 apr. 2003 19:54#2

Nåt sånt här kanske:

<style>
body{font-family:verdana;}
.tab{background-color:green;}
.tabselected{background-color:red;}
</style>
<script language="JavaScript">
function showMenu(box) {
document.getElementById('box1').className='tab'
document.getElementById('box2').className='tab'
document.getElementById('box3').className='tab'
document.getElementById(box).className='tabselected'	
}
</script>
<div id="box1" class="tabselected" onClick="showMenu('box1');">Index</div>
<div id="box2" class="tab" onClick="showMenu('box2');">Sport</div>
<div id="box3" class="tab" onClick="showMenu('box3');">Nyheter</div>

silfverMedlem sedan apr. 200312 679 inlägg

20 apr. 2003 20:05#3

tack, ska scriptet vara mellan <head> eller i <body>?

edit: fixade det, tack ska du ha!

sorhhMedlem sedan dec. 2002536 inlägg

20 apr. 2003 20:07#4

edit: Jaså, du löste det din slyngel. ;) :e

silfverMedlem sedan apr. 200312 679 inlägg

20 apr. 2003 20:09#5

haha jepp :D Fin fint... kom på att det inte funkar med "onMouseOver" :\

onMouseOver="this.style.backgroundColor='CED6DF';" onMouseOut="this.style.backgroundColor='F5F5F5';"

synd... :s