Avisar de contenido inadecuado

Javascript en Develovers

Expand

Validar un DNI/NIF con Javascript

Función para validar un DNI o NIF con Javascript, para detectar que es un identificador válido.

 

Función que recoje dos parámetros el numero y la letra.

Se puede invocar de esta forma: 
Suponiendo que iNif sea el texto que contiene el DNI.

if (/^[0123456789]/.test(iNif)){

// usando expresiones regulares detectamos si empieza
//por numero  entonces es un NIF

    return ValidarNIF(iNif.substr(0,8),iNif.substr(8,9).toUpperCase());//Le pasamos la letra en mayúsculas.
}

Y la función queda asi:

Expand

Cambiar de base con Javascript

Es posible que tengamos la necesidad de cambiar la base de un número para realizar cálculos .

Javascript nos proporciona un método muy útil para estos casos, se trata de

objeto.toSring([base])

Este método recibe opcionalmente el parámetro base.

Al especificarle una base y recuperar el valor de este método de un objecto nos devolverá su símil con el cambio de base.
Si no se especifica ninguna base, el método devolverá una cadena de texto.

Como bases tenemos disponibles  principalmente:

  • Decimal (10)      (del 0 al 9)
  • Hexadecimal (16) (del 0-9 y de la A - F )
  • Binario (2) (0 y 1)
  • Octal(8) (de 0 a 7)

Veamos el código de un ejemplo:

Expand

Librerias especificas de Javascript

Los chicos de smashing magazine han hecho de las suyas, han publicado un post impresionante de las 40 Librerías javascript mas útiles además de nombrarlas las han categorizado, espectacular.

No os voy a nombrar todas solo las que me han parecido más interesantes

  • Formularios

    wForms librería open-source que simplifica las tareas mas comunes al trabajar con formularios desde javascript
  • Animación

    $fx() es una librería muy ligera para animar objetos html, a traves de la alteración de sus propiedades css siguiendo una linea de tiempo rollo flash.
  • Gráficos de Estadísticas

    JS charts gran librería para realizar gráficos de estadísticas, desde gráficos con barras, quesitos, o lineas
  • Fechas

    Date.js Que gran librería, simplifica el trabajo tedioso de fechas increíblemente, totalmente recomendada
  • Expresiones Regulares

    XRegExp esta librería añade mas potencia al objeto RegExp de javascript.
  • Fuentes

    Typeface.js gran librería no obstrusiva sin necesidad de usar flash totalmente javascript.
  • Debugging y Logging

    Blackbird esta librería nos proporciona una consola para logs, filtrar mensajes en javascript, a estudiar.
    Firebug Lite Firebug en todos los navegadores insertando esta librería.
Expand

Detectar Semana Santa con Javascript

Es posible que en estas fiestas cercanas tengamos la necesidad de saber en qué días cae la semana santa.

Podemos determinar que el domingo de resurrección será el primer domingo de luna llena de primavera.
Y sabemos que la primavera empieza el 21 de marzo.

A partir de ahí tenemos claro que el jueves y viernes es festivo y el lunes de pascua en algunas comunidades.

A través de los 'Hijos de la Divina Voluntad'  nos encontramos con una página con el código Javascript que calcula ese domingo en función del año de una forma curiosa y lógica!.

Dicha función está extraida de  la fórmula de Gauss que podemos observar en la página de la wikipedia con todas sus explicaciones:

Wikipedia: Cálculo de la fecha de Pascua


Aquí está la función para Javascript.

Expand

Juego Test del Amor: Compatibilidad

Os traigo una nueva entrega de los juegos simples usando javascript.

Seguramente verás muchas aplicaciones del tipo: 'Compatibilidad amorosa',
'¿Quieres saber si sois compatibles?','¿Cuanto dicen los astros que os queréis?'
Así como también el "¿De verás vas a dejar a esa persona porque un juego te ha dicho que no sois compatibles?"

¿Quieres probar suerte? http://ejemplos.develovers.net/javascript/juegoamor/testamor.htm

Lógicamente estas cosas pueden estar sujetas al azar, en este caso a la codificación lingüistica.

Funcionamiento:

Expand

Juego RiPitPlis: Repite la secuencia


Os presento el proyecto RiPitPlis 1.0 que está basado en el clásico Juego electrónico 'Simon' de MB.
http://ejemplos.develovers.net/javascript/juegorepite/ripitplis.htm

El juego que está desarrollado en Javascript, ejecuta una secuencia de colores y nosotros debemos repetirla.
El ritmo se incrementa a medida que vamos repitiendo correctamente las secuencias, así como la cantidad de pulsaciones y finaliza cuando te equivocas.

El código del juego es sencillo:

Expand

Objetos HTML: Select parte 1

En ocasiones nos es muy útil la posibilidad de copiar las opciones de un objeto select a otro.
En esta primera parte veremos como hacer una copia total de las opciones.

Montamos las siguientes funciones:

function PasarLado1()
{
//si está vacío
if(document.getElementById("Paso1").options.length==0)
CopiarCombos(document.getElementById("Paso2"),document.getElementById("Paso1"))
}
function CopiarCombos(from,to)
{
//from: objeto select origen
//to: objeto select destino
var options = new Object();
for(var i=0;i<from.options.length;i++)
{
//pasamos las opciones una a una
var o = from.options[i];
to.options[to.options.length] = new Option( o.text, o.value, false, false);
}
//limpiamos el objeto origen.
from.options.length=0;
}

Expand

CheckColor Juego: Color Letra

Ya que hace poco comentamos la opción de cambiar los colores de las celdas de una tabla, hoy os presento el Ejemlo: Checkcolor, que nos permitirá cambiar los colores de los textos.

El proyecto consiste en asociar colores a los Nombres de los colores, es decir la palabra amarillo con el fondo rojo, y tenéis que 'clicar' que el color de fondo es rojo no amarillo.
Si se tarda más de 3 segundos en contestar entonces queda marcado como 'llegáis tarde'.

El juego transcurre durante 60 segundos en los cuales van apareciendo textos-colores de forma aleatoria (pueden coincidir color y texto).