hallo,
ich habe gerade ein tabellenloses Layout gebaut. Ich möchte jetzt einen CSS switcher einbauen. Die Scripte, welche man im Netz findet (z.B http://www.alistapart.com/ oder http://www.stichpunkt.de/css/switch.html ..) funktionieren zwar für "normale" Seiten. Im T3 laufen dies aber nicht!!! Warum???
Ich habe jetzt eine einfachere Lösung gefunden (http://css.fractatulum.net/sample/wechsel.htm). Dieses habe ich im T3 eingebaut und es funktioniert. Leider kann ich dort nicht das default Layout einstellen und es fehlen die Cookies für die Layoutwahl.
Hat jemand eine Idee zu Cookies und default Funktion für folgende Schnippsel...?
im setup des template steht:
page.headerData.10 = TEXT
page.headerData.10.value (
<style rel="stylesheet" type="text/css" title="0">
<!--
@import url(fileadmin/template/a.css);
-->
</style>
<style rel="alternate stylesheet" type="text/css" title="1">
<!--
@import url(fileadmin/template/b.css);
-->
</style>
<style rel="alternate stylesheet" type="text/css" title="2">
<!--
@import url(fileadmin/template/c.css);
-->
</style>
<style rel="alternate stylesheet" type="text/css" title="3">
<!--
@import url(fileadmin/template/d.css);
-->
</style>
<style rel="alternate stylesheet" type="text/css" title="4">
<!--
@import url(fileadmin/template/e.css);
-->
</style>
<style rel="alternate stylesheet" type="text/css" title="5">
<!--
@import url(fileadmin/template/f.css);
-->
</style>
<style rel="alternate stylesheet" type="text/css" title="6">
<!--
@import url(fileadmin/template/g.css);
-->
</style>
<style rel="alternate stylesheet" type="text/css" title="7">
<!--
@import url(fileadmin/template/h.css);
-->
</style>
<script src="fileadmin/template/change.js" type="text/javascript">
</script>
)
das javascript:
function wechsel(num) {
var styles = document.getElementsByTagName('style');
for(var i = 1; i < (styles.length); i++) {
if(i==num) {
styles[i].disabled = false;
}
else {
if(styles[i].getAttribute("title")!="") {
styles[i].disabled = true;
}
}
}
}
function laden() {
var stylenum = 1;
if(stylenum!=-1) {
wechsel(stylenum);
}
}
und im HTML Template:
<a href="javascript:wechsel(0)">Layout 0</a><br>
<a href="javascript:wechsel(1)">Layout 1</a><br>
<a href="javascript:wechsel(2)">Layout 2</a><br>
<a href="javascript:wechsel(3)">Layout 3</a><br>
<a href="javascript:wechsel(4)">Layout 4</a><br>
<a href="javascript:wechsel(5)">Layout 5</a><br>
<a href="javascript:wechsel(6)">ohne CSS</a><br>
<a href="javascript:wechsel(7)">Standart</a><br>
--> LG
peter