Page 2 Change The Skin By Vistor - Skins, Themes, and Templates

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

Home All Forums

Home

Using DNN Platf...

Skins, Themes, ...

Change The Skin By Vistor

6/2/2009 2:18 PM

Ahmad Jaber

Joined: 10/6/2008

Posts: 41

Re: Change The Skin By Vistor

Hello

I am getting error using this code , when I click on Blue or red or green it's redirect me to this url :

http://localhost/test/portals/_default/skins/a23/%20loadCssFile%20('/test/Portals/_default/Skins/a23/Green.css');

this is my index.html

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>

<div>

 </div>

 [LOGIN] </div>

</div>

[LOGO]

</div>

[NAV]

</div>

You Are Here :

 <span>[BREADCRUMB]</span>

</div>

</div>

<tr>

</td>

</tr>

<tr>

</td>

</td>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

</div>

[COPYRIGHT]

</div>

 </div>

 </div>

var

</div>a href=" loadCssFile ('<%=SkinPath%>Blue.css');">Blue</a>a href=" loadCssFile ('<%=SkinPath%>Red.css');">Red</a>a href=" loadCssFile ('<%=SkinPath%>Green.css');">Green</a>script type="text/javascript"> sCookie = "UserStyleSheet" //Name of user style sheet Cookie

var

sCssId = "CustomStyle"

var

oLastCSS = readCookie (sCookie); // Get the last stylesheet from the cookie

(undefined != oLastCSS){loadCssFile (oLastCSS);} // Load the last stylesheet saved in the Cookie

function loadCssFile(filename){//Load a stylesheet and saves in a Cookie

createCookie (sCookie, filename, 365);

var oStyleSheet = document.getElementById(sCssId)if (undefined != oStyleSheet) { // If the style link was already added, change the Href

oStyleSheet.setAttribute(

"href", filename)}else{ // Add a Css link

fileref.setAttribute(

document.getElementsByTagName(

}

var fileref=document.createElement("link");"rel", "stylesheet");"type", "text/css");"href", filename);"id", sCssId);"head")[0].appendChild(fileref);

function

date.setTime(date.getTime()+(days*24*60*60*1000));

}

document.cookie = name+

}

createCookie(name,value,days) {if (days) {var date = new Date();var expires = "; expires="+date.toGMTString();else var expires = "";"="+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;

function

createCookie(name,

}

eraseCookie(name) {"",-1);

script>body>html>

Please Help

6/2/2009 3:23 PM

Timo Breumelhof

www.40fingers.net
Joined: 2/9/2006

Posts: 4430

Re: Change The Skin By Vistor

the code I showed can only be used that way in an ASCX skin, not an HTML skin

DNN websites, modules, skins, hosting and support

6/2/2009 5:16 PM

Ahmad Jaber

Joined: 10/6/2008

Posts: 41

Re: Change The Skin By Vistor

Can You please explain in Details , I couldn't do it even in acsx , it's giving same error

6/2/2009 6:38 PM

Armand Datema

Joined: 9/16/2003

Posts: 787

Re: Change The Skin By Vistor

I would go the javascript way not with loading css but much simpler

</div>

in css you can do #Wrapper.red or #Wrapper.blue

then you need functions to write the cookies\

something like

    function saveThemeName(name) {
        setCookie(THEME, name);
    }

    function getThemeName() {
        return getCookie(THEME);
    }

and then you would need to make a dropdown or checkbx to set the skin in your code.

then onload of the page you just check f there is a theme cookie and if yes add the class to the wrapper div

var themeName = getThemeName();
jQuery("#Wrapper").addClass(themeName);

fill in the blanks yyourself

Armand Datema

Get my new skin ( lots of design variations [18 headers, 30 titlebars, 30 breadcrumbs, 3 footers ], 50+ typography containers , 50+ page templates and an online theme builder for unlimited skin variations) Aura>

For all your skin conversions

2DNN

Follow me on Twitter

6/3/2009 11:32 AM

Ahmad Jaber

Joined: 10/6/2008

Posts: 41

Re: Change The Skin By Vistor

I couldn't do that

Page 2 of 2

Home

Using DNN Platf...

Skins, Themes, ...

Change The Skin By Vistor

These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
No Flaming or Trolling.
No Profanity, Racism, or Prejudice.
Site Moderators have the final word on approving / removing a thread or post or comment.
English language posting only, please.

Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

DNN Corp. (DotNetNuke)