Javascript

[spienbest]

Buenas, estoy tratando de aprender un poco de javascript para aplicarlo a mi sitio web, y tengo un código que no me funciona. Lo que quiero hacer es que para cuando la resolución del ancho de la pantalla sea menor que 1300 los divs cadmiddle y cadsense cojan el parámetro visibility: hidden de CSS. He elaborado el siguiente código pero cómo os podéis imaginar no funciona:

Código:

<script type="text/javascript">

	if(screen.width <= 1300) {
		alert(screen.width);
		document.body.innerHTML += "<style type='text/css'>
		.cadmiddle { visibility: hidden !important; }
		.cadsense { visibility: hidden !important; }
		</style>
		"; 
	}
</script>

¿Qué estoy haciendo mal?

[Adler]

Hola

Prueba así

Código Javascript:

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
function iecompattest() {
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
 
 
function funcion() {
var window_width = ieNOTopera? iecompattest().clientWidth : window.innerWidth;
document.getElementById('cadmiddle').style.visibility = (window_width <= 1300) ? 'hidden' : 'visibility';
document.getElementById('cadsense').style.visibility = (window_width <= 1300) ? 'hidden' : 'visibility';
}
 

Suerte

[spienbest]

Muchas gracias, me ha sido muy util.