[SOLUCIONADO] Style visibility Property

flashmax · #1 (**permalink**) 11/05/2016, 20:15

Hola ..ante que nada soy muy novato en js, quiero ocultar un div al detectar un dispoditivo pero no logro hacerlo y no si es correcto este codigo..saludos!

Código HTML:

<!DOCTYPE html>
<html lang="es"> 
<head> 
  <meta charset="utf-8" /> 
  <script>
    var dispositivo = navigator.userAgent.toLowerCase();
      if( dispositivo.search(/iphone|ipod|ipad|android/) > -1 ){
      document.getElementById("menu-desktop").style.display = "none";} 
	  else { 
	  document.getElementById("menu-portatil").style.display = "none";  }
  </script>
</head> 
<body>
<div id="menu-desktop">menu desktop</div>
<div id="menu-portatil">menu portatil</div>
</body> 
</html>

Alexis88 · #2 (**permalink**) 11/05/2016, 20:45

Solo debes de colocar el bloque de código JavaScript por debajo de los elementos a los cuales deseas afectar para que así estos carguen primero y puedas tomarlos y manipularlos. También puedes ejecutar el código luego de que haya cargado el DOM.

flashmax · #3 (**permalink**) 12/05/2016, 09:40

Gracias por la solucion, ya funciona perfecto!

Código HTML:

<!DOCTYPE html>
<html lang="es"> 
<head> 
  <meta charset="utf-8" /> 

</head> 
<body>
<div id="menu-desktop">menu desktop</div>
<div id="menu-portatil">menu portatil</div>
  <script>
    var dispositivo = navigator.userAgent.toLowerCase();
      if( dispositivo.search(/iphone|ipod|ipad|android/) > -1 ){
      document.getElementById("menu-desktop").style.display = "none";} 
	  else { 
	  document.getElementById("menu-portatil").style.display = "none";}
  </script>
</body> 
</html>