2010-02-26 11 views
0

짧은 버전 : 브라우저에서 대체 XSL 스타일 시트로 전환 할 수 있습니까? CSS stylesheet switching?브라우저에서 XSLT 스타일 시트를 동적으로 전환 하시겠습니까?

긴 버전 :

나는 항상 CSS Zen Garden 감탄했습니다; 스타일 시트의 강력 함과 유연성을 잘 보여줍니다. 그러나 CSS의 가장 큰 약점 중 하나에 대해서도 빛을 비 웁니다. 빠른보기 소스는 의미 적 가치가없는 풍부한 태그를 보여 주며 이는 스타일 시트 룸을 작동시키기위한 것입니다. (단락 포장 <span>s, 양파 레이어링, 아래쪽에 "extraDiv"가 있습니다 ...)

저는이 문제를 해결하기 위해 XSLT를 사용한다는 생각을 가지고 놀았습니다. 의미 론적으로 깨끗한 XHTML 파일로 시작하고 XSLT를 사용하여 CSS 스타일 시트와 그로 인해 요구되는 비 의미 론적 마크 업 모두를 주입합니다. 그러나 CSS 스타일 시트를 전환하는 것과 비슷한 방식으로 XSL 스타일 시트를 브라우저에서 전환 할 수있는 경우가 아니면 실제 가치가 거의없는 것 같습니다. 그렇지 않으면 각각의 다른 스타일 시트가 캐시 미스를 일으키고 서버 측에서 처리를 수행 할 수 있습니다.

PI가 괜찮은 것처럼 보이지만 JavaScript 또는 브라우저 UI (FF, Chrome)를 통해 대체 스타일 시트를 트리거하는 것으로 밝혀지지 않았습니다. 다른 사람이 이것을 시도 했습니까?

편집 : 아, 브라우저 관련 솔루션을 환영합니다. 이것은 단지 실험이며, 라이브 사이트에서 곧 사용할 것으로 기대되는 것은 아닙니다! ;-)

+0

로드를 켜거나 페이지가로드 된 후 사용자가 상호 작용 한 결과로 전환 하시겠습니까? – Robusto

+0

@Robusto - 사용자 상호 작용의 결과로 이상적입니다. 사용자가 JS, FF의보기 메뉴 등을 통해 적용 할 CSS 스타일 시트를 선택할 수있는 것처럼 XSL 스타일 시트를 유사하게 선택하는 방법을 찾고 싶습니다. –

답변

2

적어도 IE의 경우 JScript에서 수동으로 변환을 수행하고 변환 내용을 문서에 쓸 수 있습니다. this과 같은 내용을 참조하십시오.

This은 FF와 유사합니다.

+0

수동 변환의 관점에서 생각하지 않았습니다. 링크 주셔서 감사합니다! –

관련 문제