26-07-2017, 10:11 AM
Salut,
pas nécessairement: Isometry fonctionne sans JS, en SVG pur (via des ancres et une navigation classique).
On peut faire de même en HTML/CSS sans JS. L'effet de survol (un glow par exemple) n'est rajouté que par le CSS, sous la forme d'un .building-class:hover { filter: url('#svg-filter-id'); } (bien qu'un filtre non-SVG puisse aussi être utilisé). Pour le clic, on peut soit faire du JS et de l'AJAX et réinventer les iframes, soit faire une navigation classique (en changeant de page: faites simple pour vos premières versions!) soit avec un éventuel brin de JS et une iframe (qui remplace aisément l'AJAX avec l'avantage de créer un browsing context dédié, donc d'éviter que les IDs ne se marchent dessus, et la possibilité d'ouvrir ladite frame dans un onglet dédié).
pas nécessairement: Isometry fonctionne sans JS, en SVG pur (via des ancres et une navigation classique).
On peut faire de même en HTML/CSS sans JS. L'effet de survol (un glow par exemple) n'est rajouté que par le CSS, sous la forme d'un .building-class:hover { filter: url('#svg-filter-id'); } (bien qu'un filtre non-SVG puisse aussi être utilisé). Pour le clic, on peut soit faire du JS et de l'AJAX et réinventer les iframes, soit faire une navigation classique (en changeant de page: faites simple pour vos premières versions!) soit avec un éventuel brin de JS et une iframe (qui remplace aisément l'AJAX avec l'avantage de créer un browsing context dédié, donc d'éviter que les IDs ne se marchent dessus, et la possibilité d'ouvrir ladite frame dans un onglet dédié).