jquery (4)


DataTables Descuadre de columnas

Cuando tenemos una tabla oculta, por ejemplo con tabs de bootstrap, pero al estar oculta no calcula bien los anchos y podemos encontrarnos que el thead y el tfood estan descuadrados respecto al tbody.

La solución es re-calcular el tamaño de la tabla.

    $(document).ready(function() {
        $("#tabs").tabs( {
            "activate": function(event, ui) {
                $( $.fn.dataTable.tables( true ) ).DataTable().columns.adjust();
            }
        });
    });

También tendríamos que re-calcular la tabla al acabar de cargar la pagina.

    $(window).load(function() {
        $( $.fn.dataTable.tables( true ) ).DataTable().columns.adjust();        
    });



Tinymce Colores persoanlizados en la fuente

Desde la versión 4 podemos hacer uso del plugin ‘colorpicker’ que nos permitirá añadir colores personalizados a nuestros textos.

colorpicker

 




Desplegable leer mas en JQuery

El objetivo es tener un texto con un “leer mas” que al clicar, este se desplegué y aparezca un texto oculto.
En nuestro PHP tendremos que cargar el jquery y hacer uso del ID mostrar para el leer mas y oculto para el texto oculto como veremos a continuación.
nota: este texto estaba en el campo de texto de un prestashop 1.5



Jquery: Contador regresivo

Un contador regresivo, desde el cual le podemos indicar una fecha hasta la que tiene que contar o bien una cantidad de tiempo que se resetea cada vez que recargas la pagina.