Comunidad de diseño web y desarrollo en internet online

Porque el screen.width no me funciona?

Citar            
MensajeEscrito el 26 Ago 2017 11:15 am
Hola. Estoy haciendo mi página web responsive a móviles y tengo que poner:
tablet.js
Código:

Código :

function anchura{
if(screen.width < 768){
  $("#header").remove();
}
}

Que me dice, si el ancho de mi pantalla es menor que 768 o igual (tablets and phones) me eliminará el elemento con el id header

Puse este script en las etiquetas head:

Código:

Código :

<script type="javascript/text" src="tablet.js">

Y no me funciona, porque será?
También lo he probado de llamarlo con onload pero no me funcionó
Gracias.

Por IVAN HEREDIA PLANAS

53 de clabLevel



Genero:Masculino  

Lo increíble, no es lo que ves, sino como es

chrome
Citar            
MensajeEscrito el 28 Ago 2017 06:54 pm
Haz declarado una función, pero con cargarla no es suficiente, deberás además ejecutarla.

Jorge

Por solisarg

BOFH

13669 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 29 Ago 2017 09:38 pm
Hola Jorge me he informadoque es mejor hacerlo con jQuery, puse este código pero no me funciona, porque será?

Código Javascript :

$(document).ready(functions(){
    if(screen.width < 768){
        $("#header").remove();
   }
});


Gracias

Por IVAN HEREDIA PLANAS

53 de clabLevel



Genero:Masculino  

Lo increíble, no es lo que ves, sino como es

chrome
Citar            
MensajeEscrito el 29 Ago 2017 11:22 pm
Primero verifica que se ejecute

Código :

$(document).ready(functions(){
    console.log('Ancho de ventana '+screen.width);
    if(screen.width < 768){
        $("#header").remove();
   }
});


No se si el objeto screen es siempre soportado. Abre el inspector del navegador que uses, tendrias que ver el log apareciendo en la consola

Jorge

Por solisarg

BOFH

13669 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 31 Ago 2017 10:59 am
Ya lo resolví, es este código:

Código Javascript :

<script>
  $(document).ready(function(){
    if (window.matchMedia("(max-width: 768px)").matches){
      $("#header").remove();
    }
  });
</script>


Gracias

Por IVAN HEREDIA PLANAS

53 de clabLevel



Genero:Masculino  

Lo increíble, no es lo que ves, sino como es

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.