2010-02-26 10 views
0

La version courte: Est-il possible de passer à des feuilles de style XSL alternatives dans le navigateur, un CSS stylesheet switching?Changement dynamique des feuilles de style XSLT dans le navigateur?

La version longue:

J'ai toujours admiré le CSS Zen Garden; il met en valeur la puissance et la flexibilité des feuilles de style. Cependant, il met également en lumière l'une des grandes faiblesses de CSS: une vue rapide Source révèle une richesse de balises sans valeur sémantique, qui existent uniquement pour donner à la feuille de style de travailler. (Enveloppe de paragraphe <span> s, onion-layering, la demi-douzaine d '"extraDiv" en bas ...)

J'ai déjà joué avec l'idée d'utiliser XSLT pour contourner ce problème; en commençant par un fichier XHTML sémantiquement propre et en utilisant XSLT pour injecter à la fois la feuille de style CSS et tout balisage non sémantique requis par celle-ci. Cependant, il semble y avoir peu de valeur pratique à moins que les feuilles de style XSL puissent être commutées dans le navigateur de la même manière que les feuilles de style CSS. Dans le cas contraire, chaque feuille de style différente entraînera un échec de cache et vous pourriez aussi bien faire le traitement côté serveur.

La prise en charge du navigateur pour le <?xml-stylesheet?> PI semble décent, mais je n'ai pas trouvé de toute façon déclencher des feuilles de style alternatives via JavaScript ou l'interface utilisateur du navigateur (FF, Chrome). Est-ce que quelqu'un d'autre a essayé cela?

Modifier: Oh, et les solutions spécifiques au navigateur sont les bienvenues; c'est juste une expérience, pas quelque chose que je m'attends à utiliser sur un site en direct de sitôt! ;-)

+0

Voulez-vous activer le chargement ou l'interaction de l'utilisateur après le chargement de la page? – Robusto

+0

@Robusto - Comme résultat de l'interaction de l'utilisateur, idéalement. Tout comme les utilisateurs peuvent choisir une feuille de style CSS à appliquer (via JS, le menu View de FF, etc.), j'espère trouver un moyen pour que les feuilles de style XSL soient choisies de la même manière. –

Répondre

2

Au moins pour IE, vous pouvez faire la transformation manuellement dans JScript et écrire le contenu de la transformation dans le document. Voir quelque chose comme this.

This est similaire pour FF.

+0

Je n'y avais pas pensé sous l'angle des transformations manuelles. Merci pour les liens! –

Questions connexes