Detectar móvil con javascript y redirigir

Hace un tiempo publique un código php para redigir al usuario de un dispositivo móvil como puede ser android, iphone o ipod a una versión móvil, he adaptado el código en javascript:

<script type=”text/javascript”>
var navegador = navigator.userAgent.toLowerCase();
if( navegador.search(/iphone|ipod|android/) > -1 ){
document.location = ‘http://m.dominio.com’;
}
</script>

Mejorar la usabilidad de los formularios con jquery, autofoco en el primer campo

$().ready(function(){
$(‘INPUT:first’).focus();
});

o si queremos posicionarnos en el primer textarea:

Efecto zebra en jquery

El efecto zebra consiste en cambiar el color de los elementos pares de una tabla o lista para diferenciar mejor los elementos y se puedan leer mejor.

Podéis ver un ejemplo en sinplan, para hacer el efecto en jquery en una tabla es este código:

$(“tr:even”).css(“background-color”, “#EFEFEF”);

Para listas:

$(“li:even”).css(“background-color”, “#EFEFEF”);

Evitar que el formulario se envie más de una vez con jquery

Lo que hace este fragmento de código es bloquear el botón submit al enviar el formulario, para evitar que se pueda enviar otra vez y se duplique contenido.

<script>
$().ready(function(){
$(‘form’).submit(function(){
$(‘input[type=submit]‘).attr(‘disabled’, ‘disabled’);
});
});
</script>

Mensaje de alerta para los usuarios de internet explorer 6

A petición de Rafael Bucio publico este post.

Yo flipo en colores, todavia hay mucha de gente que usa internet explorer 6 un navegador arcaico del año 2001 y del que seguramente más de alguno se ha cagado más de una vez.

Según google analytics el 34,30% de los visitantes de nvivo.es usa internet explorer 6, sin mirar la versión sigue siendo el navegador más usado con un 70,06%, respecto al 24,12% de firefox.

Hace poco en nvivo.es hemos implementado una alerta que sólo se muestra a los usuarios de IE6, así queda:

El código es sencillo, más ligero que el de ie6update ya que no tiene animaciones, aunque también requiere jquery el framework javascript que usamos en nvivo.es, a continuación os dejo todo lo necesario para implementarlo en vuestro sitio:

CSS:

.ie_bar{display:block;padding:10px 10px 10px 35px;background:#FFFFE6 url(‘/img/iealert.png’) no-repeat 10px center;border-bottom:1px #ccc solid;color:#000;text-decoration:none}

Nota: el CSS contiene un icono PNG

Javascript:

$(document).ready(function(){
if($.browser.msie && /6.0/.test(navigator.userAgent)){
$(‘body’).prepend(‘<a href=”http://www.microsoft.com/windows/internet-explorer/default.aspx” class=”ie_bar” target=”_blank”>’ + IE_BAR + ‘</a>’);
}
});

Nota: Al pulsar la alerta se buscará la última versión de Internet explorer, si quereis que baje el firefox cambia el enlace a http://getfirefox.com

HTML:

<script language=”javascript”>
var IE_BAR = “<!–{t}–>Internet Explorer is missing updates required to view this site. Click here to update…<!–{/t}–>”;
</script>

Nota: Para la internacionalización el texto esta en una variable javascript en el template y no dentro de un fichero javascript, os dejó la cadena de texto en inglés y en español:

Internet Explorer está desactualizado para ver este sitio. Haz clic para actualizar…

¿Algún error?

Revisa las comillas dobles al copiar el código, wordpress los remplaza por otros caracteres y es posible que el javascript no funcione bien.