Style/Template Changer help

You are not logged in. [Log In] ubbDev » Forums » Community Development » HTML, CSS, Programming and MySQL
» HTML, JavaScript, and CSS » Style/Template Changer help

Topic Options

#109860 - 01/08/04 09:34 PM

Style/Template Changer help

chuggs93 Offline

Junior Member

Registered: 12/11/03
Posts: 13

Im using this code for a style changer

Code:

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

In my head section i have this

Code:

<link rel="stylesheet" type="text/css" href="tcw.css" title="default"/>
<link rel="alternate stylesheet" type="text/css" href="tcw1.css" title="tcw1"/>

Im supposed to be using HREF's to make this work.

Code:

<a href="#" 
onclick="setActiveStyleSheet('default'); 
return false;">change style to default</a><a href="#" 
onclick="setActiveStyleSheet('tcw1'); 
return false;">change style to paul</a>

and it does work. However, how do i convert these to use DROPDOWN's instead of hrefs?

Top

#109861 - 01/09/04 06:37 AM

Re: Style/Template Changer help

Burak

Addict

Registered: 05/29/00
Posts: 1820
Loc: Istanbul, Turkey

try this:

Code:

<script>
function css_drop (select) {
   var value = select.options[select.selectedIndex].value;
   if(value) {
      setActiveStyleSheet(value);
      return false;
   }
   select.selectedIndex = 0;
}
</script>

<form>
<select name="css_drops" onchange="css_drop(this)">
<option>Select a style</option>
<option value="default">change style to default</option>
<option value="tcw1"   >change style to paul</option>
</select>
</form>

_________________________
one bytecode to rule them all

Top

#109862 - 01/09/04 09:17 AM Re: Style/Template Changer help
chuggs93 Junior Member Registered: 12/11/03 Posts: 13	It works, thanks alot!
Top

#109863 - 01/09/04 01:27 PM Re: Style/Template Changer help
chuggs93 Junior Member Registered: 12/11/03 Posts: 13	Is there a way to have a go button or something, because i need it to auto refresh the page..
Top

#109864 - 01/09/04 03:49 PM Re: Style/Template Changer help
Charles Capps Admin Emeritus Registered: 01/09/00 Posts: 5438 Loc: Lynnwood, WA	Oh, that's going to be a problem... When the page reloads, it will default back to whatever the original stylesheet was, forgetting the user choice. In order to remember the user stylesheet pref, you'd probably want to set a cookie, then use a document.write to set the default stylesheet based on that cookie. Of course, you don't want to store the stylesheet name with the cookie, just an identifier to associate with the stylesheet, as to avoid forged cookies causing problems... Confused? %) _________________________ UBB.classic: Love it or hate it, it was mine.
Top

Previous Topic

Index

Next Topic

Hop to: