Entradas

Mostrando entradas de noviembre, 2018

Sobreviviendo sin jQuery

Imagen
La archiconocida libreria jQuery es ampliamente usada alrededor del mundo. Es muy util ya que simplifica muchas tareas. Sin embargo, de un tiempo a esta parte, en mas de una ocasión me he encontrado utilizando la libreria para aprovechar tan solo un par de funciones (normalmente AJAX). Esto puede suponer un pequeño exceso en la pagina creada, sobretodo en proyectos pequeños, cuando muchas de dichas funciones tienen un equivalente sencillo en VanillaJS (una forma coloquial de llamar a Javascript puro, sin dependencias). Por ejemplo: /* AJAX POST */ //jQuery $ . ajax ({ type : 'POST' , url : '/my/url' , data : data }); //vanillaJS var request = new XMLHttpRequest (); request . open ( 'POST' , '/my/url' , true ); request . setRequestHeader ( 'Content-Type' , 'application/x-www-form-urlencoded; charset=UTF-8' ); request . send ( data ); En ningun caso pretendo desalentar el uso de dicha libreria, pero s...

Descargando tablas en CSV

Imagen
Este es un pequeño ejemplo, que me ha resultado util varias veces, por el cual podemos descargar una tabla HTML en formato CSV a traves de Javascript. El codigo se divide en dos partes: la primera que lee la tabla y la devuelve en forma de array; y la segunda que crea un CSV a partir de dicho array y lo "lanza" como una descarga. Espero que os sirva. <script> function table_array ( table ) { var result = [] var rows = table . rows ; var cells , t ; for ( var i = 0 , iLen = rows . length ; i < iLen ; i ++ ) { cells = rows [ i ]. cells ; t = []; for ( var j = 0 , jLen = cells . length ; j < jLen ; j ++ ) { t . push ( cells [ j ]. textContent ); } result . push ( t ); } return result ; } function download_csv () { var data = table_array ( document . getElementsByTag...