Saltar a Comentarios

Viernes, Octubre 17th, 2008

Cajas de Igoogle

Llevo bastante tiempo intentando lograr hacer el efecto de arrastrar y soltar de las cajas de igoogle, hay poquísima información en la red respecto a cómo se consigue crear este efecto, a pesar de que es algo muy interesante a nivel de diseño.

Cajas Igoogle

¿Como he conseguido lograr el efecto? La base de todo es la clase prototype que podeis descargar desde ese link. Prototype es un framework hecho en JavaScript que se sirve para ayudar a un desarrollo sencillo y dinámico de aplicaciones web (como cualquier framework) con el uso de técnicas Ajax.
Luego mediante CSS, y definiendo las capas en el init() de javascript (se encuentr todo en el fichero index.html) podremos adaptarlo como queramos.

Enlaces |DemoPrototype


No hay entradas relacionadas

4 Comentarios

  • Vane xD
    Mozilla Firefox Mozilla Firefox 3.0.4 en Windows Windows XP
    Diciembre 9th, 2008 at 17:07

    JOSICUOOOOOOOO

  • juanra
    Safari Safari 525.19 en Mac OS Mac OS X
    Diciembre 9th, 2008 at 17:17

    reconosco el mail, casi pienso que eras un trol!!

  • Sander
    Mozilla Firefox Mozilla Firefox 3.6.6 en Windows Windows NT
    Julio 7th, 2010 at 21:53

    muy buen post, estoy tratando de jugar un poco con esto, pero como hago si quiero, añadir los botones de control ?? (editar, y cerrar) y mas aun si quiero hacer un boton para contraer, el contenido de la caja ??, por ultimo xD, como harias para poner una caja estatica (no draggeable)

  • Sander
    Mozilla Firefox Mozilla Firefox 3.6.6 en Windows Windows NT
    Julio 8th, 2010 at 3:18

    bueno logre avances xD, ya pude hacer que la caja no sea draggeable, solo agregandole al final “, false”, cuando estoy creando la caja en el index.html, seria bueno que coloques una linea con todos los parametros que se le pueden colocar a la caja si no es mucha molestia xD saludos!!