Composant Javascript pour l'effet de fenêtre/volet

Question

Je suis en train de prototyper une interface utilisateur de client léger en utilisant extjs et je suis à la recherche d'un effet qui simulera un formulaire/volet retournant pour révéler un autre formulaire/panneau. Son pour une vue détaillée pour un objet qui a deux ensembles majeurs de propriétés.

J'ai trouvé un composant flexible qui peut faire cela, et même simuler quatre formes différentes sur les faces d'un cube.

Juste une façon plus sexy et amusante de faire ce que vous pouvez déjà faire avec des onglets.

Answer 1

Je voudrais coller avec la solution onglet si vous voulez que votre projet soit terminé dans un délai raisonnable. Cela n'existe pas pour ExtJS - celui de Flex fait un effet 3D. La seule solution proche est de simplement avoir le contenu dans 4 cellules d'une table qui glisse dans la vue (selon la direction de la flèche que vous avez utilisée), dans un DIV, et qui a la propriété de débordement pour cacher, ainsi vous pouvez masquer le d'autres cellules et montrent une cellule à la fois. Ensuite, utilisez les fonctions d'animation (fx) pour faire glisser le contenu dans et hors de la vue, peut-être avec des flèches sur lesquelles vous passez votre souris ou cliquez.

Answer 2

Cet effet particulier peut ne pas être encore disponible pour plusieurs navigateurs. Faire perspective se transforme sur un élément DOM donné est possible de deux manières que je connais:

1) extensions spécifiques Renderer, comme Webkit de -webkit-transform

2) rendu l'élément DOM à l'intérieur d'un élément de toile et faire des transformations sur ce

Le problème aveC# 1 est qu'il ne sera clairement pas cross-navigateur. Le problème aveC# 2 est que vous auriez plus ou moins besoin d'écrire votre propre moteur de rendu de balisage complet pour le canevas afin de vraiment tout avoir dans un élément DOM arbitraire.

(OTOH, je ne mettrais pas un ninja JavaScript ambitieux et malin à essayer # 2, donc si je ne l'ai pas encore vu, je ne serais pas totalement surpris si quelqu'un d'autre peut pointer vers quelque chose comme ça ...)