Ir al contenido principal

Entradas

Validaciones con HTML5 sin necesidad de form.submit

Como parte de HTML5 existe la posibilidad de agregar información a los inputs de un form, para realizar validaciones; podemos indicar si queremos que sea requerido, con el tipo de datos; number, email, etc restringimos los valores que pueden ser agregados, podemos usar alguna mascara para validaciones, colocar mensajes de error custom, etc (en la red existen muchos ejemplos acerca de como customizar formularios). Ahora bien pongamos en contexto, tengo un formulario como este: <form name="managerForm"  id="managerForm">              <p>                  Name:                 <input id="managerNameText" required="required" placeholder="Write here the new manager name" size="40"/>              </p>             <p>                 Email:                 <input id="emailText" required="required" placeholder="myemail@myserver.com" type="email" />
Entradas recientes

JavaScript: Removiendo hijos

Supongamos que se desea eliminar una lista de nodos hijos en un elemento particular en el dom; regularmente seguiríamos la siguiente forma // Bajo parent Id los elementos que deseo eliminar tienen un className en común. var nodes =     document.getElementsByClassName(className); var parentNode =     document.getElementById(parentId);             if (nodes) {                 for (var i = 0; i < nodes.length; ++i) {                     var node = nodes[i];                     if (node) {                         if (parentNode.contains(node)) {                             parentNode.removeChild(node);                         }                     }                 }             } El problema con el código anterior es que no se eliminan todos los elementos, si no alrededor de la mitad y esto sucede porque el valor nodes.length es alterado cada vez que eliminamos un nodo (o al menos es lo que creo, tampoco me detuve mucho tiempo a comprobar mi teoría), el camb

Cache y estrategias, parte 1

Cache, en una aplicación medianamente escalable, ni que decir en una altamente escalable, la cache es un elemento clave en el desempeño y tiempo de respuesta. Regularmente utilizamos la cache de una manera muy simple, basado en un conjunto de entradas determinamos si el objeto se encuentra en cache, si no se encuentra ejecutamos la lógica de negocios para obtener la información y volver a introducirla en la cache para   futuros llamados. Regularmente este esquema es lo suficientemente bueno para la mayoría de sistemas de tamaño regular, pero un sistema con muchas consultas, un nivel de concurrencia mayor, etc, debemos empezar analizar el comportamiento de nuestra memoria y determinar las mejores estrategias de almacenamiento cache. Que cachear, supercache En lo personal creo que una estrategia cache muy eficaz (sin embargo no siempre eficiente) es almacenar a fuerza bruta si es posible toda la información en memoria, es decir si tenemos un cluster de cache con memoria RAM lo

Ordenamiento de numeros flotantes en sistemas de persistencia

Contexto Necesidad de almacenar numeros flotantes en un sistema de persistencia java (en el caso particular es para Lucene/Solr, pero podria bien ser para MySql, Mongo o cualquier otro sistema de persistencia) Una vez almacenados esos flotantes, debemos hacer ordenamientos por ellos y a su vez obtenerlos y formatearlos de tal manera que se muestren en una presicion de 2 decimales. Es decir un numero como 12.542323 Debera ser presentado como 12.54 Solución inicial Lo normal sería almacenar el valor tal cual en el sistema de persistencia y despues con un objeto Decimal Format darle formato con precisión 2. Sin embargo con numeros flotantes, Java no asegurá total exactitud en este calculo y fue constatado pues a la hora de pasar un flotante cuya mantiza se encuentra cerca de .99 se redonde al siguiente numero, lo cual resultaba en un comportamiento perjudicial. Una solución sería cambiar todo por numero double, estos funcionan bastante bien y el Decimal Format también funcion

Canvas - Dibujando poligonos con Javascript (Herencia y pseudo polimorfismo)

En el ejemplo anterior definimos de una manera muy basica varios poligonos, bueno decidi buscar la manera de pintarlos en un lienzo (canvas) y aqui el resultado (ojo necesitas un browser que soporte HTML 5) Lo primero el HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"         "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>     <title>Figure Example</title> </head> <body>     <canvas id="myCanvas" width="300" height="300" style="border: solid 1px black"></canvas>     <script type="text/javascript" src="figure.js"></script> </body> </html> Note q al javascript le hemos dado el nombre de figure.js Seguidamente el codigo con el canvas, es bastante sencillo para mas detalles busque la documentacion de cada metodo. /** * User: jsanca * Date: 6/12/13 * Time: 11:10 PM */ // Define

Figuras, poligonos, herencia y polimorfismo en Javascript

Actualmente estoy ayudandole alguien muy especial con el aprendizaje de Javascript y OOP. Para tal objetivo le he asignado varios problemas que debe resolver con Herencia y ese pseudo poliformismo que tiene Javascript, pues nada me he inventado la primera parte de lo que seria la definicion de figuras con Javascript tales como un Cuadrado, Triangulo, Circulo, etc; por ahora el pintado solo muestra en la consola el area y algunos datos mas de la figura, pero la idea seria usar canvas en la segunda parte para imprimir las figuras y en el tercera parte algun mecanismo para obtener la informacion de las figuras del usuarios, pues nada aqui el codigo: /** * User: jsanca * Date: 6/12/13 * Time: 11:10 PM */ // Defines a point function Point (x, y) { this.x = x; this.y = y; } // Point // Basic definition of a Figure, just a point in nowhere. function Figure (point, name) { this.point = point; this.name = name; this.render = function () { console.log(&

Expo Construccion 2013

Hola amig@s ayer visite la expo y quisiera comentar brevemente mi experiencia: Lo primero la entrada fue relativamente rápida (fluido), debes llevar listos 2000 colones para el parqueo y 2000 mas por cada persona que quiera entrar al recinto. La expo resulta bastante grande, en mi caso solamente buscaba una opción de préstamo hipotecario para lote y por el hecho de tener un contrato con el Invu, necesito que el crédito hipotecario sea de una entidad publica (para que el Invu acepte una hipoteca en segundo grado), así que aquí mis impresiones: Solicite crédito en dolares porque gano en esa moneda, primero visite el banco popular; este me resulto el menos conveniente a pesar que tiene la menor cuota, 30 años, tienen una tasa variable (aunque no es la pasiva dicen que es una mas estable, sin techo ni piso) mas un 3% fijo. Como dije es la menor pero por ser 30 años se termina pagando poco menos del triple, se hacen pagos al saldo o se cancelan los créditos con antelación antes de