onmouse...varias

[besotico]

Hola amigos, tengo lo siguiente:


<img src="images/moduloa_114.jpg" onMouseOver="this.src='images/moduloa2_114.jpg'" onMouseOut="this.src='images/moduloa_114.jpg'" onclick="check('chk_id',this.id,'images/moduloa_114.jpg');" id="images/moduloav_114" alt="" name="images/moduloa2_114" />


entonces, la imagen parte de un color, si hago mouseover tiene que cambiar, si hago roll out tiene que volver a su estado normal, pero si la clickeo tiene que cambiar, hasta ahí estamos bien, el problema es que si clickeo y saco el mouse, queda normal nuevamente, la idea es que quede con la imagen presionada, alguien me ayuda?

saludos y gracias :)

edito:

El js que utilizo es el siguiente

Código Javascript:

<script type="text/javascript">
//<![CDATA[
*
 function testchk(){
var valor = document.getElementById('chk_id').checked; 
alert(valor);
}
function check(checkboxid,imag,defecto) { *
var valor = document.getElementById(checkboxid).checked;
*
if (valor == false){
document.getElementById(checkboxid).checked = true; *
document.getElementById(imag).src = imag + ".jpg"; *
}else{
document.getElementById(checkboxid).checked = false; *
document.getElementById(imag).src = defecto; * 
}
*
} *
//]]>
</script>
 

[besotico]

Bueno, si alguien tiene el mismo problema alguna vez, logré resolverlo, la verdad es que es primera vez que le meto mano a js, siempre le tuve miedo, les dejo el código de lo que hice

Código HTML:

<img src="images/moduloa_114.jpg"  onMouseOver="check('over', 'a','114',this.id);" onMouseOut="check('out', 'a','114',this.id);" onclick="check('check', 'a','114',this.id);" id="images/moduloa_114.jpg" alt="" name="images/moduloa2_114" />
 

Código Javascript:

<script type="text/javascript">
//<![CDATA[
*
 function testchk(){
var valor = document.getElementById('chk_id').checked; 
alert(valor);
}
 
 
 
 
function check(funcion,modulo,checkboxid,imag) { *
var valor = document.getElementById(checkboxid).checked;
 
 
if(funcion == "over"){
    if(valor ==false) {
        
        document.getElementById(imag).src = "images/modulo" + modulo + "2" + "_" + checkboxid + ".jpg";
 
    }
}
 
if(funcion == "out"){
    if(valor ==false) {
        document.getElementById(imag).src = "images/modulo" + modulo + "_" + checkboxid + ".jpg"; 
    }
 
}
 
if (funcion == "check") {
*
    if (valor == false){
        document.getElementById(checkboxid).checked = true; *
        document.getElementById(imag).src = "images/modulo" + modulo + "v" + "_" + checkboxid + ".jpg";
    }
    else{
        document.getElementById(checkboxid).checked = false; *
        document.getElementById(imag).src = "images/modulo" + modulo + "_" + checkboxid + ".jpg";  * 
    } 
} //if funcion check
 
} *
//]]>
</script>
 

puede ser útil para alguien :)