P Pezzen Medlem sedan feb. 2001 197 inlägg Trådstart 8 nov. 2003 23:21 #1 Rubriken gör de bara krångligare känns det som, men i alla fall here we go
jag har en tabell med massa länkar som ändrar class vid OnMoudeOver. nu vill jag också att den Onklick håller kvar den class:en så länge man är på den sidan. Men om man klickar på någon annan länk så ändras den till den nya class:en samt att den förra länken åter går till att se "normal" ut.
Går det att göra med bara med bar onklick, eller msåte de till (för mig) avancerade java-script?
J Jojoxx Medlem sedan juni 2000 4 308 inlägg Jag antar att du använder frames/iframes.
<style type="text/css">
a { color:blue; }
a.active { color:rgb(200,200,255); }
a.inactive { color:blue; }
</style>
<script type="text/javascript">
var current=null;
</script>
<a href="#" onmouseover="this.className='active';" onmouseout="if(this!=current){this.className='inactive';}" onclick="if(current){ current.className='inactive'; } current=this;">Länk</a><br/>
<a href="#" onmouseover="this.className='active';" onmouseout="if(this!=current){this.className='inactive';}" onclick="if(current){ current.className='inactive'; } current=this;">Länk</a><br/>
<a href="#" onmouseover="this.className='active';" onmouseout="if(this!=current){this.className='inactive';}" onclick="if(current){ current.className='inactive'; } current=this;">Länk</a><br/>
Sedan kan du givetvis använda funktioner för att återvända koden.
P Pezzen Medlem sedan feb. 2001 197 inlägg faktist inte, sidan laddas om och undersidan hämstas via en querystring, förutom det så fungerar scriptet perfekt.
J Jojoxx Medlem sedan juni 2000 4 308 inlägg Så sidans innehåll genereras alltså dynamiskt på server med asp, php e.dyl? Då räcker det med CSS.
<style type="text/css">
a { color:blue; }
a.active { color:rgb(200,200,255); }
a:hover { color:rgb(200,200,255); }
</style>
<a href="foo.php?sida=1">Länk</a><br/>
<a href="foo.php?sida=2" class="active">Länk</a><br/>
<a href="foo.php?sida=3">Länk</a><br/>
Sätt bara class="active" på den länk som motsvarar den sida som genereras.
