webForumDet fria alternativet

Stycky?

2 svar · 229 visningar · startad av Jesper T

Jesper TMedlem sedan nov. 20017 144 inlägg
#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
#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
#3

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

136 ms totalt · 3 externa anrop · v20260731065814-full.30151723
133 ms — hämta forumlista (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)