Cmacias.com » dom http://www.cmacias.com Otro blog más de diseño Thu, 04 Feb 2010 22:05:35 +0000 http://wordpress.org/?v=abc en hourly 1 Layout Manager http://www.cmacias.com/layout-manager/ http://www.cmacias.com/layout-manager/#comments Fri, 29 Aug 2008 17:44:52 +0000 cmacias http://www.cmacias.com/?p=116 Desde ya hace algún tiempo me pasé a JQuery. Antes utilizaba Scriptaculous+Prototype y la verdad, no me arrepiento del cambio … sino fuera por un plugin para Prototype llamado “Layout Manager“.

Y eso era hasta hoy, que he descubierto un plugin para JQuery que hace exactamente lo mismo, aunque de distinta manera. Su nombre es “Docking Layout Manager“.

Su función es la de generar un Layout que ocupe toda la pantalla, de forma que es posible emular en funcionalidad a las aplicaciones de escritorio.

[ Proyecto en JQuery ] [ Sitio Oficial y ejemplos ]

Tags: , , ,

]]> http://www.cmacias.com/layout-manager/feed/ 4 Mejorando los selectBox http://www.cmacias.com/mejorando-los-selectbox/ http://www.cmacias.com/mejorando-los-selectbox/#comments Mon, 16 Jun 2008 22:15:00 +0000 cmacias http://www.cmacias.com/?p=80 Como diseñador quisquilloso que soy, uno de los objetivos que busco en la web, es el diseño total. Es decir, el poder diseñar cada uno de los elementos que componen una web, desde el primer hasta el último elemento.

Y uno de los elementos quizá mas toscos y feos sean los controles de formulario. Si en un post anterior conseguí de mejor o peor manera controlar el aspecto de un selectBox multiple, ahora estoy tratando de mejorar los selectBox.

El resultado hasta el momento es este:


En principio es totalmente configurable tanto en estructura como en aspecto, y aunque aún me quedan algunos aspectos por pulir (compatibilidad de navegadores, testeo, etc), el resultado creo que no es malo y dá el pego. No es obstrusivo, por lo que en caso de no tener activado el javascript, se mostraría el control normal.

En breve liberaré una primera versión de testeo.

Tags: , , ,

]]> http://www.cmacias.com/mejorando-los-selectbox/feed/ 4 SelectBox múltiple http://www.cmacias.com/selectbox-multiple/ http://www.cmacias.com/selectbox-multiple/#comments Mon, 09 Jun 2008 23:10:19 +0000 cmacias http://www.cmacias.com/?p=72 Por necesidades del guión, tuve que crear para un trabajo un control de formulario de tipo select de selección múltiple. A diferencia de los select normales, este tenía que permitir selecciones de más de un elemento sin tener que acceder al teclado, y además, adecuarse estéticamente con el diseño de la página, por lo que no me quedó más remedio que hacérmelo.

Su funcionamiento es sencillo. Simplemente hago un recorrido por todos los controles select multiples del documento y los sustituyo por unas listas generadas al vuelo con el DOM de javascript y una pequeña función que permite recorrer el select original y comunicarlo con el nuevo y viceversa.

En esta versión y por necesidades del guión y el tiempo, no recibe los eventos que pudiera tener el select original, aunque si es posible manipular el alto, ancho, posición, y los parámetros left, top, right. botom para cambiar la posición y aspecto.

No depende de ninguna librería y simplemente es necesario incluir el archivo js en el documento.

Evidentemente se puede utilizar en cualquier sitio y para cualquier cosa. También se aceptan sugerencias para mejorarlo

[ descargar ] [ ejemplo ]

Tags: , , ,

]]> http://www.cmacias.com/selectbox-multiple/feed/ 0