Comment créer une fenêtre contextuelle JavaScript déplaçable et redimensionnable ?

Question

Je souhaite créer une fenêtre déplaçable et redimensionnable en JavaScript pour une utilisation multi-navigateurs, mais je veux essayer d'éviter d'utiliser un framework si je le peux.

Quelqu'un a-t-il un lien ou un code que je peux utiliser ?

Answer 1

JQuery se concentre davantage sur de nombreuses fonctions utilitaires intéressantes et facilite grandement la manipulation du DOM.Fondamentalement, je considère que c'est du Javascript comme il aurait dû l'être.C'est un ajout extrêmement utile au langage Javascript lui-même.

ExtJS est une suite de composants GUI avec des API spécifiques...Utilisez-le si vous souhaitez créer facilement des composants qui ressemblent à cela, sinon optez pour un cadre plus flexible.

Answer 2

JQuery serait une bonne façon de procéder.Et avec le Interface utilisateur Jquery plugins (tels que déplaçable), c'est un jeu d'enfant..(il y a un démo ici).

Ne pas utiliser de framework, pour le garder « pur », me semble juste une perte de temps.Il existe de bonnes choses qui vous feront gagner énormément de temps, du temps qu'il serait préférable de consacrer à rendre votre application encore meilleure.

Mais vous pouvez toujours consulter la source pour vous inspirer et l'adapter sans avoir à vous soucier des éléments que vous n'utiliserez pas.C'est bien fait et facile à lire, et vous découvrez souvent des hacks multi-navigateurs auxquels vous n'aviez même pas pensé.

modifier:oh, si vous ne voulez VRAIMENT pas de framework, consultez simplement leur source alors ..bien sûr, vous pouvez en utiliser une partie pour votre application.

Answer 3

Parfois, vous ne pouvez pas choisir votre environnement ou votre architecture, vous êtes donc obligé de travailler avec des contraintes comme ne pas pouvoir utiliser de frameworks...

Answer 4

Éviter complètement un framework vous laissera avec beaucoup de code et un tas de tests de navigateur fastidieux.

Si vous envisagez un framework, je suggérerais jQuery avec le jqDnR brancher.Je pense que cela résoudra votre problème ou peut-être pourriez-vous combiner les fonctionnalités du éléments déplaçables jQuery avec le jQuery redimensionnable

Answer 5

J'essaie simplement d'éviter les téléchargements volumineux de framework vers le client pour une très petite chose, je suis peut-être stupide.

J'avais regardé jQuery mais aussi ExtJS, la documentation et le "look" de l'interface utilisateur semblent bien supérieurs et professionnels dans ExtJS...y a-t-il des raisons particulières pour lesquelles vous recommandez jQuery ?