Programando o Intentándolo

25 Mar 2017

Variables y nuevos tipos de objetos JavaScript 6

Como es un lenguaje no tipado en javaScript las variables pueden almacenar cualquier tipo de objeto y por este motivo todas las variables se declaraban de la misma forma, usando var o simplemente poniendo el nombre de la variable sin más, hasta la la versión 6 de javaScript (ECMAScript v6) en la que se han introducido las constantes y las variables de bloque.

También se han incluido nuevos tipos de objetos interesantes como mapas Map y conjuntos Set y la no menos interesante nueva forma para intercalar variables dentro de cadenas de texto.

“Tipos” de variables

En realidad más correcto que tipos de variables sería hablar de ámbito de las variables por que los tipos que hay lo que diferencian es el ámbito en el que serán visibles, con excepción de las constantes que en realidad sí que serían un tipo, o más bien lo contrario a una variable.

Variables ...
11 Jul 2016

Convertir XML a JSON con javaScript

Desde el punto de vista del intercambio de datos JSON es una alternativa mejor al XML o al menos para la mayoria de los casos ya que un JSON es más legible, su conversión es mas simple (sobre todo en javaScript que no hay que hacer nada 😉 (JSON, acrónimo de JavaScript Object Notation)) y también ocupa menos espacio.

A pesar de todo sigue habiendo servicios web antiguos que usan XML y como es un proceso tedioso usarlo sobretodo cuando sabes que con JSON no hay que hacer nada, pues mejor hacer una vez una función que haga el trabajo sucio y convierta el xml a json.

Y la función es esta:

[crayon-590d7452a05ac898062782/]

Poco más de 50 lineas para convertir una respuesta XML en un objeto javaScript o lo que viene a ser lo mismo en un JSON.

Pese a ser una función recursiva y ...

25 Mar 2016

Comprobar checkbox seleccionados con jQuery

Para comprobar si un checkbox esta seleccionado hay que comprobar la propiedad/atributo checked del <input type=”checkbox”/>, y esto se puede hacer o bien comprobando el valor de la propiedad o atributo con .prop() o .attr() para versiones antiguas de jQuery o con la función .is(selector).

Comprobar si un checkbox esta seleccionado

Con .prop() y .attr() se puede recuperar el valor de una propiedad de un elemento, por lo tanto simplemente necesitamos comprobar el valor de la propiedad checked (true => seleccionado / false => deseleccionado).

Otra opción es usar la función .is(selector). que comprueba si un elemento “encaja” con el selector indicado, (ej. $(‘input[type=checkbox]’).is(‘input’) => true y $(‘input[type=checkbox]’).is(‘li’) => false), usando el pseudo clase :checked se puede hacer la comprobación de si esta seleccionado o no.


[crayon-590d7452a0a8e692541020/]

Controlar cuando se selecciona/deselecciona un checkbox

El evento que se debe comprobar para poder controlar cuando se selecciona/deselecciona un checkbox es ...

29 Sep 2013

Como hacer un Slideshow con jQuery

Un Slideshow es una presentación de imágenes que se van mostrando siguiendo una secuencia y el cambio de una imagen a la siguiente normalmente va acompañado de algún tipo de animación y también puede tener música.

Aquí vamos a ver como crear slideshows en unas pocas líneas de código usando solo jQuery para hacer las animaciones porque usando javaScript podemos cambiar la animación el numero de imágenes, el tamaño, etc. de una forma realmente sencilla y rápida. También se puede hacer un slideshow con CSS3 y así evitar el uso de jQuery pero sería más trabajoso por lo que descartamos esta opción para esta ocasión.

Vamos con unos ejemplos para ver como hacer un slideshow con jQuery sin tener que usar plugins ni ninguna otra cosa que un poco de HTML, una sencilla hoja de estilo y unas pocas líneas de jQuery.

Estructura del slideshow

El slideshow va a tener ...

2 Abr 2013

Como saber si un número es decimal o entero en JavaScript

Hay varias formas para comprobar si un numero es decimal o no pero quizás la más sencilla sea comprobando que el resto de la división del numero a analizar entre 1 sea igual a 0 lo que indicaría que es un numero entero y si el resultado es distinto de 0 el numero será decimal.

[crayon-590d7452a1c46991899001/]

No estaría de más comprobar que ciertamente es un número con isNaN(numero) que devuelve false en caso de que sea un número y true en el caso en el que no se un numero.

[crayon-590d7452a1c4f123373258/]

Otra opción es usar Math.floor() para obtener la parte entera del numero y restársela al numero y si es 0 pues entonces el número es entero y sino pues obviamente no.

[crayon-590d7452a1c55060211131/]