domingo, 29 de noviembre de 2015

Cómo cambiar el texto de un botón bootstrap con jQuery y mostrar un ícono de cargando o procesando al darle clic

Para hacer que un botón, al darle clic, se deshabilite, cambie el texto y aparezca un ícono de cargando, hay que hacer lo siguiente:

  1. Pongamos el botón bootstrap en nuestra vista o página. Asimismo agreguémosle un identificador:
  2. Consigamos un ícono que dé a entender que se está procesando la acción. Por ejemplo, buscando con Google tenemos estos
  3. Agreguemos el siguiente código javascript en la página o vista:
    /*Cambiar el texto del botón de actualización y agregar un ajax loader image cuando se le da clic*/
        $('#updatebtn').click(function() {
            var img_route = "{{assetsUrl}}img/ajax-loader2.gif";/*Ruta en donde guardamos la imagen del ajax loader*/
            $('#updatebtn').attr("disabled", true).html(' Actualizando ... espere ...');
            $(this).parents('form').submit();
        });
    

domingo, 8 de noviembre de 2015

How to implement ajax in Slim Framework

Let's say we just want to use ajax in order to enable or disable a user's account right in the view.

Using ajax in Slim Framework


In this case, I am using Twig templating. This register login system comes from a youtube codesource course on youtube.

The ajax call only means changing a single boolean value in the database, that is to say, active equals either true or false (1 or 0).

I will explain how to transfer the csrf token through the ajax call so that we will not get the token mismatch exception.

I got the switch on / off from http://www.bootstrap-switch.org/.

Here goes the ajax and see how I pass the token to the controller:
/*Referencias: https://www.codecourse.com/forum/topics/use-jquery-ajax-post-with-the-authentication-series/527*/
    $(document).ready(function(){
        $("[name='my-checkbox']").bootstrapSwitch({
            'size' : 'mini',
            'onColor':'success',
            'offColor':'danger',
            onSwitchChange(event, state) {
                //console.log('switched!. State: '+state);
                /*Obtener el id*/
                var id = $(this).attr('id').split('-');
                $.ajax({
                    data: {state: state,{{ csrf_key }}: "{{ csrf_token }}",id:id[1]},
                    type: "POST",
                    dataType: "json",
                    headers: { "cache-control": "no-cache" },
                    url: "users/activation"
                });//fin de ajax
            }
        });

To be continued...

miércoles, 4 de noviembre de 2015

Copiar columnas y datos de una base de datos a otra en mysql

Para copiar información (datos en columnas) que están dentro de una tabla A en una base de datos A, la cual quieres copiar a otra base de datos B dentro de una tabla en esa BD, lo que tienes que hacer es lo siguiente:

Para el caso de que la tabla destino esté vacía, necesitarás de una sentencia INSERT:
INSERT INTO basededatos1.tabla1 (columna1a, columna1b, columna1c)
SELECT column2a, 'un_valor', 'otro_valor' FROM basededatos2.tabla2

En donde basededatos1 es la BD destino y basededatos2 es la BD origen.

Y para el caso de que la tabla destino ya tenga otra información (incluso parcial), lo que necesitas es una sentencia de actualización UPDATE:
UPDATE basededatos1.tabla1 alias1 JOIN basededatos2.tabla2 alias2 
    ON alias1.tabla1.id = alias2.tabla2.id
SET alias1.columna1 = alias2.columna1,
    alias1.columna2 = alias2.columna2,
    alias1.columnaN = alias2.columnaN

En donde basededatos1 es la BD destino y basededatos2 es la BD origen.
 

Tags