Array
(
)

Ocultar form dependendo da resolução da tela

Christyan
   - 04 jan 2016

Boa tarde caros amigos, estou aqui com uma grade duvida rsrs.
Bom, estou terminando meu painel e no meu menu horizontal eu tenho um form com um input para procurar dentro do site (Local), até ai tudo bem!!!
Minha duvida é... Como eu posso ocultar esse form quando o usuário tiver com um determinado tamanho de tela (Resolução), tipo...
Meu site é responsivo, porem quando ele é acessado por uma tela com resolução abaixo de 800x600 ele fica muito feio, eu quero desativa-lo quando o usuário tiver uma resolução menor que 800x600, eu fiz um código aqui mas n ta funcionando, vou coloca-lo abaixo só para vcs entenderem...
OBS: É em JS, coloquei tag em php pq n tinha JS e a maioria do pessoa que mexe com PHP mexe com JS.

#Código//pega a largura da resolução da tela
var width = screen.width;
//pega a altura da resolução da tela
var height = screen.height;

//verifica se a resolução dará uma boa visão do site
if (width <= 800 || height <= 600){
alert("A resolução da tela do seu monitor é " + width + "x" + height + ". Para está resolução alguns recursos estão desabilitados para seu maior conforto!");
//Pega a ID do formulário criado em "menu-horizontal.php" (PAGINA EXTERNA)
document.getElementById("menuSearch").style.display = "none"; // Aqui ele deveria deixar o form oculto, mas n deixa!

}else{
alert("A resolução da tela do seu monitor é " + width + "x" + height + ". Todos recursos habilitados, divirta-se!");
}


Agradeço desde já!