En toda web con formularios de registro se suele incluir un campo para que el usuario introduzca su e-mail, pero antes de almacenarlo debemos asegurarnos de que el usuario nos esta facilitando un e-mail correcto, para ello podemos utilizar una expresión regular que compruebe que se cumplen los requisitos necesarios como tener una arroba, una extensión, etc. A continuación la función javascript que valida un email: function validarEmail(valor) { if…

Lo primero es saber en que consiste el algoritmo de validación de un nif/dni. Y es tan simple como coger los 8 números del documento y hacer el modulo 23 de dicho número. Este 23 es porque existen 23 letras para el nif/dni: TRWAGMYFPDXBNJZSQVHLCKE Vamos a calcular la letra de un nif/dni ficticio: 12345678 Calculamos el modulo 23 del número anterior y obtenemos: 14, por tanto este nif/dni tiene letra Z, dado que empezamos a contar las letras de izquierda a derecha y comenzando por el valor 0, por tanto es como buscar la letra 15 (si empiezas contando por el 1). Este…

Es muy común querer validar un numero de cuenta bancaria para evitar errores de transcripción. Si nos fijamos un número de cuenta esta formado por 20 dígitos, separados en 4 bloques: 1234-1234-12-1234567890 Los 4 primeros dígitos corresponden al banco, los siguientes 4 a la sucursal, los 2 siguientes son los dígitos de control, y los últimos 10 son el número de cuenta dentro de la sucursal. Para validar la cuenta se utilizan los dos dígitos de control, siendo el primero necesario para validar los 8 primeros (banco y sucursal), y el…

A la hora de crear páginas webs a veces nos encontramos limitados por las tipografías o fuentes tipográficas que podemos utilizar en ellas, dado que no todos los navegadores y sistemas operativos incluyen el mismo número de fuentes, y las tipografías de los sistemas operativos no serán las mismas. Por ello si queremos aplicar cualquier fuente a nuestra página podemos hacer lo siguiente: Lo primero es descargar la fuente en formato True Type, cuya extensión es ttf. Una vez tengamos la fuente en ttf, debemos convertirla también a…

Las expresiones regulares son un mecanismo que nos permite realizar búsquedas y reemplazos de textos complejos. Por ejemplo podríamos sustituir todas las ocurrencias del texto "www.yahoo.com" por "www.google.com" utilizando la siguiente expresión regular en javascript: texto.replace(/www.yahoo.com/gi,"www.google.com") El lenguage PERL es el que ha hecho crecer a las expresiones regulares hasta llegar a ser lo que conocemos hoy. En PHP y javascript se contruyen los patrones de forma similar, con Javascript podemos aprovecharnos de ellas mediante los métodos del…

Es posible que en alguna situación tengamos dos videos superpuestos, ya sea porque tengamos un diseño con pestañas, o que incluso tengamos alguna ventana que haga de popup y deba mostrarse por encima de un video. Para poder lograr que los videos se coloquen correctamente debemos pasarle el parametro “wmode” con el valor “transparent” de esta forma no darán ningún problema en Internet Explorer. Ahora bien para crear dos pestañas y que podamos tener ambos videos abiertos y cambiar entre ellos, podemos optar por la siguiente…

Por todos es conocida la disputa entre Apple y Adobe en cuanto a Adobe Flash.Hoy nos hemos enterado (ver noticia en inglés) de que Apple está trabajando en el desarrollo de un framework basado en estándares web y que será la alternativa a Adobe Flash y Microsoft Silverlight. Lo más atractivo de todo es que se ejecutará de forma nativa en los navegadores, con lo que no necesitará de plugin adicional. El nombre que le han dado es Apple Gianduia.Podemos resumirlo como una adaptación de Cocoa, CoreData y WebObjects pero en los navegadores y…

TinyMCE es una aplicación escrita en Javascript que nos permite crear un editor de textos en nuestra web con una gran variedad de personalización y con características (que lo hacen interesante para usarlo en sistemas de gestión de contenido web), como pueden ser: Open Source Ligero de peso Ampliable mediante plugins Usable en todos los navegadores. En nuestro caso, vamos a configurarlo de tal manera que tenga el aspecto de un editor de textos simple cubriendo las funcionalidades básicas del editor.El primer paso será descargarlo de la web oficial y…

Jquery es una de las bibliocas javascript más simples e utilizadas. Crear plugins para esta biblioteca es muy sencillo. Vamos a ver los pasos necesarios: Primero tenemos que incluir la biblioteca jquery en la cabecera. Nos la descargamos desde su web y la añadimos de la siguiente forma: Luego creamos nuestro archivo del plugin, que luego también tendremos que añadirlo en la cabecera para utilizarlo. $.fn.duplicar = function () { this.each(function () { var html = ""+$(this).html(); $(this).append(html); }); } Lo que hace este…

Todos alguna vez, hemos necesitado incluír campos de selección de color (colorpicker) cuando realizamos zonas de administración o backOffice.Está muy pasado de moda y queda demasiado rudimentario incluir campos de texto donde se introduzca el código hexadecimal del color deseado, además, de esta forma es un poco complicado explicar lo qué significa el código #ff0000. Si queremos hacer las cosas fáciles de usar, y proporcionar al usuario algo fácil e intuitivo, hay que incluir una aplicación de selección de…