begin process at 2012 05 29 00:03:29
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Changer de feuille de style


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Changer de feuille de style

mardi 6 novembre 2007 à 19:19:09 | Changer de feuille de style

Yoshi70

Bonjour,

J'aimerais pouvoir laisser le choix au visiteur de mon site de choisir le theme qu'il veulent pour voir de quoi je parle regarder ici en bas de page à gauche de la page, comment faire?


Merci
mercredi 7 novembre 2007 à 07:18:49 | Re : Changer de feuille de style

coucou747

Administrateur CodeS-SourceS
    for (i=0; (element=document.getElementsByTagName("link")[i]);i++){
        if (element.getAttribute("rel")=="stylesheet"){
            if (element.getAttribute("title")!=null)
                element.disabled=(element.getAttribute("title")==titre_du_style_a_mettre);
            else
                element.disabled=false;
        }
    }
mercredi 7 novembre 2007 à 09:56:03 | Re : Changer de feuille de style

Yoshi70

tu pourrai m'expliquer ce code ou le mettre par exemple ?je doit remplacer quelque chose par quelque chose d'autre comme
titre_du_style_a_mettre= je doit le nom du fichier
mais les autre ?
mercredi 7 novembre 2007 à 12:52:33 | Re : Changer de feuille de style

coucou747

Administrateur CodeS-SourceS
non tu ne mets pas le titre du fichier... tu mets l'attribut title de ta balise link...
t'as des exemples un peu partout sur le net...
dimanche 18 novembre 2007 à 21:13:19 | Re : Changer de feuille de style

Yoshi70

Quelqu'un pourrai m'expliquer ce code car je n'y ait rien compris?



merci
mardi 20 novembre 2007 à 19:31:47 | Re : Changer de feuille de style

PetoleTeam

Membre Club
B onjour,
La fonction de coucou747 ne fonctionne pas, autant utilser celle du site que tu annonces, donc celle de Paul Sowden.

//---------------------------------
function setActiveStyleSheet(title){
  var i, a;
  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;
    }
  }
}

ceci n'est qu'un extrait, l'explication compléte est à cette adresse
[ Lien ]
...c'est en anglais mais bon...

;0)
mardi 20 novembre 2007 à 19:35:39 | Re : Changer de feuille de style

coucou747

Administrateur CodeS-SourceS
elle fonctionne tres bien sous firefox, et je ne l'ai pompee a personne
mardi 20 novembre 2007 à 22:34:21 | Re : Changer de feuille de style

PetoleTeam

Membre Club
Salut coucou747 ,
quand je dis que ta fonction ne marche pas c'est qu'en fait elle ne fait pas ce que l'on attend d'elle, ou plutôt ce que
Yoshi70 désire...

le element.disabled=(element.getAttribute("title")==titre_du_style_a_mettre);
j'ai supposé que le titre_du_style_a_mettre est le title passé en paramètre dans ce cas elle disabled si c'est le bon...

le element.getAttribute("rel")=="stylesheet" suppose que l'on n'utilse pas les styles alternatifs donc le dernier loader est celui appliqué...

elle marcherait, et marche si tu l'écris comme ceci

function setActiveStyleSheet(title){
  for (i=0; (element=document.getElementsByTagName("link")[i]);i++){
    if (element.getAttribute("rel")=="stylesheet"){
      if (element.getAttribute("title")!=null){
        element.disabled=(element.getAttribute("title")!= title);
      }
      else
        element.disabled=true;
    }
  }
}

avec le même effet quelque soit le navigateur.

le mérite, à mon sens, de la fonction
Paul Sowden est qu'elle utilise au mieux les attributs des link et qu'elle répond entièrement au souhait de Yoshi70

je ne l'ai pompée à personne ,
qui a dit cela ?
Il est un fait que quand on cherche à comprendre les choses il nous arrive de réinventer la roue, mais au moins on sait comment elle marche et pourquoi...

;0)


Cette discussion est classée dans : page, style, changer, feuille


Répondre à ce message

Sujets en rapport avec ce message

Changer le style css [ par djagger ] Salut !J'ai créé un menu en javascript avec une feuille de style pour les menus, sous-menus etc ...en gros :   menu 1   <td class Changer de feuille de style CSS pour netscape [ par ericepbc ] Bonjour,Mon site tourne sous Ie mais sous netscape certains tableaux ne se positionnent pas au bon endroit.La position des tableaux est définie en abs Changer la couleur du Body [ par syndrael ] Bonjour, J'aimerais changer la couleur du Body de ma page sachant que celui-ci a été défini dans une feuille de style (fichier externe). 'document.bgC Changer feuille de style selon navigateur [ par hugo7 ] Bonjour à tous cela fait 2-3 jours que je cherche une solution à cette question :Comment changer la feuille de style au chargement de la page en fonct Problème pour changer le document.bgColor dans IE [ par scratchdesign ] Bonjour,J'ai réalisé un site web en flash. Dans l'une des rubriques du site web, je souhaitais changer la couleur de fond de ma page HTML ainsi que la Insertion de javascript dans feuille de style [ par stephaniemaric ] Bonjour,J'ai une feuille de style dont voici le codetable table {margin-top:250px;}div table table, table table table {margin-top:-0;}.banner {width:4 importation du fichier js et css par javascript [ par islamsaadally ] slt tous le monde , je travaille avec des pages jsp sur netbeans et  et j'ai du code javascript  pour une calendrier qui fait appel a une page d'exten Changer feuille css [ par hugo7 ] Bonjour je voudrais savoir comment en javascript changer le thème d'une page maître lors du click sur un bouton. D'avance merci pour vos réponses Changer le code source de la page et qu'il ne se change pas. [ par valiii ] Je cherche un Hack ou une méthode pour changer le scripte sur un jeux facebook. Pour avoir des piéces d'or... Comment mettre plusieurs tableaux distincts sur une même page [ par viking07 ] Bonjour,J'ai un petit soucis. Je souhaiterais mettre plusieurs tableaux avec des variables sur une même page.En fait, un tableau différent en dessous


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,983 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales