Pongamos que tenemos un formulario con n campos y su correspondiente botón submit para enviarlo. Para hacer el formulario mas usable e intuitivo siempre está bien desactivar el botón submit de enviar, siempre y cuando el formulario no este completado. Importante también mostrando mensajes de ayuda, o tooltips que es fundamental. Vamos a poner que… Seguir leyendo Jquery activar desactivar boton submit de formulario
Etiqueta: jquery
Ejemplos de código y trucos.
Mostrar elementos secuencialmente con Jquery
Desde el siguiente vídeo consejo, podremos aprender como hacer para mostrar los elementos de un listado que aparezcan secuencialmente mediante Jquery. Hay muchas formas de llevar a cabo esta tarea pero la que comenta el video tutorial es una de ellas y no esta del todo mal porque es bastante sencillo y no incluye mucho… Seguir leyendo Mostrar elementos secuencialmente con Jquery
Comprobar, seleccionar y deseleccionar todos los checkbox de un formulario con jquery
A continuación indico algunas funciones de Jquery muy útiles para trabajar con elementos de formularios. En este caso para trabajar con checkbox. Seleccionar/deseleccionar un checkbox: [code lang=»Javascript»] // Seleccionar un checkbox $(‘input[name=acheckbox]’).attr(‘checked’, true); // Deseleccionar un checkbox $(‘input[name=acheckbox]’).attr(‘checked’, false); [/code] Seleccionar/deseleccionar todos los checkbox: [code lang=»Javascript»] // Seleccionar todos los checkboxes $("input:checkbox").attr(‘checked’, true); // Deseleccionar… Seguir leyendo Comprobar, seleccionar y deseleccionar todos los checkbox de un formulario con jquery
Cakephp ajax start voting. Sistema de votaciones en ajax mediante estrellas
Hace mucho tiempo que he implementado en un site en cakephp, un sistema de votaciones con estrellas que funciona con ajax. Fue bastante complejo y me llevó un tiempo, ahora lo retomo para publicarlo y compartirlo. Inicialmente seguí las indicaciones de un articulo publicado en bakery.cakephp.org que al final se puede ver la fuente original.… Seguir leyendo Cakephp ajax start voting. Sistema de votaciones en ajax mediante estrellas
Centrar un div con jquery
Para centrar un div horizontalmente y verticalmente normalmente se usa css para ello. Pero a veces es imposible hacerlo mediante css, porque cada usuario tiene una resolucion en su pantalla diferente, al mismo tiempo que empleamos menos tiempo en centrarlo mediante jquery y javascript, ya que no tenemos que estar calculando anchos y altos. He… Seguir leyendo Centrar un div con jquery
ajax y jquery en cakephp
En este post voy a explicar como es de simple usar ajax y jquery en cakephp. Se puede usar ajax para muchos temas, guardar los checkbox de un formulario sin tener que hacer submit, para seleccionar subcategorias de una categoría en varios select option aninados, para recargar el contenido de una determinada zona de la… Seguir leyendo ajax y jquery en cakephp
recortar imagenes en cakephp con jquery.
Para poder recortar una imagen mediante una seleccion se consigue con imgAreaSelect que es un plugin de JQuery para seleccionar un area de una imagen. El publin se puede configurar y permite diferentes funcionalidades que nos ayudará y nos enriquecerá la tarea de recortar una imagen, ya sea a nosotros a los usuarios cuando por… Seguir leyendo recortar imagenes en cakephp con jquery.
mensajes de ayuda o tooltip con jquery
Los tooltips o mensajes de ayuda son pequeños esa pequeñas cosas que juegan un gran rol en el diseño y en la atracción del usuario, por lo que si están bien diseñados e integrados en una web, y resultan realmente útiles al usuario dejaran en éstos una buena sensación sobre tu web. Aquí es donde… Seguir leyendo mensajes de ayuda o tooltip con jquery
Cambiar el nombre de una clase css con javascript y con jquery
Hoy he aprendido una cosita bastante sencilla pero muy util con jquery. Estaba haciendo un pequeño desarrollo con PHP y AJAX para que un usuario pudiese seleccionar su nick en un simple input text. El tema es que cuando el nick estuviese ocupado me tendría que mostrar un mensaje en un div y cambiar el… Seguir leyendo Cambiar el nombre de una clase css con javascript y con jquery
Autocomplementador en AJAX
Como hacer un Autocomplementador simple en AJAX Pasos para la implementación de éste módulo: incluir el siguiente .js entre las etiquetas <head></head> Ver .js y las funciones javascript que podréis ver en la Demo Online Incluir también los estilos predeterminados, también los podréis ver en el código fuente de éste archivo. En la carpeta donde… Seguir leyendo Autocomplementador en AJAX