Blog de programación
Vaya manía que tienen algunos al pulsar ‘Enter / Intro’ cada vez que añaden contenido a un campo de un formulario. Quizás que desvíen su mirada hacia el tabulador o simplemente, no utilicen el Intro al escribir en formularios… Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Veamos un ejemplo de cómo sumar a la fecha actual, días o meses en Javascript. Uno de los temas más engorrosos debido a los diferentes formatos de fechas según el país. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Muchas librerías, por ejemplo las que te muestran Cuentas atrás, lo hacen pasándoles los segundos a calcular. Veamos cómo conseguir los segundos entre dos fechas en JavaScript con el siguiente código de ejemplo: Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Para conseguir el valor de href en un enlace con jQuery utilizaremos el siguiente código: 1 2 3 4 5 6 7 $(document).ready(function() { $("a").click(function(event) { var href = $(‘a’).attr(‘href’); alert(href); event.preventDefault(); }); });$(document).ready(function() { $("a").click(function(event) { var href = $(‘a’).attr(‘href’); alert(href); event.preventDefault(); }); }); Como podéis ver, a todos los enlaces del web, miramos el valor de href y lo mostramos en un alert. Pero, podemos contretar un poco mas: 1 2 3 4 5 $(".zonalink").click(function(event) { var href= […]
» Read more
En muchas ocasiones nos interesa que al clicar sobre los enlaces de un apartado, el que sea, se ejecute una acción determinada. Pongamos un ejemplo: Tengo un submenú en la parte izquierda con varios enlaces. Al clicar sobre alguno de ellos, queremos que muestre una ventana modal. Tenemos dos opciones, o aplicamos uno a uno la acción a realizar sobre cada enlace o: Asignamos a todos los enlaces que nos interese una clase, en nuestro ejemplo .linkaccion 1 2 3 […]
» Read moreTres alternativas a la librería Javascript jQuery. Parece que no, pero el mundo no se acaba en jQuery: Minified JS Zepto JS (muy compatible con API jQuery) Snack JS Espero que os sea de utilidad. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read moreListado de algunos Frameworks HTML5 Open Source por si os planteáis crear aplicaciones para móvil: Bootstrap Kendeo UI TopCoat Intel’s App Framework The M-Project (Bckbone.js) Lungo Fries Junior Enyo JS Moobile JS Wink (Dojo fundation) Foundation Groundwork CSS Cada uno de ellos con sus pros y contras. Investigad y buscar el que mas se adapta a vuestras necesidades. Yo empiezo un nuevo proyecto con Fundation… iré informando. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read moreEste fin de semana he añadido un nuevo vehículos de la Segunda Guerra Mundial a mi catálogo 3D online. WW2Viewer es un pequeño proyecto realizado con Three.js, librería Javascript para el tratamiento 3D en los navegadores. Esta nueva actualización, me ha servido para tratar con los modelos 3D de Collada. Hasta ahora solo había tratado la carga de modelos .obj Y he encontrado varias cosas que creo importante cuando tratas con modelos 3D. Lo explico para facilitar el proceso por […]
» Read moreAquí os dejo algunos enlaces a ejemplos de proyectos creados con Three.js. Con esta librería 3D con el que poder trabajar WebGL, o lo que es lo mismo, hacer aplicaciones, juegos o webs 3D para los navegadores. Recuerda que para ver estos proyectos debes tener WebGL activado en tu navegador, de lo contrario no podrás verlo. 3D City Futuro juego 3D. Ahora están poniendo las texturas. Explore the Sky Navega entre las nuves Three.js app template Descarga plantillas (código) sencilla […]
» Read moreSiguiendo con algunos ejemplos de casos prácticos de jQuery, os muestro de una manera sencilla cómo deshabilitar elementos de un formulario web. 1 2 3 4 5 <form action="paginadestino.php" method="post"> <label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre" value="Nombre ejemplo" /> <input type="submit" value="enviar" /> </form><form action="paginadestino.php" method="post"> <label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre" value="Nombre ejemplo" /> <input type="submit" value="enviar" /> </form> Si nos interesa por algún motivo deshabilitar el campo ‘nombre’, con jQuery simplemente deberemos cambiarle el atributo del elemento de […]
» Read more
Os dejo un vídeo para los que quieran iniciarse con NodeJS. Me remito a la descripción en WikiPedia que creo que es la mas clara: Node.js es un entorno de programación en la capa del servidor basado en el lenguaje de programación Javascript, con I/O de datos en una arquitectura orientada a eventos y basado en el motor Javascript V8 Para los que se inician creo que les puede servir. Compartir…TwitterLinkedinFacebook0DiggBufferTumblr0Print
» Read more
Este fin de semana, y aprovechando las fiestas Navideñas, me he puesto a curiosear la librería Three.js Como normalmente tengo la cabeza casi llena de preocupaciones, tengo que hacerme apuntes para no olvidar lo que voy aprendiendo. Pues bien, aprovechando que de vez en cuando voy a revisar el tema de las aplicaciones 3D en los navegadores, he decidido hacer unos pequeños apuntes online para que todo el mundo pueda consultarlos. Consistiran en código y resultado. Ejemplos con su código […]
» Read more
