Input autocompletable sin Javascript – HTML Tips

El elemento datalist

Otro de los nuevos elementos que trae el HTML5 es el elemento datalist.  La documentación acerca de este elemento nos dice lo siguiente:

The datalist element represents a set of option elements that represent predefined options for other controls. In the rendering, the datalist element represents nothing and it, along with its children, should be hidden.
 

Es decir, el elemento datalist representa un conjunto de opciones que nos muestran opciones predefinidas para otros controles. En la visualización el elemento y sus hijos están ocultos.

¿Como podemos utilizarlo?

A la hora de incluirlo dentro de nuestro código definimos el elemento y su conjunto de opciones, este elemento lo vincularemos por ejemplo con un campo input


<label>Airport: <input type="text" list="airports" name="to" />
<datalist id="<span class=&quot;hiddenSpellError&quot; pre=&quot;&quot;>airports</span>"></datalist>
value='ATL' label="Atlanta">
value='MEM' label="Memphis">
value='LHR' label="London Heathrow">
value='LAX' label="Los Angeles">
value='FRA' label="Frankfurt">
 </datalist>

Al pulsar la tecla L se muestra los aeropuertos que empiezan con L
Al pulsar la tecla L se muestra los aeropuertos que empiezan con L

Como se ve en la imagen, nos aparece el value en negrita y  el valor de label un poco mas claro, y una vez seleccionado el valor, en el campo de texto se queda el valor del value.

Estos elementos pueden ser reutilizados dentro de una pagina web, por ejemplo si quisiéramos poner una lista de aeropuertos de origen y destino, nos podría valer con el mismo datalist.

Este elemento esta soportado por todos los navegadores a excepción de Safari.

Mas información:

http://www.w3.org/TR/html5/forms.html#the-datalist-element

http://www.w3schools.com/tags/tag_datalist.asp

Enhanced by Zemanta

Integrar Google Translator en nuestra web – Google Tips

Hoy he vuelto a revisitar el complemento de Google para traducir una pagina web a cualquier idioma. En lineas generales lo ha hecho bastante bien, aunque, hay me he encontrado unos cuantos inconvenientes.

No voy a explicar aquí como integrarlo ya la web que genera el código a integrar esta muy clara y nos lo explica muy bien http://translate.google.com/translate_tools.

El primero es muy visual, ya que en la web que he traducido, estoy usando bootstrap y la barra de traducción de Google me tapa todo el menú.

El segundo ha sido, vamos a calificarlo como gracioso, ya que en la web que he traducido, hay palabras sueltas en inglés y cuando traduces la pagina al inglés, te traduce los términos ingleses al castellano.

Este segundo problema, mirando la documentación para webmasters he encontrado la manera de solucionarlo, y es establecer la clase «notranslate» a las palabras o frases que no quieres que traduzca. Por ejemplo


<p>La etiqueta <span class='notranslate'>form</span> se utiliza para crear formularios web</p>

Otra de las cosas a tener en cuenta a la hora de realizar traducciones de paginas web, sobre todo a la hora de posicionamiento es que, la web traducida no sera indexada en el directorio de Google. Lo dice clarito en la documentación

Search engine indexing
The automatically translated version of your web page will not be indexed by search engines.

Mas información: https://support.google.com/translate/#2641276

Enhanced by Zemanta

Instalar Adobe Air en Ubuntu 13.04 – Ubuntu Tips

El otro día me vi en la necesidad de instalar Adobe Air en mi Ubuntu 13.04, recordaba que en una actualización de sistema me quería sonar que lo tenia instalado, pero se ve que en alguna actualización de versión se borro, o algo así.

Googleando encontre esta pagina How To Install Adobe Air in Ubuntu 13.04 en la cual se explica paso a paso como instalar Adobe Air en nuestro Ubuntu. Espero que os sirva.

Uso de Foreach y For (Parte III Diferencias) – PHP Tips

Esta es la ultima entrada de la trilogía del uso de Foreach y For, en ella vamos a ver las principales diferencias y ventajas de uno sobre otro.

El foreach no es un bucle

De primeras la principal diferencia la tenemos en la propia definición, ya que el foreach no es un bucle sino un constructor, el cual solo puede iterar en arrays y objetos, en cambio el for es un bucle, es decir, se repite tantas veces como nosotros queramos.

