Découvrez
Digiposte !
Posez votre question Signaler

CSS dynamique, Help!!!! [Résolu]

riders974 99Messages postés 14 octobre 2007Date d'inscription 8 octobre 2011Dernière intervention - Dernière réponse le 18 avril 2008 à 21:07
Bonjour,
Je suis trés embeter, je cherche à appliquer une feuille de style css dynamiquement cad, non pas l'appliquer en (re)chargant une page mais lors d'un clic sans chargement de page par exemple, appliquer un style à toute la page!!
Ma question c'est est il possible de charger une feuille css dynamiquement (sans chargement de page)? si oui, comment??
Merci d'avance!!!!!!!!!!
Lire la suite 

CSS dynamique, Help »

8 réponses
Réponse
+1
moins plus
riders974 99Messages postés 14 octobre 2007Date d'inscription 8 octobre 2011Dernière intervention 18 avril 2008 à 21:07
J'ai finalement trouvé ce que je cherche!!!

C'est pas tout a fait ce que je veux mais c'est un début!!

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;
}
}
}

>>>>>http://www.alistapart.com/articles/alternate/

Merci à R4f qui m'a mis sur la piste ainsi qu'a toi aussi artragis !!!

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
R4f 444Messages postés 13 janvier 2008Date d'inscription 18 avril 2008 à 19:45
http://www.j0k3r.net/news-udasss-pour-changer-de-style-facilement-927.html

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
artragis 485Messages postés 12 juin 2007Date d'inscription 6 avril 2010Dernière intervention 18 avril 2008 à 19:53
essaye ça (ps je ne suis pas sur de moi)
entre <head></head> 
<script language=javascript>function permuter(nouveauCSS)
{
	var nomDuFichier = nouveauCSS.toString()+".css"
document.all.css.src = nomDuFichier
}
</script>
n'oublie pas d'ajouter la propriété name="css" dans le lien vers ta feuille css


entre <body></body> 
<img src = nomdetonboutton.jpg  onclick="permuter(lienverstonfichiercss)"> le lien fichier CSS est à mettre sans .css


c'est pas sur que ça marche. j'ai pour ma part jamais tenté manquant cruellement de place dans les hébergement totalement gratuits sans pub ni restriction.

 Ajouter un commentaire
R4f - 18 avril 2008 à 20:06
manquant cruellement de place dans les hébergement totalement gratuits sans pub ni restriction.

Tu as raison, 100Mo chez Free.fr, c'est ric-rac... ;-)
Ajouter un commentaire
Réponse
+0
moins plus
riders974 99Messages postés 14 octobre 2007Date d'inscription 8 octobre 2011Dernière intervention 18 avril 2008 à 20:17
Merci artragis mais ton code ne fonctionne pas car la balise <link> n'est pas un objet javascript ou peut être il y a t'il d'autre balise pour déclarer une feuille de style??!!

Merci quand même pr ta réponse!!

 Ajouter un commentaire
artragis - 18 avril 2008 à 20:20
si la balise ne fonctionne pas c'est pas la peine. je suis désolé. mais portant LINK fait bel et bien partie du DOM de mozilla et même de IE (formidable non? microsoft et netscape qui s'entendent pour un truc...)

tu as bien mis name="css" dans la balise link?
Ajouter un commentaire
Réponse
+0
moins plus
riders974 99Messages postés 14 octobre 2007Date d'inscription 8 octobre 2011Dernière intervention 18 avril 2008 à 20:27
Oui, j'ai bien mis et comme je travaille avec DreamW, il reconné pas name pour la balise link et y a même une erreur de script "document.all.css à la valeur null ou n'est pas un objet"!!!

 Ajouter un commentaire
artragis - 18 avril 2008 à 20:57
tu as bien de la chance de travailler avec dreamweaver.
sinon mon code est faux, j'ai vu pour quoi.
malheureusement l'objet link de jscript est en fait l'équivalent de <a></a> en html.
donc ça ne marchera pas. de même que tu n'auras pas de name à ton <link> désolé. je ne peux rien de plus pour toi
Ajouter un commentaire
Posez votre question
Ce document intitulé « CSS dynamique, Help!!!! » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook