Categoría: jQuery

Acceder parámetros GET de la URL en JavaScript

Categorías: | por Ernesto Bustos | Comenta en Acceder parámetros GET de la URL en JavaScript

Función JavaScript para acceder a los parámetros GET de la URL por sus nombres.

 

Function JavaScript:

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

 

Uso:

var miParam = getUrlParameter('miParam') ;

Checkbox y búsqueda persistente JQuery y DataTable

Categorías: | por Ernesto Bustos | Comenta en Checkbox y búsqueda persistente JQuery y DataTable

Checkbox persistentes en JQuery:

    $(document).ready(function () {

        var checkboxValues = JSON.parse(localStorage.getItem('checkboxValues')) || {},
            $checkboxes = $("#contenedor").find(':checkbox');

        $checkboxes.on("change", function(){
          $checkboxes.each(function(){
            checkboxValues[this.id] = this.checked;
          });
          
          localStorage.setItem("checkboxValues", JSON.stringify(checkboxValues));
        });

        // On page load
        $.each(checkboxValues, function(key, value) {
          $("#" + key).prop('checked', value);
        });

    });

 

DataTable búsqueda persistente:

    var oTable = $('#tabletd').DataTable({
        "stateSave": true,
    });

 

Borrar filtros Checkbox y DataTable:

    $( "#boton_borrar_filtros" ).on( "click", function() {
        oTable.state.clear();
        localStorage.removeItem('checkboxValues');
        window.location.reload();
    });

jQuery animate scrollTop to div id

Categorías: | por Ernesto Bustos | Comenta en jQuery animate scrollTop to div id

Ejemplo jQuery animate scrollTop a div id en menú WordPress con event.preventDefault().

if ( is_page ('servicios-de-sistemas') ) {

    echo "<script>

        jQuery( '#menu-item-135 > a' ).click( function ( event ) {

              event.preventDefault();

              jQuery('html, body').animate({ scrollTop: jQuery('#auditoria').offset().top }, 2000);

              return false;

        });

     </script>" ;

}