Comments on: Combined Style-Changer/Random Header http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/ ElanMan's Code Snippets Tue, 24 Aug 2010 07:35:21 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Fox http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-169 Fox Mon, 01 Feb 2010 22:13:46 +0000 http://www.elanman.co.uk/?p=366#comment-169 It's been 6 months and i still dont know how to do this style/header switcher thing. But thanks to all the people who tried to help. Fox It’s been 6 months and i still dont know how to do this style/header switcher thing. But thanks to all the people who tried to help.

Fox

]]> By: Fox http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-115 Fox Wed, 19 Aug 2009 15:19:56 +0000 http://www.elanman.co.uk/?p=366#comment-115 Hi, any progress with that request of mine? I just cant seem to figure it out myself. Fox Hi, any progress with that request of mine? I just cant seem to figure it out myself.

Fox

]]> By: ElanMan http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-108 ElanMan Fri, 17 Jul 2009 17:19:37 +0000 http://www.elanman.co.uk/?p=366#comment-108 Hi Fox, I'm not familiar with that script. I'll download it and take a look, see if I can help. Hi Fox,
I’m not familiar with that script. I’ll download it and take a look, see if I can help.

]]> By: Fox http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-104 Fox Sun, 12 Jul 2009 17:39:29 +0000 http://www.elanman.co.uk/?p=366#comment-104 Hi, i'm using a style switcher from <a href="http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm" rel="nofollow">dynamic drive</a>. I need to change my headers everytime my stylesheet changes, but not randomly. One style is called "Flame on", so i need my flame header to show. Thanks in advance. Hi, i’m using a style switcher from dynamic drive. I need to change my headers everytime my stylesheet changes, but not randomly. One style is called “Flame on”, so i need my flame header to show.

Thanks in advance.

]]> By: BlueCougar http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-23 BlueCougar Sat, 14 Mar 2009 00:42:12 +0000 http://www.elanman.co.uk/?p=366#comment-23 Oh wow I just realized that my scripts code snip didn't show up in my last comment, sorry. Anyway, I fixed the code to be just like you said, all the titles are uppercase and the images don't include folder names. But still no luck, it's the same as before. The header image(s) won't show, and the style switcher won't work. This is the test page I'm seting it up on if you want to see, [ http://www.freewebs.com/bluecougarstudio/newlayout.html ] Oh wow I just realized that my scripts code snip didn’t show up in my last comment, sorry.
Anyway, I fixed the code to be just like you said, all the titles are uppercase and the images don’t include folder names.
But still no luck, it’s the same as before. The header image(s) won’t show, and the style switcher won’t work.
This is the test page I’m seting it up on if you want to see,
[ http://www.freewebs.com/bluecougarstudio/newlayout.html ]

]]> By: ElanMan http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-22 ElanMan Wed, 11 Mar 2009 09:45:00 +0000 http://www.elanman.co.uk/?p=366#comment-22 Hi, try changing your RandImg() function to the modified one in my last comment. Notice that the array 'pictures' doesn't include the folder names, just the image names. The folder names are dynamically created to be the same as the 'title' attributes for the stylesheets. So, if your title is 'lightson', the RandImg() function searches for images in the /lightson folder. At the moment, I notice that your titles are in lowercase i.e. 'lightson' but your folder names use uppercase i.e. 'LightsOn'. This won't work so change your folder names to lowercase too. Once again, let me know how you get on. Hi, try changing your RandImg() function to the modified one in my last comment.
Notice that the array ‘pictures’ doesn’t include the folder names, just the image names.
The folder names are dynamically created to be the same as the ‘title’ attributes for the stylesheets. So, if your title is ‘lightson’, the RandImg() function searches for images in the /lightson folder. At the moment, I notice that your titles are in lowercase i.e. ‘lightson’ but your folder names use uppercase i.e. ‘LightsOn’. This won’t work so change your folder names to lowercase too.
Once again, let me know how you get on.

]]> By: BlueCougar http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-21 BlueCougar Tue, 10 Mar 2009 23:28:00 +0000 http://www.elanman.co.uk/?p=366#comment-21 I don't know if it matters, but I don't have the scripts right on my page, I link to them, for example: <code></code> Besides that, I followed your instructions, and fixed my code but now on my test page the header and content images don't show and the second style sheet refuses to work. [ http://www.freewebs.com/bluecougarstudio/styleswitcher.js ] here's my .js page, I troubleshooted quite a bit, I don't know if I did anything wrong...if I did I couldn't find it. I don’t know if it matters, but I don’t have the scripts right on my page, I link to them, for example:
Besides that, I followed your instructions, and fixed my code but now on my test page the header and content images don’t show and the second style sheet refuses to work.
[ http://www.freewebs.com/bluecougarstudio/styleswitcher.js ] here’s my .js page, I troubleshooted quite a bit, I don’t know if I did anything wrong…if I did I couldn’t find it.

]]> By: ElanMan http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-20 ElanMan Mon, 09 Mar 2009 10:01:24 +0000 http://www.elanman.co.uk/?p=366#comment-20 OK, I've had a quick look. This should hopefully work. Inside your existing <script> tags, define a slightly modified randImg() function, like this: <p class="code"><code> function randImg(folder) { var header = document.getElementById('header'); var pictures = new Array('/image1.jpg','/image2.jpg','/image3.jpg','/image4.jpg','/image5.jpg'); var numPics = pictures.length; var chosenPic = Math.floor((Math.random() * numPics)); header.style.background = 'url(' + folder + pictures[chosenPic] + ')'; } </code></p> and then call the randImg() function from inside your existing setActiveStyleSheet() function like this: <p class="code"><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; } } randImg(title); } </code></p> For this to work, you'll need to name your image folders the same as the title attributes of your stylesheets. Hope that makes sense! Let me know how you get on :) OK, I’ve had a quick look. This should hopefully work.
Inside your existing <script> tags, define a slightly modified randImg() function, like this:


