---
title: "andra class vid onklick om sidan visas"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/89959-andra-class-vid-onklick-om-sidan-visas"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Pezzen"
published: "2003-11-08T23:21:03.000Z"
updated: "2003-11-09T19:17:48.000Z"
replies: 3
views: 188
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/89959-andra-class-vid-onklick-om-sidan-visas"
---

# andra class vid onklick om sidan visas

## #1 — Pezzen, 2003-11-08T23:21Z

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?

Permalänk: https://www.webforum.nu/p/89959

## #2 — Jojoxx, 2003-11-08T23:47Z

Jag antar att du använder frames/iframes.
Exempel:

```
<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.

Permalänk: https://www.webforum.nu/p/1202846

## #3 — Pezzen, 2003-11-09T16:11Z

faktist inte, sidan laddas om och undersidan hämstas via en querystring, förutom det så fungerar scriptet perfekt.

Permalänk: https://www.webforum.nu/p/1203018

## #4 — Jojoxx, 2003-11-09T19:17Z

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.

Permalänk: https://www.webforum.nu/p/1203112

---

Tråden på webben: https://www.webforum.nu/amne/javascript/89959-andra-class-vid-onklick-om-sidan-visas