Ouai ouai ca marche avec 1 feuille !! Et maintenant avec plusieurs
Alors bon je vais vous dire un peu comment j'ai fait (au cas où des personnes passeraient par là dans le même besoin)
Dans les balises <head></head> j'ai mis :
Code :
- <link rel="stylesheet" type="text/css" href="css.css">
- <link rel="alternate stylesheet" href="css2.css" type="text/css" title="css2">
|
Dans les balises <body></body> j'ai mis :
Code :
- <script type="text/javascript" src="styleswitcher.js"></script>
|
Ce "styleswitcher.js" contient ca :
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);
|
Voilà ^^ (Bien sûr ne croyez pas que j'ai inventé ca toute seule, mais je connais + le nom du site)