Cerrar ventana modal jquery/javascript con la tecla escape

Muchas veces queremos que al pulsar una tecla del teclaro interactue directamente con nuestra página web, hoy vamos a explicar como cerrar una ventana del navegador pulsando la tecla escape de nuestro teclado,  vamos al código:

Recordamos que tenemos que cargar las funciones con el document.ready.

  // cerrar la ventana modal con escape
       
        $(document).bind('keydown',function(eEvento){ 
                       
            if(eEvento.which == 27) {
                var $jQuery=window.parent.$;
   
                //buscamos la clase .clsVentanaCerrar y le hacemos clic
                $jQuery('body').find('.clsVentanaCerrar').trigger('click');

            }
       
        });
       
    // fin de funcion cerrar ventana modal

Para aclarar dudas el número 27 equivale a la tecla escape, util por si quereis hacer cualquier otro tipo de evento, un saludo.

Ejecutar función javascript en un tiempo determinado

Hace tiempo que no hablamos de javascript... parece que le tenemos fobia jaja, bueno hoy vamos a ver una función que a más de uno le habrá dado quebraderos de cabeza.

Hablamos de la función setTimeout, Hoy haremos un pequeño ejemplo de como se debe usar para que las utiliceis para vuestras necesidades, por ejemplo para cerrar un popup una vez pasado 5 segundos. vemos el codigo.


En este caso estoy ocultando una ventana modal de jquery cargada anteriormente, ya nos meteremos con jquery paciencia!!, en la primera funcion vemos que cerramos la ventana sin ningún tiempo.. por lo tanto al ejecutar la función se cerrará.

function cerrar_ventana(){
               var $jQuery=window.parent.$;   
               $jQuery('body').find('.clsVentanaCerrar').trigger('click');
           }


Aquí estamos metiendo la función anterior dentro de esta para hacerlo más fácil el llamarla desde el html pasandole como parámetro el tiempo que queramos.


function cerrar_ventana_tiempo(tiempo){
              
               setTimeout("cerrar_ventana()",tiempo);
              
           }

Ahora llamamos en el html la función con el tiempo que queremos(recordamos el tiempo será en milisegundos):

<script>cerrar_ventana_tiempo(5000)</script>

Espero que os haya servido como me sirvió a mí, un saludo y hasta la próxima

Evitar que se pueda agrandar un textarea

Cuando creamos un textarea en un formulario sabemos que en la esquina inferior derecha aparece un dibujito que nos permite agrandar y hacer más pequeño el textarea.

Muchas veces debido a esto nos rompe la página y hace más feo el resultado final, para evitarlo tenemos que usar la propiedad resize en css:

textarea{
resize:none;
}

añadiendo esto en la hoja de estilos(css) no volveremos a tener más ese problema.

Un saludo

Atributos para hacer un textarea más grande

Para hacer en un documento html un textarea más grande simplemente tendríamos que ponerle los atributos rows y cols. Esta es la forma sencilla, más adelante veremos como hacerlo autoajustable dependiendo del texto que el usuario introduzca. Si, será con javascript.

Veamos el ejemplo:

Ahora añadimos los dos atributos:

Como veis es muy simple y fácil .

Un saludo