Archivo de la etiqueta: Javascript

Bucle For vs Bucle For/in en JavaScript – JavaScript Tips

A la hora de recorrer un conjunto de datos o un Array en JavaScript, lo normal es usar el bucle for de toda la vida

var valores = new Array('uno', 'dos', 'tres');
for (var i=0; i < valores.length; i++ ) {
document.write(valores[i]);
}

Este es el bucle al cual estamos acostumbrados, y siempre tenemos que usar length para calcular la dimensión del Array
En cambio si usamos el bucle for/in no hace falta tener que calcularlo

var valores = new Array('uno', 'dos', 'tres');
for (var i in valores) {
document.write(valores[i]);
}

Como se puede ver es bastante mas sencillo usar el bucle for/in que el for. Este bucle seria al equivalente en PHP del foreach
Otra ventaja mas que tiene es que nos permite recorrer un objeto de JavaScript, algo que con el bucle for usando length no nos permite hacer, por lo menos de una manera sencilla.

var person={fname:"John", lname:"Doe", age:25};
for ( x in person) {
document.write(person[x]);
}

Bucles for W3Schools (en inglés)

Enhanced by Zemanta

Busqueda rapida de datos en una tabla con jQuery

jqueryUn script sencillo para buscar datos en una tabla generada en HTML con jQuery. Tal como escribimos en el campo de texto el dato que estamos buscando la tabla se reduce quedando solo las lineas en la que encuentra coincidencia.

Quick Table Search using jQuery filter.

CSS Text Wrapper

Alguna vez no encontramos con la necesidad de poner un texto envolviendo una imagen o haciendo alguna forma particular. En esra pagina podemos generar la forma que queramos y una vez consegida copiar el codigo y pegarlo en nuestra web.

CSS Text Wrapper.

Libreria para formatear numeros con Javascript

Una librería de JavaScript muy útil para dar formato a los números a la hora de presentarlos en el formato que queramos, la posición de las comas y los puntos, el símbolo de la moneda, valores negativos.

Formatting numbers in JavaScript – mredkj.com.

Datepicker Jquery en castellano

Dejo el codigo del datepicker de Jquery para que salga en formato castellano


$('.datepicker').datepicker({
dateFormat: "dd-mm-yy",
firstDay: 1,
dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
dayNamesShort: ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
monthNames:
["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio",
"Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
monthNamesShort:
["Ene", "Feb", "Mar", "Abr", "May", "Jun",
"Jul", "Ago", "Sep", "Oct", "Nov", "Dic"]
});

view raw

datepickerEs.js

hosted with ❤ by GitHub

He creado otro Gist con una demo de como crearlo sin necesidad de hacer clic en el input


<!–
Demo de datepicker inline en castellano
Autor: Ruben Lacasa Mas <http://rubenlacasa.es&gt;
–>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Ruben Lacasa Mas – rubenlacasa.es">
<meta name="description" content="Demo de jQuery inline en castellano">
<title>datepicker demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/flick/jquery-ui.min.css"&gt;
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script&gt;
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script&gt;
</head>
<body>
<div id="datepicker"></div>
<div id="datos">
<label for='fecha'>Fecha:</label>
<!– Campo de texto que recibira el valor seleccionado en el datepicker
le he puesto el atributo readonly para no poder escribir directamente –>
<input type='text' name='fecha' id='fecha' readonly />
</div>
<script>
$( "#datepicker" ).datepicker({
// Formato de la fecha
dateFormat: "dd/mm/yy",
// Primer dia de la semana El lunes
firstDay: 1,
// Dias Largo en castellano
dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
// Dias cortos en castellano
dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
// Nombres largos de los meses en castellano
monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
// Nombres de los meses en formato corto
monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ],
// Cuando seleccionamos la fecha esta se pone en el campo Input
onSelect: function(dateText) {
$('#fecha').val(dateText);
}
});
</script>
</body>
</html>

La documentación de jQuery UI http://jqueryui.com/demos/datepicker/

Hello World!!!

An example Hello world program, written in Per...
Image via Wikipedia

Hello World!!!

Con esta famosa frase nos iniciamos todos en cualquier lenguaje de programación, cualquier manual o cualquier curso en sus primeras lecciones la primera demostración que nos hacen es sacar por pantalla esta frase.

Por eso he pensado en hacer un pequeño recopilatorio de como mostrar esta frase en distintos lenguajes de programación.

JAVASCRIPT

<script language='text/javascript'>
    document.write("Hello World!!!");
</script>

JAVA

public class Main {
    public static void main(String[] args) {
        System.out.println("Hello World!!!");
    }
}

PHP

<?php
echo "Hello World!!!";
?>

RUBY

puts "Hello World!!!"

PYTHON

print ("Hello World!!!")

PERL

print "Hello World!!!";

Objetive-C

#import <Foundation/Foundation.h>;
int main (int argc, const char * argv[])
{
    NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];
    NSLog(@"Hello, World!!!");
    [pool drain];
    return 0;
}