CSS dynamique, Help!!!!

Résolu/Fermé
riders974 Messages postés 114 Date d'inscription dimanche 14 octobre 2007 Statut Membre Dernière intervention 19 mai 2012 - 18 avril 2008 à 19:16
riders974 Messages postés 114 Date d'inscription dimanche 14 octobre 2007 Statut Membre Dernière intervention 19 mai 2012 - 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!!!!!!!!!!

5 réponses

riders974 Messages postés 114 Date d'inscription dimanche 14 octobre 2007 Statut Membre Dernière intervention 19 mai 2012 8
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;
}
}
}

>>>>>https://alistapart.com/article/alternate/

Merci à R4f qui m'a mis sur la piste ainsi qu'a toi aussi artragis !!!
1
R4f Messages postés 441 Date d'inscription dimanche 13 janvier 2008 Statut Membre Dernière intervention 5 mai 2008 62
18 avril 2008 à 19:45
http://www.j0k3r.net/news-udasss-pour-changer-de-style-facilement-927.html
0
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
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.
0
R4f Messages postés 441 Date d'inscription dimanche 13 janvier 2008 Statut Membre Dernière intervention 5 mai 2008 62
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... ;-)
0
riders974 Messages postés 114 Date d'inscription dimanche 14 octobre 2007 Statut Membre Dernière intervention 19 mai 2012 8
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!!
0
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
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?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
riders974 Messages postés 114 Date d'inscription dimanche 14 octobre 2007 Statut Membre Dernière intervention 19 mai 2012 8
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"!!!
0
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
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
0