.style.mozBoxShadow

frank_harbey12 · #1 (**permalink**) 17/11/2010, 13:52

Buen dia, requiero de nuvo de vuestra colaboracion

tengo este codigo

Código:

<style type="text/css">
.a{background: white;-moz-box-shadow:inset 1px 4px 10px red;box-shadow:inset 0 5px 5px #51A0E4;border: 10px solid purple; width: 500px; height: 100px;}
</style>

<script type="text/javascript">
function imgf(){
document.getElementById("b").style.mozBoxShadow="5px 4px 10px green";
}
</script>
</head>
<body>

<input type="submit" onclick="imgf();" value="Clickeame2" />

<div id="b" class="a"></div>

</body>
</html>

Diran uds, cual es el problema, el problema esta en la function imgf exactamente en la propiedad mozBoxShadow, el cual no se aplica el div, razon?, no se, sera que esta bien el codigo o me hace falta algo.? gracias por la protna ayuda

stramin · #2 (**permalink**) 17/11/2010, 14:26

Es con Moz en mayuscula:

document.getElementById("b").style.MozBoxShadow="5 px 4px 10px green";

Por cierto, eso funciona SOLO en Mozila Firefox y en las ultimas versiones.

frank_harbey12 · #3 (**permalink**) 17/11/2010, 16:48

gracias stramin por tu colaboracion, si era exactamente eso, lo de firefox si tambien lo se, esa es una propiedad, por que boxShadow solo si funciona, ahora mi incognita es puedo hacer lo siguiente y como se haria?

var vara = cualquier color;
document.input.style.MozBoxShadow="5 px 4px 10px " +vara;

quiero aplicar eso a todos los inputs, aparte de la propiedad "hover" donde iria?

Bueno ya se que no se puede con hover, pero no encontre nada al respecto con el siguiente codigo,

document.getelementbyid().onmouseover.style.....

ese onmouseover se puede colocar asi?

Gracias por la pronta respuesta