---
title: "Stycky?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/96607-stycky"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2004-02-04T23:56:10.000Z"
updated: "2004-02-05T01:20:53.000Z"
replies: 2
views: 235
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/96607-stycky"
---

# Stycky?

## #1 — Jesper T, 2004-02-04T23:56Z

Hur får jag min "låssasmeny" att bli sticky?
Vid mouseover/mouseout så skall bakgrunden bli grå/vit, men när jag klickar på diven så skall den bli mörkgrå ända till jag klickar på en annan div då den skall bli mörkgrå. osv.
En början är denna:

```
<script type="text/javascript">
function templ(id){
document.all[id].style.background = '#999999';
}
function mover(id){
document.all[id].style.background = '#CCCCCC';
}
function mout(id){
document.all[id].style.background = 'white';
}
</script>

<div id="div_1" onclick="templ(this.id)" onmouseover="mover(this.id)" onmouseout="mout(this.id)">>Ett</div>
<div id="div_2" onclick="templ(this.id)" onmouseover="mover(this.id)" onmouseout="mout(this.id)">>Två</div>
```

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

## #2 — dectgap, 2004-02-05T00:53Z

En fortsättning:

```
<script type="text/javascript">
var divs = ["div_1", "div_2"];
var checked = new Object;

function mclick(id){
    for(var i=0; i<divs.length; i++){
        if(divs[i]!=id){
            checked[divs[i]] = false;
            document.getElementById(divs[i]).style.background ="#FFFFFF";
        }
    }
    checked[id] = !checked[id];
    if(checked[id])
        document.getElementById(id).style.background = '#999999';
    else
        document.getElementById(id).style.background = '#CCCCCC';
}
function mover(id){
    if(!checked[id])
        document.getElementById(id).style.background = '#CCCCCC';
}
function mout(id){
    if(!checked[id])
        document.getElementById(id).style.background = '#FFFFFF';
}
</script>

...

<div id="div_1" onclick="mclick(this.id)" onmouseover="mover(this.id)" onmouseout="mout(this.id)">&gt;Ett</div>
<div id="div_2" onclick="mclick(this.id)" onmouseover="mover(this.id)" onmouseout="mout(this.id)">&gt;Två</div>
```

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

## #3 — Jesper T, 2004-02-05T01:20Z

Härligt, de funka trots denna sena timma! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/96607-stycky