Comment déconnecter un div dans une fenêtre séparée?

Question

J'ai une application Web avec un écran partagé. D'un côté il y a une fonctionnalité spécifique qui est liée à la fonctionnalité sur le côté droit de l'écran.

J'ai besoin de "désancrer" le côté droit de l'écran pour que le div non ancré puisse être déplacé (même à l'extérieur du navigateur). Ce sera une fonctionnalité dont les utilisateurs avec deux écrans bénéficieront largement.

J'ai réussi à le faire en utilisant une fenêtre contextuelle. Cependant, je ne suis pas d'accord avec la solution. La principale raison est que la fenêtre contextuelle n'est pas liée à l'application principale. Ce que je veux dire par ne pas lié est que chaque fois que je clique sur quelque chose dans le volet de gauche, sa page respective doit apparaître dans cette fenêtre contextuelle. Cependant, lorsque je fais cela, la fenêtre popup se ferme et en ouvre une autre (à cause du même ID). De cette façon, je ne peux pas définir une variable booléenne pour le définir comme faux lorsque le popup est fermé, car il sera mis à false chaque fois qu'une autre popup est ouverte.

Y at-il un moyen de savoir quand le bouton de fermeture du popup a été cliqué depuis la fenêtre parent? Cela me résoudrait des problèmes!

Existe-t-il une meilleure solution pour y parvenir sans utiliser de fenêtres contextuelles? Je ne pense pas que ce soit possible puisque lorsque vous utilisez des modaux ou des fonctionnalités de ce type, le modal sera un enfant du conteneur parent et donc une instance dans le même navigateur.

Comme une note de côté, ce système met en œuvre avec PHP/jQuery

S'il vous plaît laissez-moi savoir vos idées.

Answer 1

chaque fois que je clique sur quelque chose dans le volet gauche, sa page respective doit être dans cette sauté fenêtre pop-up

Cela dépend évidemment de votre solution technique. Vous pouvez gérer les clics dans la fenêtre principale et accéder au DOM dans votre fenêtre "non ancrée", ainsi vous pouvez obtenir le DIV aussi et le gérer comme vous l'avez manipulé quand il était dans votre document original.