El foreach no puede recorrer cadenas de texto.

En uno de los ejemplos de uso de for, veíamos como podíamos recorrer carácter a carácter una cadena de texto, en cambio con el foreach no podemos hacerlo

En el foreach no es necesario poner el tamaño del array.

En el uso del for, a la hora de recorrer un array, tenemos que especificar hasta que posición tenemos que recorrerla, en cambio en foreach nos lo recorre del principio a fin. Esto supone una ventaja sobre el for, ya que en este si no especificamos bien el tamaño podemos obtener un error.

Cosas que apriori no se pueden hacer con el foreach

Modificar los valores de un array/objeto

Como vimos en la entrada del foreach, apriori no se pueden modificar los elementos de un array usando el foreach, y en realidad si que se puede hacer pasando el valor por referencia.

Recorrer un array al revés

Si vemos el funcionamiento del foreach, este realiza una copia del array, sitúa el puntero en el primer elemento y lo recorre hasta el final, según esto no seria posible recorrer un array de forma inversa, algo que con el bucle for, podríamos hacerlo de una manera sencilla, pero podemos hacerlo también con el foreach usando la función array_reverse dentro de la definición del foreach


$array = array(1, 2, 3, 4);
foreach (array_reverse($cadena) as $var) {
echo $var.PHP_EOL;
}

En este ejemplo se nos mostraría los valores de la $array empezando desde el final, y si mostramos $array una vez finalizado, podremos ver que los valores no han modificado su orden, ya que el array_reverse se aplica solo a la copia de $array.

 

Conclusiones

Tengo que decir que en mi día a día uso mas veces el foreach que el for, el for solo lo utilizo cuando tengo que mostrar un numero determinado de mensajes, y en el caso de recorrer arrays suelo usar siempre el foreach, lo veo mas seguro, y me permite recorrer de una manera sencilla arrays con clave de texto.

Con estas entradas he intentado cubrir las características tanto del bucle for como del constructor foreach, seguramente me habré dejado algún ejemplo o alguna característica. Agradeceré vuestros comentarios, sugerencias y preguntas.

 

 

 

Enhanced by Zemanta

Uso de Foreach y For (Parte II el Bucle Foreach) – PHP Tips

PHP Programming languageEn la primera entrada del Uso de Foreach y For hablaba sobre el uso del bucle for

Veamos primero la definición del constructor foreach en la documentación de PHP:

Constructor Foreach

El constructor foreach proporciona un modo sencillo de iterar sobre arrays. foreach funciona sólo sobre arrays y objetos, y emitirá un error al intentar usarlo con una variable de un tipo diferente de datos o una variable no inicializada. Existen dos sintaxis:

foreach (expresión_array as $valor)
    sentencias
foreach (expresión_array as $clave => $valor)
    sentencias

La primera forma recorre el array dado por expresión_array. En cada iteración, el valor del elemento actual se asigna a $valor y el puntero interno del array avanza una posición (así en la próxima iteración se estará observando el siguiente elemento).

La segunda forma además asigna la clave del elemento actual a la variable $clave en cada iteración.

Recorrer Arrays

Tal como dice la definición foreach nos sirve para recorrer arrays de una manera sencilla, bastante mas sencilla que con el bucle for, ya que no necesitamos conocer la longitud del array para recorrerla y el array puede tener claves tanto numéricas como no numéricas.


