BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Edit in Place con jQuery, Ajax y PHP v2016

Edit in Place con jQuery, Ajax y PHP v2016

26/OCT/2016 2.439 visitas Ver comentarios

Por tercer año consecutivo, Octuweb confía en MartinIglesias.eu para para participar en su blog colaborativo en el que, durante el mes de octubre, un autor diferente escribe un post relacionado con el desarrollo web, marketing online, frameworks, etc.

Si los años anteriores escribí sobre Responsive Tables en HTML o Como manipular CSS mediante Javascript, este año voy un poquito más allá y actualizo mi viejo post de Edit in Place con PHP para llevarlo a un nuevo nivel.

LEER ENTRADA

Magnific Popup, lightbox bonito, responsive, liviano y para jQuery

Magnific Popup, lightbox bonito, responsive, liviano y para jQuery

10/ENE/2014 34.564 visitas Ver comentarios

Siempre que debo utilizar algún sistema para lanzar un popup, me suelo decantar por Colorbox, un plugin muy liviano pero inmensamente potente para lanzar popups bonitos (de esos que no abren una nueva ventana sino que oscurecen la actual y muestran el nuevo contenido en primer plano).

Muchas veces queremos abrir formularios, mensajes, alertas, ampliar fotografías, textos adicionales o cualquier otro contenido y estos popups son una muy buena solución.

LEER ENTRADA

Editar campos de formularios en el lugar con jQuery, Ajax y PHP

Editar campos de formularios en el lugar con jQuery, Ajax y PHP

19/DIC/2013 60.435 visitas Ver comentarios

ACTUALIZACIÓN 26-12-2013: Como me han vaciado la tabla con las pruebas, he puesto una mini validación comprobando que el valor ingresado no esté vacío ni con espacios en blanco.

Señoras y señores, pasen y vean... lo que traigo a continuación es un pequeño código que llevo mucho tiempo queriendo hacer y que aplicaría en muchísimos proyectos y por la razón que sea nunca lo hago.

LEER ENTRADA

Sistema de votación Me gusta o No me gusta con PHP, Jquery y Ajax

Sistema de votación Me gusta o No me gusta con PHP, Jquery y Ajax

14/JUN/2013 24.669 visitas Ver comentarios

Si recuerdas una entrada mía anterior donde dejaba un sistema de votación con estrellas, sabrás de qué va esta entrada. Es la misma votación pero modernizada a contar la cantidad de LIKES o HATES recibidos.

En castellano entendible, vendría a ser un contador de la cantidad de gente a la que le gusta lo que ve y la cantidad de gente a la que no le gusta lo que ve.

LEER ENTRADA

Desbloquear contenido a cambio de un tweet con PHP y Ajax

Desbloquear contenido a cambio de un tweet con PHP y Ajax

07/JUN/2013 6.550 visitas Ver comentarios

Tener un blog de relativo éxito o fama siempre es un placer. A menudo recibo muchos comentarios y correos agradeciéndome los aportes o ayuda brindada y es una gran satisfacción.

Por el otro lado, nos encontramos con la ardua tarea de dar difusión a estos aportes, códigos, scripts o como quieras llamarlos y esa, seguramente, es la tarea más difícil de todas.

LEER ENTRADA

Zebra_Dialog, ventanas modales muy livianas con jQuery

Zebra_Dialog, ventanas modales muy livianas con jQuery

09/ABR/2013 7.031 visitas Ver comentarios

Una ventana modal es una ventana secundaria que requiere que los usuarios interactúen con ella antes de que puedan seguir utilizando la aplicación principal. Las ventanas modales son uno de los elementos de la interfaz de usuario más comúnmente usados, y se utilizan, entre otras cosas, para comunicar información importante, o para alertar de error o advertencia.

Zebra_Dialog es un plugin de jQuery pequeño y compacto (un archivo Javascript, sin dependencias distintas de jQuery 1.4.1+) y altamente configurable para la creación de cuadros de diálogo modales, su intención es la de reemplazar el ALERT y CONFIRM nativos de Javascript además de brindar muchas más opciones como abrir páginas en modo iframe, carga de contenido vía ajax, etc...

LEER ENTRADA

Calendario de eventos en PHP, Ajax, jQuery y ventanas modales

Calendario de eventos en PHP, Ajax, jQuery y ventanas modales

01/FEB/2013 26.171 visitas Ver comentarios

ACTUALIZACIÓN AGOSTO 2013. A pedido de una usuaria (en los comentarios se ve), he realizado una pequeña modificación para que el calendario soporte la edición de eventos. Si quieres descargar el código con edición de eventos, pulsa este enlace. Recuerda que el código aquí pegado y el que te descargas desde el botón azul, no contienen la edición de eventos.

Si ya conocías el antiguo calendario multieventos en PHP y te gustaba, lo que te dejo ahora te debería gustar aún más. Viendo que muchos comentarios me pedían funcionalidades para el antiguo calendario y, empujado, por la necesidad de hacer un calendario que no refrescara la página con el cambio de mes, he reescrito el código para modernizarlo.

LEER ENTRADA

Listado de registros con scroll infinito en PHP, Ajax y jQuery

Listado de registros con scroll infinito en PHP, Ajax y jQuery

21/NOV/2012 30.853 visitas Ver comentarios

ACTUALIZACIÓN SEPTIEMBRE 2013: A pedido de un usuario en los comentarios, hay una variante del scroll infinito en PHP y Ajax lanzado desde un botón y no al desplazar el scroll al final de la página. Si quieres ver la demo, vete a este enlace.

Ahora que ya conoces las redes sociales, porque las conoces, no? habrás visto que la mayoría utiliza el scroll infinito de datos, es decir, a medida que vas bajando el scroll en la pantalla, se van cargando automáticamente nuevos registros de tus bases de datos.

LEER ENTRADA

Prueba tus maquetaciones de Responsive Web Design

Prueba tus maquetaciones de Responsive Web Design

24/OCT/2012 4.985 visitas Ver comentarios

Motivado por la aparición de Responsivator, me he decidido a liberar un clon que testea tus diseños web maquetados de manera adaptativa o, como todos lo conocemos, en Responsive Web Design.

El script es muy sencillo, se ocupa mediante una llamada en Ajax de cargar diferentes estados de la url introducida en el área indicada abajo, que no deja de ser un iframe para cada tamaño.

LEER ENTRADA

Listas o Selects con ancho fijo... deja de esconderme texto! (IE)

Listas o Selects con ancho fijo... deja de esconderme texto! (IE)

16/ENE/2009 16.531 visitas Ver comentarios

Si alguna vez maquetaste un formulario con CSS y necesitabas, claro está, que el ancho de los objetos -campos de texto, selects, etc...- tengan un ancho fijo, sabrás que con declararle un width en tu hoja CSS bastaba.

Ahora bien,
Si le aplicaste un ancho fijo a los SELECT, y tuviste la mala suerte de que las opciones de esa lista se pasasen en tamaño del ancho declarado, comprobarás que en Explorer 6, 7 (y me imagino que todos los demás, aunque el 8 no lo probé aun) se esconde el contenido tal como se ve en la foto que hay aquí a la derecha.

Sabrás también, que en el resto de los navegadores "normales" como Firefox, Opera, Safari, Chrome, esto no pasa y que solo afecta al Explorer (cuando no...)

LEER ENTRADA