Jesper TMedlem sedan nov. 20017 144 inlägg 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 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)">>Ett</div>
<div id="div_2" onclick="mclick(this.id)" onmouseover="mover(this.id)" onmouseout="mout(this.id)">>Två</div>
Jesper TMedlem sedan nov. 20017 144 inlägg Härligt, de funka trots denna sena timma! :)