JavaScript: Fenêtre pop-up personnalisée

Question

J'essaie de créer une fenêtre contextuelle personnalisée en utilisant JavaScript, qui peut contenir un formulaire, puis utiliser le contenu de ce formulaire sur la page d'origine.

Ce que j'ai est une grande table divisée en plusieurs sections qui contiennent du texte. Chaque section a un titre et un corps (qui sont les deux cellules du tableau avec des identifiants uniques). J'utilise ensuite JavaScript pour extraire le contenu d'un formulaire et coller les informations dans ce tableau (en utilisant la méthode getElementById ... innerHTML). Le problème est que la page devient trop grande pour s'adapter à la table et la forme sur ... Toutes les idées ???

Answer 1

Si vous êtes prêt à utiliser jQuery vous avez quelques options:

Pour une boîte de dialogue/scénario de pop-up, simple-modal dialog est tout à fait agréable. Vous pouvez l'intégrer via des éléments div sur votre page principale et vous éviterez ainsi de devoir gérer des fenêtres supplémentaires en javascript.

Si vous souhaitez ajouter la pagination, le filtrage et la recherche à votre grande table DataTables est top. Il peut être appliqué à une table html standard et est très polyvalent. Cela vous permettra également de cacher des colonnes, donc je pense que vous pourriez stocker vos clés d'identité dans ces colonnes et utiliser la boîte de dialogue facilement.

Answer 2

JD-Daz -

Je ne voudrais pas utiliser un pop-up. Personne n'aime les fenêtres pop-up, car elles ne sont pas connectées à la fenêtre d'origine et dépendent du système de fenêtrage du système d'exploitation hôte. En outre, cela est inutile dans les navigateurs à onglets. Au lieu de cela, vous devez utiliser un élément DIV flottant comme conteneur de la table. Vous pouvez autoriser le défilement de la table dans l'élément DIV, le cas échéant.

- Mark