Ir al contenido principal

Entradas

Mostrando entradas de marzo, 2017

¿Como deshabilitar y habilitar un campo con JQuery?

Vale esto resulta muy fácil de hacer cuando ya se tiene cierta habilidad con el framework de jQuery y si soy consciente que ya estamos en pleno 2017 pero es algo que aun se sigue utilizando y que en lo personal no creo que muera en poco tiempo. Mejor vamos a lo que vamos. Se advierte que blogger puede cambiar el estilo final Primero el campo en HTML Campo deshabilitado con JQuery Ahora el código jQuery necesario en donde tenemos dos opciones Usar la función attr (vieja función de inicios de jQuery) Optar por la función prop (mi recomendación personal)  Bueno y por si te preguntas cual es la diferencia entre ellas y el porque o como usarlas te dejo este enlace por acá 

Northwind para Mysql y otras

Supongamos que necesitamos una base de datos para comenzar a hacer pruebas y a la vez necesitamos que esa base de datos contenga mucha información con la cual trabajar. En mis tiempos de universidad existía una base de datos que utilizábamos en los laboratorios con SQL Server y c# para mostrar los datos en algún formulario. El nombre era Northwind. El problema es que era solo para SQL Server, pero alguien en se dio a la tarea de exportar esa base de datos a MySql y es justo lo que te vengo a mostrar acá. Hace un tiempo atrás clone de los repositorios de Google Code   esa información (que como algunos de ustedes sabrá dejara de estar al servicio de todos en un tiempo). Modifique un poco la DB de Mysql para que se pudiera ejecutar el script sin ningún problema. Lo interesante de todo esto es que puedes utilizar los demás script para diferentes gestores de base de datos Se advierte que para poder usarlas adecuadamente hay que modificar los campos de tipo longblob y que hay un

Como centrar una imagen usando Bootstrap

Si utilizamos Bootstrap es muy probable que terminemos usando la clase ".img-responsive" pero a la misma vez puede que lleguemos a necesitar que dicha imagen este centrada en algun DIV Por ello en esta ocasión te mostrare como se hace de manera simple y rapida, comencemos Se advierte que blogger puede cambiar el estilo de la salida final, por ende puedes ver el mismo resultado haciendo click aquí 1) Creamos el CSS necesario para lograr el efecto deseado .container-logo > .img-responsive{ margin: 0 auto; } 2) Ahora simplemente creamos el HTML al cual le aplicaremos el estilo que hemos creado Y listo, tenemos el efecto deseado para este caso, espero te haya gustado esta entrada

Algunas acciones que podemos hacer con un select

Hoy les mostrare algunas cosas que podemos llevar a cabo con un select y usando jQuery, a continuación les dejo la lista: Se advierte que para llevar a cabo estas pequeñas acciones es necesario tener jQuery precargado   Cambiar texto cuando se selecciona una opción Autoseleccionar valor desde que se cargue la pagina Obtener el texto que acompaña a la opción seleccionada Obtener el texto que acompaña a la opción seleccionada pero al hacer un cambio en el opción En todos los ejemplos se usara las siguientes etiquetas HTML Seleccione algo -- Seleccione un texto -- Texto corto Texto largo Asi inicia el texto y solo cambia cuando se seleciona una opción Autoseleccionar valor desde que se cargue la pagina. Basicamente se trata de colocar el value en la funcion val() . Como en mi caso el SELECT tiene values numericos, solo le indico que valor va a inicializarse, en todo caso si usas el mismo HTML que he colocado, deberia de aparecer p

Cambiar texto al seleccionar opción de select

Una de las cosas comunes que se hace en algunos sistemas es cambiar textos, cambiar parámetros , cambiar colores y cosas similares al seleccionar una opción de un SELECT, DROPDOWN y similares. Bueno ahora les mostrare como se hace esto desde jQuery de manera fácil y rápida Se advierte que para llevar a cabo este tutorial es necesario conocer lo básico de jQuery Puede que blogger cambie la apariencia del código, pero tranquilo puedes ver el mismo resultado desde este enlace 1) El Select, dropdown o como quieras llamarle debe de estar creado Seleccione algo -- Seleccione un texto -- Texto corto Texto largo Asi inicia el texto y solo cambia cuando se seleciona una opción 2) Llamamos la funcion de change y le indicamos que texto colocar a partir de un Array que tenemos, todo esto puede cambiarse claro, dependiendo de lo que se necesite Y si podemos cambiar un simple texto, también podemos hacer muchas cosas mas, como cambiar color, apl

Abrir modal cuando se cargue la pagina web

Se advierte que blogger puede cambiar el resultado, pero tranquilo, te dejo un enlace donde lo puedes ver sin mas ni mas haciendo click aquí Una de las cosas interesantes de  usar Bootstrap en tus proyectos es que ya trae muchas funcionalidades como los modales. Algo en particular que me han preguntado mas de una vez es lo siguiente: ¿Puedo abrir un modal al momento de cargar una pagina web? La respuesta es un simple SI y te muestro como hacerlo de manera rápida Ahora simplemente tenemos que mandar a llamar un fragmento de código en nuestro JQuery: $(function(){ $("#myModal").modal(); }); Es algo simple cuando ya conoces la solución claro y espero te sirva mucho

Datatable vs datatable

Ayer por la tarde me encontraba trabajando en un CRUD cualquiera y se me ocurrió utilizar el plugin de Datatable para hacerlo un poco más interactivo con las opciones que este plugin te brinda. Me encontré con un interesante debate y es que existen dos versiones. Datatable VS datatable (1.1x) VS (1.0x) -- versiones del plugin Cuando se utiliza mayúscula al inicializar el plugin éste utiliza la versión actual del plugin como tal, si se hace en minúscula éste lo hace con la versión anterior que por cierto no está deprecado, pero lo mejor es utilizar lo actual para mayor compatibilidad a futuro. A parte de eso, en la versión nueva del plugin se puede utilizar métodos como: row.add() row.remove() entre otros más que están en la documentación, esto básicamente para facilitar al programador a tomar X acción ya que están escritos de una manera más entendible para cualquiera sin importar el nivel actual que este tenga. Mientras que en la anterior versión, los métodos e

Calendario para Mac

Hay una cosa que no me agrada para nada de mi mac y es que no tiene un calendario en la barra de notificaciones. Si lo se, es una chorrada la que estoy diciendo, en el dock tengo un calendario, pero casi siempre lo olvido y se que funciona a la perfección. Pero y si te digo que puedes instalar una app extra que aparece en la barra de herramientas del mac?. Itsycal es tú solución, no consume nada de RAM (por si te preocupa este apartado), se sincroniza perfectamente con Google Calendar, iCloud y Facebook, así que lo tienes todo al alcance de un click. No esperes más y prueba esta joya de aplicación Link de descarga aquí Bueno espero te haya gustado esta pequeña nota