Jquery (5)


Header Location en JavaScript

En PHP

header('Location: http://www.example.com/');

y en JS

<script>window.location.replace("http://www.example.com/");</script>

Cuando no podamos usar header de php (porque ya se ha cargado la web) podemos usar JavaScript.




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.