function randImg(folder) {
var header = document.getElementById('header');
var pictures = new Array('/image1.jpg','/image2.jpg','/image3.jpg','/image4.jpg','/image5.jpg');
var numPics = pictures.length;
var chosenPic = Math.floor((Math.random() * numPics));
header.style.background = 'url(' + folder + pictures[chosenPic] + ')';
}

and then call the randImg() function from inside your existing setActiveStyleSheet() function like this:


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;
}
}
randImg(title);
}

For this to work, you’ll need to name your image folders the same as the title attributes of your stylesheets. Hope that makes sense!
Let me know how you get on :)

]]> By: ElanMan http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-18 ElanMan Sat, 07 Mar 2009 19:34:09 +0000 http://www.elanman.co.uk/?p=366#comment-18 @BlueCougar I'll have a look at the code you're already using and see if I can integrate the random header for you. I'll reply to this post with the results. :) @BlueCougar
I’ll have a look at the code you’re already using and see if I can integrate the random header for you.
I’ll reply to this post with the results. :)

]]> By: BlueCougar http://www.elanman.co.uk/2009/03/combined-style-changerrandom-header/comment-page-1/#comment-17 BlueCougar Sat, 07 Mar 2009 16:53:35 +0000 http://www.elanman.co.uk/?p=366#comment-17 This is really great. But I do have a small problem, I used this method, [ http://www.alistapart.com/articles/alternate/ ] in creating my style switcher it works well and has the cookie code so the pages stay in the same style...I don't suppose you have a quick code snippet for enabling random headers that goes with this code? If it's to much of a bother I'll wait for when you add that javascript snippet on cookies, so I can use this nice code you've made. Thanks very much for adding this This is really great. But I do have a small problem, I used this method, [ http://www.alistapart.com/articles/alternate/ ] in creating my style switcher it works well and has the cookie code so the pages stay in the same style…I don’t suppose you have a quick code snippet for enabling random headers that goes with this code?
If it’s to much of a bother I’ll wait for when you add that javascript snippet on cookies, so I can use this nice code you’ve made. Thanks very much for adding this

]]>