Ventana emergente flotante / redimensionable basada en prototipos ligeros

Question

¿Cuál es la mejor manera de implementar ventanas flotantes de estilo Meebo? Prefiero usar Prototype (pero si hay una buena implementación de Jquery, también me encantaría verlo). Me gustaría que las ventanas sean arrastrables / redimensionables y, en general, " livianas " y sensible.

Answer 1

Es posible que desee revisar el componente de diálogo en la interfaz de usuario de jQuery. Es parte de la biblioteca oficial de UI proporcionada por jQuery. Descargue jQuery y jQuery UI y luego asegúrese de tener referencias a ambos scripts en su página. Entonces, es tan simple como llamar a dialog () en un objeto jQuery. Consulte la documentación del diálogo para obtener más información.

<script type="text/javascript">
$(function() {
   $("#dialog").dialog();
});
</script>

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>