$array = array('Uno'=>'Hola', 'Dos'=>'Mundo, 'Tres' => 'Hello');

// Mostramos todas los valores del array

foreach ($array as $var) {

echo $var.PHP_EOL;

}

// Mostramos todas las claves y los valores del array

foreach ($array as $key => $var) {

echo $key .  " " . $var . PHP_EOL;

}

Recorrer objetos

Otra de las características que tiene foreach es la posibilidad de iterar sobre objetos, es decir, podriamos mostrar por pantalla todas las propiedades de un objeto.


$coche = new stdClass();
$coche->color = 'rojo';
$coche->ruedas = '4';
$coche->puertas = '3';
$coche->combustible = 'gasolina';

foreach ($coche as $key => $var) {
echo $key. " " . $var .PHP_EOL;
}

¿Podemos modificar los valores del array/objeto usando el foreach?

La respuesta es si, aunque con matices. Cuando recorremos un array o un objeto con foreach no recorremos el objeto en si sino una copia de ese objeto la cual se destruye una vez finalizada la iteración. Para poder modificar los valores tenemos que pasar el valor por referencia


foreach ($coche as $key => &$var) {
$var = $var." modificado";
}

Aqui el bucle foreach nos recorrería el array/objeto $coche y modificaría sus valores añadiendo «modificado» al final de cada uno de ellos.

Referenciar $var sólo es posible si el array iterado puede ser referenciado (es decir, si es una variable). El siguiente código no funcionará:


foreach ( array(1, 2, 3) as &var) {

$var = $var * 2;

}

Es decir, el array/objeto tiene que estar definido fuera del foreach para que pueda ser referenciado.

Utilizar arrays anidados con list PHP >= 5.5.0

Una de las novedades de la versión 5.5.0 de PHP es la posibilidad de recorrer un array de arrays y utilizar el array interior en las variables del bucle proporcionando list() como el valor.

// Este codigo solo funciona con PHP >= 5.5.0
$array = [
    [1, 2],
    [3, 4],
];

foreach ($array as list($a, $b)) {
// $a contiene el primer elemento del array interior,
// y $b contiene el segundo elemento.
echo "A: $a; B: $b\n";
}
/* Mostrara
A: 1; B: 2
A: 3; B: 4
*/

http://es1.php.net/manual/es/control-structures.foreach.php

Enhanced by Zemanta

Uso de Foreach y For (Parte I el Bucle For) – PHP Tips

Hace unos días @chupetho76 pedía en Twitter  tips para usar el foreach, en base a esa petición voy ha hacer un tips en el cual explicar el for, el foreach y sus diferencias.
En esta primera entrada de una serie de tres explicare el bucle for.

Bucle For

El manual de PHP define el bucle for como:

Los bucles for son los más complejos en PHP. Se comportan como sus homólogos en C. La sintaxis de un bucle for es:

for (expr1; expr2; expr3)
    sentencia

La primera expresión (expr1) es evaluada (ejecutada) una vez incondicionalmente al comienzo del bucle.

En el comienzo de cada iteración, se evalúa expr2. Si se evalúa como TRUE, el bucle continúa y se ejecutan la/s sentencia/s anidada/s. Si se evalúa como FALSE, finaliza la ejecución del bucle.

Al final de cada iteración, se evalúa (ejecuta) expr3.

Cada una de las expresiones puede estar vacía o contener múltiples expresiones separadas por comas. En expr2, todas las expresiones separadas por una coma son evaluadas, pero el resultado se toma de la última parte. Que expr2 esté vacía significa que el bucle debería ser corrido indefinidamente (PHP implícitamente lo considera como TRUE). Esto puede no ser tan inútil como se pudiera pensar, ya que muchas veces se debe terminar el bucle usando una sentencia condicional break en lugar de utilizar la expresión verdadera del for.

El bucle for es uno de los mas comunes en programación, haciendo un poco de memoria rápida creo que esta presente en la mayoría de lenguajes de programación, aunque la estructura puede variar un poco.

Su uso mas común, es el repetir un numero de veces una secuencia predeterminada.

for ($i=0; $i < 10; $i++) {
    echo "Hola, soy el saludo numero " . $i . PHP_EOL;
}

Este código nos mostrara el mensaje 10 veces y los números que aparecerán serán del 0 al 9.

El análisis de las expresiones en este ejemplo seria: Desde que $i es 0 y mientras $i sea menor que 10 suma 1 a $i. En la primera pasada el valor de $i es 0 ya que la suma la efectúa en la siguiente iteración. Si quisiéramos que el primer numero fuera 1 tendriamos que cambiar el $i=0 a $i=1.

¿Si cambiaramos el $i++ a ++$i, se empezara desde el 1?

La respuesta a esta pregunta es no, ya que la expr2, como dice la definición de arriba si bien se evalúa al principio, el resultado se toma al final, por lo tanto el primer valor en ambos casos es 0.

Otras características del bucle for, es que se pueden poner mas condiciones dentro de las expresiones, separadas por comas.

for ($i=0, $j=9; $i < 10, $i++, $j--) {
    echo "Hola, soy el saludo numero ". $i ." quedan ". $j ." . PHP_EOL;
}

Este código nos mostraría por ejemplo «Hola, soy el saludo numero 0 quedan 9», e iría incrementando el $i y decreciendo el $j.

También podemos dejar alguna expresión vacía, aunque tenemos que tener cuidado a la hora de escapar del bucle ya que podemos caer en uno de los problemas que tiene el bucle for, entrar en bucle infinito.

for ($i = 1; ; $i++) {
    if ($i > 10) {
        break;
    }
    echo $i;
}

En este ejemplo la expr1 esta vacía, y controlamos con un if si el valor es mayor que 10, si lo es, escapamos del bucle con el break;

Recorrer cadenas de texto

Otro uso que puede tener el for es recorrer cadenas de texto carácter a carácter.

$cadena = "Hola mundo";
for ($i=0; $i < strlen($cadena); $i++) {
    echo $cadena[$i] . PHP_EOL;
}

Este código nos mostrara por pantalla carácter a carácter la cadena de texto, una por linea.

Recorrer Arrays

También podemos recorrer arrays con el bucle for

$array = array('Hola', 'Mundo', 'Hello', 'World');
for ($i=0; $i < count($array); $i++) {
    echo $array[$i].PHP_EOL;
}

En este ejemplo mostramos por pantalla cada uno de los elementos del array.

Recorrer letras

for ($i='a'; $i < 'z'; $i++) {
    echo $i.PHP_EOL; // Mostraria a, b, c, d, e.. hasta la y
}

Si quisiéramos mostrar el abecedario completo, hasta la z tendríamos que hacerlo de otra manera ya que la comparación en la expresión $i <= ‘z’ no funcionara y nos mostrara hasta ‘yz’. Para mostrar hasta la z podemos, o bien sustituir en la función anterior la ‘z’ por ‘aa’ o bien hacer el bucle asi:

for ($i ='a'; ; $i++ ) {
    echo $i.PHP_EOL; // Mostrariamos de la a hasta la z
    if ($i == 'z') {
        break;
    }
}

En este ejemplo vemos también el no uso de la expr1 y la salida del bucle por medio del break dentro de una condición.

Este bucle también funcionaria con las mayúsculas, y el abecedario que mostrara por pantalla es el ingles (sin ñ).

Problemas del For

Los mayores problemas del for son el entrar en bucle infinito y el desbordamiento de buffer.

Tanto en el primero como en el segundo es muy fácil caer, es tan simple como confundirse en la expr1, y establecer que se remita mientras el valor sea menor que 0 » $i > 0″ y en el desbordamiento, el cual es mas común al recorrer arrays es establecer el numero máximo mayor que el numero de elementos. En el ejemplo de la cadena de texto he usado strlen para detectar la longitud de cadena y en el del array el count para contar el numero de elementos del array, tanto en uno u otro el criterio lo he establecido de la siguiente manera «$i < numeroTotal» en muchos sitios se utiliza este otro criterio «$i <= numeroTotal -1» que viene a significar lo mismo que el anterior pero mas corto.

¿Se pueden recorrer arrays con clave no numérica con el bucle for?

Sin tener el cuenta el ejemplo del bucle del alfabeto, la respuesta simple seria no, pero podríamos recorrer un array de claves no numéricas si este tiene las claves definidas como una de esas letras, siempre y cuando las letras estuvieran ordenadas, y no faltara ninguna entre medio, ya que si no devolvería error. Luego otra manera, que no seria directa seria crear una matriz numérica que tuviera como valores las claves del array que queremos recorrer.

http://es1.php.net/manual/es/control-structures.for.php

Enhanced by Zemanta

Archivos y carpetas desaparecidos del Escritorio – Windows Tips

El otro dia, a un ordenador con windows, de un compañero le desaparecion todas las carpetas y los ficheros que tenia en el escritorio, eso si los enlaces a las aplicaciones si que estaban, y como no me lo trajo a ver si podia hacer algo, ‘tu eres el informatico, mira a ver si puedes arreglarlo’ me dijo. Asi que primero me puse a mirar en el directorio a ver si en realidad habia ficheros en el escritorio, no sea que se hubieran borrado, y ahi estaban. Total que me puse a googlear y descubri esta solucion en la pagina de soporte de microsoft, y siguiendo la primera opcion que proponen, editando el registro, y una vez reiniciafo, todoo volvio a su sitio.
http://support.microsoft.com/kb/947215/es

¿Por que el botón reset no vacia los campos hidden? – HTML Tips

Hoy mientras desarrollaba un formulario y comprobaba los datos que enviaba me he dado cuenta de algo que en todos los años que llevo programando no me había dado cuenta, o quizá no me había visto en esa situación. Explico el escenario, tengo un formulario en el cual pongo un rango de fechas y luego en otro campo tengo un autocompletar el cual cuando marco la selección, se queda el nombre en el campo visible y el id en un campo hidden. Al darle a buscar pues me busca los datos relacionados de ese id en ese rango de fechas. Pues bien, a la vez del botón enviar, he puesto un botón reset para limpiar el formulario, y me he dado cuenta que si por ejemplo buscaba solo entre rangos de fechas, sin buscar nada en el autocompletar, me buscaba filtrando por los datos anteriores.

Depurando he visto que si no ponía nada en el campo autocompletar ( el cual al cambiar establecía el valor en el campo hidden) este se mantenía con el valor establecido en la búsqueda anterior.

A esto uno se pregunta ¿el reset no lo borraba todos los datos de un formulario?, pues la respuesta es si y no.

Vamos en la documentación de la w3.org que nos dice acerca del estado hidden en los inputs

«El estado hidden representa un valor el cual no esta permitido que el usuario lo examine o lo manipule».

Y la definición de reset dice «El estado reset de un button representa un button que cuando se activa restablece el formulario».

Con estas definiciones, de primeras pensaríamos que no tiene sentido que al pulsar el reset  no se restablezcan los valores de un hidden, pero reflexionemos un momento y hagamosnos una pregunta ¿quien establece el valor del campo hidden? ¿el usuario? ¿o nosotros con una programación? La respuesta es la segunda, el usuario no establece el valor del campo hidden ni lo puede modificar, y la acción del reset la efectúa el usuario, por lo tanto, no puede modificar el valor del hidden.

Para solucionar esto, si estamos usando jQuery podemos hacerlo de una manera muy sencilla

$('button[type=reset]').click(function(){
    $('#idCampoHidden').val('');
});

En este ejemplo estoy usando button, y serviria igual poniendo input[type=reset] y luego en el nombre del campo, donde pone #idCampoHidden, lo sustituiremos por #nuestrocampohidden.
El estado hidden http://www.w3.org/community/webed/wiki/HTML/Elements/input/hidden

El estado reset http://www.w3.org/community/webed/wiki/HTML/Elements/input/reset

Regla de la suma en bases de datos – MySQL Tips

Esta entrada no es específicamente para bases de datos MySQL, y se puede aplicar a cualquier otra base de datos.

Este es un pequeño truco que utilizo a la hora de explicar a alguien como decidir que tipo de dato a establecer a la hora de crear campos en una tabla en una base de datos, y es hacernos la siguiente pregunta ¿vas a sumarlo?, si la respuesta es no el tipo de campo puede establecerse de tipo varchar y si vamos a sumarlo sera de tipo numérico. Por ejemplo, los códigos postales o los teléfonos, ¿vamos a sumar códigos postales o teléfonos? la respuesta es no, por lo tanto los pondremos como tipo varchar, además en el tema de los códigos postales no hay tanto problema pero en el tema de los teléfonos… cada usuario te lo puede poner de cualquier manera, y si ponemos controles de validación del teléfono, pero al final lo que queremos es tener el teléfono del usuario.

Ficheros .user.ini – PHP Tips

Una de las novedades que trajo la versión 5.3 de PHP fue la de soportar ficheros INI, al estilo .htaccess a nivel de directorios, siempre y cuando lo tengamos configurado el SERVER API como CGI/FastCGI.

Esto quiere decir que, al igual que podemos especificar con .htaccess propiedades en cada directorio, podemos hacerlo con PHP a nivel de directorio o a nivel de raíz del sitio. Por ejemplo, si tenemos nuestra web en un hosting externo lo mas normal es que no podamos cambiar propiedades en el php.ini, pues bien, lo que si podemos hacer es crear nuestro fichero .user.ini y especificar esas propiedades en ese fichero, pero no todas, solo se reconocerán las configuraciones que tengan los modos PHP_INI_PERDIR y PHP_INI_USER.

Mas Información http://www.php.net/manual/es/configuration.file.per-user.php

Enhanced by Zemanta