Fenêtre popup flottante / redimensionnable légère basée sur un prototype

Question

Quel est le meilleur moyen d'implémenter des fenêtres flottantes de style Meebo? Je préférerais utiliser Prototype (mais s'il y a une bonne implémentation de Jquery, je me ferai un plaisir de l'examiner également). Je voudrais que les fenêtres soient déplaçables / redimensionnables et généralement "légères" et réactif.

Answer 1

Vous pouvez consulter le composant de boîte de dialogue dans jQuery UI. Il fait partie de la bibliothèque d'interface utilisateur officielle fournie par jQuery. Téléchargez les jQuery et jQuery UI , puis assurez-vous que vous avez des références aux deux scripts dans votre page. Il suffit ensuite d’appeler dialog () sur un objet jQuery. Pour plus d'informations, consultez la documentation de la boîte de dialogue ,

.

<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>