Forum Moderators: open

Message Too Old, No Replies

Help with Styleswitcher

need help

         

gonny

11:22 am on Aug 22, 2006 (gmt 0)

10+ Year Member




<HTML><HEAD><TITLE>Unknow document</TITLE>
<LINK title=Default href="css/default.css" type=text/css rel="stylesheet">
<LINK title=Grey media=all href="css/grey.css" type=text/css rel="alternate stylesheet">
<LINK title=Blue media=all href="css/blue.css" type=text/css rel="alternate stylesheet">

<SCRIPT type=text/javascript>
function newEle(type, content, toNode) {
var ele=document.createElement(type), i;
for(i=3; i<arguments.length; i+=2) ele[arguments[i]]=arguments[i+1];
if(content) ele.appendChild(document.createTextNode(content));
if(toNode) toNode.appendChild(ele);
return ele;
}

function setStyle(title){
var linkArr=document.getElementsByTagName('link'), i, link;
for(i=0; link=linkArr[i]; i++) {
if(/alt.*style/i.test(link.getAttribute('rel'))) {
link.disabled=true;
if(title==link.getAttribute('title')) link.disabled=false;
}
}
createCookie('currStyle',title,(360*24*60*60*1000));
}

function createCookie(name, value, time) {
document.cookie = name+"="+escape(value)+
"; expires="+(new Date(new Date().getTime()+time)).toGMTString()+"; path=/";
}

function readCookie(name) {
if( new RegExp(name+'\=([^;]*);','').test(document.cookie+';') ) return unescape(RegExp.$1);
return null;
}

window.onload=function(){
var linkArr=document.getElementsByTagName('link'), link, i, theme=[], title, list, option;
if(title=readCookie('currStyle')) setStyle(title);
for(i=0; link=linkArr[i]; i++)
if(/alt.*style/i.test(link.getAttribute('rel'))) theme.push(link);
if(theme.length>0) {
list=newEle('select','',document.getElementById('control'),'onchange', function(){setStyle(this.value)});
newEle('option' , 'Normale', list);
for(i=0;i<theme.length;i++) {
option=newEle('option', theme[i].title, list,'value',theme[i].title);
if(option.value==title) option.selected=true;
}
}
}
</SCRIPT>
</head>
<body>
<div id=control></div>
</body></html>

<!-----------The Problem---->

Hi all!

I have find the follow script for style switcher and work fine in a HTML page on PC but when I put it on my website doesnt appear the drop down menu, so doesnt work.
I use PHP for my website. How can I make drop down menu manually to work?
...or any other idea about it

Thnx in advance!

adni18

12:17 am on Aug 23, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well, I'm hesitant to point this out (I'm probably wrong, seeing as it looks like you know some complicated syntax [either that or it's completely wrong :o)]) but:

newEle

should that not be

document.createElement

?

Edit: Sorry, didn't see that function there. :P

gonny

9:35 am on Aug 23, 2006 (gmt 0)

10+ Year Member



I try to replace NewEle with document.createElement but I give an error :(

adni18

9:32 pm on Aug 24, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



setStyle(this.value)

should be

setStyle(this.options[this.selectedIndex].value)