Category Archives: WebDev

Enviar datos entre dos select usando jQuery

Hoy me vi en la necesidad de implementar dos select los cuales se enviaban información entre ellos (los típicos usados para seleccionar ciertos elementos de un conjunto). Encontre un plugin de jQuery muy útil (básicamente hace todo por nosotros).

Se llama Dual Listbox, su utilización es la siguiente.


$.configureBoxes({
box1View:'PollIds',
box2View:'PollId',
);

con box1View establecemos cual será el select 1 y con box2View el select 2, existen muchas opciones todas documentadas en su página web.

Finalmente para enviar la información se debe usar un pequeño truco (gracias Bilson), el cual consiste en seleccionar todos elementos del select 2 utilizando javascript al enviar el formulario.




function selectAll(selectBox,selectAll) {
// have we been passed an ID
if (typeof selectBox == "string") {
selectBox = document.getElementById(selectBox);
}
// is the select box a multiple select box?
if (selectBox.type == "select-multiple") {
for (var i = 0; i < selectBox.options.length; i++) {
selectBox.options[i].selected = selectAll;
}
}
}

La función de Javascript fue extraída desde qodo.co.uk

Creacion de un tag cloud (nube de tags)

cloud tag¿Conocen las tags cloud o nube de tags?, es una manera de mostrar categorias de forma mas amena, además de mostrar visualmente cuales son las categorias mas usadas ya que la fuente de las palabras es mas grande a medida que se repite esta categoria (pueden ver un ejemplo en la barra de la derecha del blog) .

Esta manera de mostrar categorias es muy usada por los sitios web 2.0 (aunque que tenga una nube no quiere decir que sea un sitio web 2.0).

Ahora basta de tanta introduccion y vamos al motivo de este post :D

Estoy desarrollando un sitio público y necesito categorizar la información que es subida por los usuarios (cualquier miembro registrado), queremos implementar una tag cloud para el diseño (se ven muy bien cuando quedan bien hechas), la idea es tener un sistema flexible de categorias con algunas categorias estaticas (definidas por los administradores) y la posibilidad de que cada usuario pueda agregar mas categorias a la informacion que el ha ingresado al sistema.

Mi pregunta es como lo harian ustedes o que preferirian usar definir sus tags como un campo extra como las keywords o simplemente poner la información y que el sistema sea capaz de categorizarlo automaticamente leyendo la información que fue agregada (claro despues hay que ver como implementar esto jaja) pero nunca esta de mas conocer la opinion de los futuros usuarios del sistema.

Y aprovechando el impulso, ¿Un formulario de registro rapido con solo un par de campos y luego modificar el perfil o uno mas completo y asi dejar todo listo a la primera?

Diseñando sitios para un iphone

iphoneAprovechando la fiebre de iphone de la cual me considero participe (espero que algún dia pueda tener uno de esos iphone en mis manos), le recomiendo que revisen el siguiente programa para poder realizar sitios webs que sean funcionales con el iphone, se trata de el famoso editor de xhtml y javascript aptana ( un plugins para el IDE eclipse).

Nose hasta que tan real será el simulador view del iphone en este plugins para aptana, pero creo que es una muy buena manera de comenzar a ver como estan nuestros diseños en este espectacular gadget, asi que los dejo invitados a que pruebe el plugins y comenten, yo ahora que termine mis ramos (espero pasarlos todos sin examenes) me dedicare a revisar mas a fondo este plugins y a realizar un nuevo diseño para mi blog (aprovechando el impulso), se me olvidad mensionar que tiene un screencast sobre el uso del programa

http://www.aptana.com/iphone

http://www.aptana.tv/movies/iphone_screencast/iphone.html

Rapida evolucion de safari para windows

Como muchos sabran el 12 de junio pasado en la WWDC (World Wide Developers Conference) 2007 de Apple se lanzo la version beta del navegador de la mac llamado safari (noticia en bloog.cl), muchos dijeron que habia sido una mala jugada de la Mac, a lanzar un version tan en desarrollo de safari, ya que en solo 2 horas aparecio su primer exploit, además de la mala renderizacion de html que realizaba a paginas que estaban con su css y xhtml validado.

Pero como le dicia a Felipe, Mac no puede dar una puntada sin hilo, piensen en cuanto dinero ahorraron en contratar un equipo para buscar bugs, ahora todos buscan bugs para safari y han encontrado muchos mas de los que cualquier equipo pagado podria encontrar en tan poco tiempo, en menos de 12 dias ya contaban con dos actualizaciones de su navegados y cada vez el render de html esta mejor, creo que ahora si deberian comenzar a temblar firefox y opera.

A continuacion pueden ver dos screenshot de la version 3.0.0 y 3.0.2 de safari para windows sobre el sitio www.bloog.cl

Version 3.0.0 12 de Junio 2007

safarin 3.0.0

Version 3.0.2 24 de junio 2007

 

safari 3.0.2

 

 

Diagrama de una peticion en cakephp

cakePHP es uno de los tantos frameworks que existen para PHP, es el que he estado usando yo para mis proyectos (gracias a bilson por la ayuda en los inicio con cakePHP), pero que sucede cuando estamos realizando una peticion a cakephp, por ejemplo cuando queremos ver la siguiente url http://tudominio/noticias/ver/1234, Brandon Parise ha dibujado el diagrama del proceso de respuesta de cakephp ante una peticion como la anterior, es una imagen que todo usuario de cakePHP debe tener encuenta

http://www.cakecollab.org/lifecycle.png

Diagrama ER para phpbb

Son muchos los sitios que usan phpbb como sistema de foros (nosotros en www.infoudec.org lo usamos), pero ¿alguien se ha dado el tiempo de buscar cual es el diagrama de la base de datos de este sistema?, para que no pierdan tiempo les dejo el link con el pdf que encontre con el diagrama de phpbb2.x diagrama phpbb2x además de una pagina con la descripcion de cada una de las tablas default que crea phpbb descripcion de tablas.

Les recomiendo que miren la nueva versionde phpbb (phpbb3) actualmente esta en desarrollo (fase Beta) pero pueden probar el codigo del cvs, entre algunos de los cambios es que ahora se pueden agregar nuevos campos a los perfiles de una manera muy rapida y sin tener que editar el codigo php, además promete una mayor facilidad para la integracion con mods (ojala algun dia llege a ser como wordpress en este sentido).

Diagrama phpbb2x

Descripcion de tablas de phpbb2.x