Lista de Contactos

nick_name · #1 (**permalink**) 06/09/2011, 17:14

Hola,

Estoy diseñando un formulario para envio de correo, con sus campos Para, CC, CCO, en los cuales me gustaria poder agregar varios contactos, el problema es que quiero hacerlo como lo hace hotmail o gmail cada que el usuario escribe una nueva dirección la dirección antes escrita la encierra en un cuadro que tiene una X por si se quiere quitar el otro usuario...

Mis dudas son:

Eso lo puedo hacer con Css.?
Lo puedo hacer con Divs.?

la verdad no se que nombre reciba ese tipo de cosas por eso se me hace mas dificil encontrar información al respecto. si alguien tiene alguna idea o ejemplo por favor ilumineme un poco....

Saludos...

cuervo699 · #2 (**permalink**) 06/09/2011, 21:15

Lo unico que se me viene a la mente es Jquery, busca jquery para formularios en google!
Suerte! ;)

DrFaust · #3 (**permalink**) 06/09/2011, 22:42

Coincido con el caballero. Lo que querés hacer requiere JavaScript, y la librería jQuery te va a facilitar muchísimo la vida.

El campo "para" de Hotmail es en realidad bastante fácil de implementar. Es una simple lista desordenada (<ul>). El último elemento de la lista es siempre una caja de texto sin borde. La caja de texto está controlada por un script. Cuando uno agrega una dirección de correo electrónico en la caja de texto, el script la añade como elemento de la lista (rodeándola con una caja azul y agregando botones para editarla y eliminarla). Implementar una caja de texto así debería llevarte 20 ó 30 líneas de código.

Como alternativa, podés utilizar alguno de los muchos plugins de jQuery diseñados para agregar tags a un sitio web:

http://plugins.jquery.com/plugin-tags/tags

cristian_cena · #4 (**permalink**) 07/09/2011, 00:07

googlealo como "autocomplete jquery"
acá un demo
acá un tutorial

Saludos.

nick_name · #5 (**permalink**) 07/09/2011, 08:58

Hola,

Muchisimas gracias a todos por su ayuda con la información que me dieron salieron muchas ideas de como hacer lo que quiero y tambien me di cuenta que puedo utilizar algun plugin ya hecho...

Ahora mi duda es: si utilizo uno de los plugins de Jquery no tendria problemas de licencias y cosas de ese tipo, mi proyecto es para la compañia donde trabajo...

Saludos...