Cita:
Iniciado por Albuss 
He observado que has utilizado el signo de concatenar como si fuera un operador de suma, aunque no sea necesario al igual que en los if/else, siempre hay que tender a utilizar las llaves de apertura y cierre, que en este caso son los paréntesis.
'12px' no es igual que 'parametro('+(12)+'px)'; , luego vienen los fallos ¿aleatorios? y nos volvemos locos buscando algo simple. Hablo desde la experiencia.
querías un ejemplo en el que las comillas simples y las comillas dobles fuesen indistintos en el funcionamiento, pues bien, en ese ejemplo se demuestra.
la modificación de un estilo requiere en este caso la especificación del tipo de unidad en la que se trabaja,
miVariable + 'px' representa dicho valor para la propiedad a modificar, border.
No veo diferencia con hacer
Código Javascript
:
Ver original<script type="text/javascript">
//<![CDATA[
function tr(MiVariable){
document.getElementById('divCAJABOX').style.margin ="10px " + MiVariable + "px";
document.getElementById('divCAJABOX').style.border ='solid #000 '+(3+MiVariable)+'px';
document.getElementById('divCAJABOX').style.borderRadius =(2*MiVariable+(50))+'px';
document.getElementById('divCAJABOX').innerHTML ="texto <br \/> " +(3*MiVariable) + "<br \/>texto<br \/>" + (3+MiVariable);
document.getElementById('divCAJABOX').style.webkitTransform ='translateX('+(MiVariable)+'px)';
document.getElementById('divCAJABOX').style.webkitTransform ="translateY("+(620+MiVariable)+"px)";
}
//]]>
</script>
Los paréntesis son necesarios para definir la operación, no es lo mismo
"translateY("+(620+MiVariable)+"px)"
que
"translateY("+620+MiVariable+"px)"
en cuanto a los paréntesis contenidos entre las comillas, simple o dobles, son solo parte de la cadena que corresponde a la propiedad css.
Utilizo el signo + ya sea para concatenar y crear la cadena final ó para definir la operación según vaya siendo necesario.
Fallos aleatorios?
No encuentro la relación
Saludos