Códigos jQuery, CSS, HTML para páginas web

Entradas

Mostrando entradas de mayo, 2013

Redireccionar a otra pagina si nos visitan desde un dispositivo móvil.

En el anterior post he explicado como crear una página para un móvil con la ayuda de jQuery mobile. Pero, ¿cómo mostrar esa página y no la página "normal" en el caso de que nos visiten desde un dispositivo móvil?. A mi me va bien con el siguiente código: <script type="text/javascript"> if ((navigator.userAgent.match(/(iPhone|iPod|BlackBerry|Android.*Mobile|BB10.*Mobile|webOS|Windows CE|IEMobile|Opera Mini|Opera Mobi|HTC|LG-|LGE|SAMSUNG|Samsung|SEC-SGH|Symbian|Nokia|PlayStation|PLAYSTATION|Nintendo DSi)/i)) ) { location.replace("http://www.nombredemidominio.com/Movil/index.html")} </script> Es un script en javascript el cual coloco entre los head de la página principal. Sólo tenemos que sustituir el contenido de "location.replace" con la dirección de nuestra propia página y la carpeta donde tenemos la versión móvil. Lo he probado en varios móviles y funciona. Lo he probado también en mi tablet de 7 pulgadas y no fun

web movil con jQuery mobile

Una de las formas de adaptar una página web al móvil es con el uso del framework de jQuery, el llamado jQuery mobile . En realidad no adaptamos nuestra web al móvil, sino que construimos una página nueva para el móvil. Vamos por partes, primero tenemos que incluir, entre los <head> de la página, la llamada al framework de la siguiente manera: de nuestra página, la llamada al framework, lo cual haremos del siguiente modo: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile.structure-1.3.0-rc.1.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script> Con este método accedemos directamente al servidor de jQuery, desde el cual descargamos lo necesario para que el framework funcione correctamente. Con la primera linea descargamos la hoja de estilos,