Rechercher : dans
Par :

CSS dynamique, Help!!!!

Dernière réponse le 18 avr 2008 à 21:07:51 riders974, le 18 avr 2008 à 19:16:10 
 Signaler ce message aux modérateurs

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!!!!!!!!!!

Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « CSS dynamique, Help!!!! » dans :
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
[Sécurité] IP statique (fixe) ou dynamique ? VoirQu'appelle-t-on IP fixe/dynamique ? Comment choisir son adresse IP ? Que choisir entre adresse IP fixe ou dynamique ? Comment obtenir une adresse IP fixe ? Qu'appelle-t-on IP fixe/dynamique ? Quand vous vous connectez à internet, votre...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

R4f, le 18 avr 2008 à 19:45:23
Répondre à R4f

2

artragis, le 18 avr 2008 à 19:53:00

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.

Répondre à artragis

3

R4f, le 18 avr 2008 à 20:06:31

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... ;-)

Répondre à R4f

4

riders974, le 18 avr 2008 à 20:17:15

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!!

Répondre à riders974

5

artragis, le 18 avr 2008 à 20:20:11

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?

Répondre à artragis

6

riders974, le 18 avr 2008 à 20:27:57

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"!!!

Répondre à riders974

7

artragis, le 18 avr 2008 à 20:57:03

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

Répondre à artragis

8

 riders974, le 18 avr 2008 à 21:07:51
  • +1

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 !!!

Répondre à riders974
Collection CommentÇaMarche.net