Stycky?

2 svar · 231 visningar · startad av Jesper T 4 feb. 2004

Jesper TMedlem sedan nov. 20017 144 inlägg

Frågan4 feb. 2004 23:56#1

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>

dectgapMedlem sedan sep. 20021 655 inlägg

5 feb. 2004 00:53#2

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>

Jesper TMedlem sedan nov. 20017 144 inlägg

5 feb. 2004 01:20#3

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