cambiar valor de width

[juan_14nob]

hola a todos tengo un simple script, que lo que quiero que haga es que si la resolucion del monitor del usuario es x se modifique automaticamente el width de un div..
aca dejo el script pero no funciona no se por que

Código HTML:

<script language="javascript">

if (screen.width<1024)
   document.write ("Pequeña")
else
   if (screen.width<1280)
      document.write ("Mediana")
   else
      
 var tit=document.getElementById('header');
  tit.style.width ='50%';
</script> 

como se puede apreciar, si el ancho es mayor que 1280 , quiero que el width del div "header" pase al 50% en vez del 100% como esta!

[quinqui]

Holas juan

A primeras pensé que tal vez era tema de navegador. De acuerdo a lo que yo sabía, para obtener las medidas de la pantalla del usuario, el método cambia según el navegador que se usa.

Pero luego mirando tu código, vi que tal vez podrías ver este otro detalle que es más inmediato:

Código javascript:

<script language="javascript">
 
if (screen.width<1024)
   document.write ("Pequeña")
else
   if (screen.width<1280)
      document.write ("Mediana")
   else
  {
    var tit=document.getElementById('header');
    tit.style.width ='50%';
  }
</script>
 

Suerte.

[_cronos2]

Iniciado por quinqui

Holas juan

A primeras pensé que tal vez era tema de navegador. De acuerdo a lo que yo sabía, para obtener las medidas de la pantalla del usuario, el método cambia según el navegador que se usa.

Pero luego mirando tu código, vi que tal vez podrías ver este otro detalle que es más inmediato:

Código javascript:

<script language="javascript">
 
if (screen.width<1024)
   document.write ("Pequeña")
else
   if (screen.width<1280)
      document.write ("Mediana")
   else
  {
    var tit=document.getElementById('header');
    tit.style.width ='50%';
  }
</script>
 

Suerte.

En realidad al primer else también habría que colocarle llaves, porque ocupa más de una línea.
Saludos :D

[quinqui]

Iniciado por _cronos2

En realidad al primer else también habría que colocarle llaves, porque ocupa más de una línea.

Ahh, yo pensaba que al if lo tomaba como una sola línea, por eso no le agregué las llaves ahí :O....

[_cronos2]

Iniciado por quinqui

Ahh, yo pensaba que al if lo tomaba como una sola línea, por eso no le agregué las llaves ahí :O....

Pero da igual si toma al if como una línea o no, porque el primer else va desde la línea 6 a la 12, así que sigue ocupando más de una.
Saludos (:

[juan_14nob]

sigue sin funcionar
:S

[_cronos2]

¿Cómo tienes el código ahora?

[juan_14nob]

Código HTML:

<script language="JavaScript">

if (screen.width<1024)
   document.write ("Pequeña")
else{
   if (screen.width<1280)
      document.write ("Mediana")

   }else{
   	   var tit=document.getElementById('header');
		tit.style.width ='50%';
   }
      

</script> 

[buzu]

Prueva con:

Código Javascript:

if (screen.width<1024){
   document.write ("Pequeña")
}elseif (screen.width<1280){
   document.write ("Mediana")
}else{
   var tit=document.getElementById('header');
   tit.style.width ='50%';
}
 

Acostumbrate a usar siempre las llaves ({}), es mucho mejor.

[juan_14nob]

intente hacerlo asi como me dijiste pero no anda