Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
Bonjour,
Je suis une experte bidouilleuse de code et je débute grandement dans javascript et CSS.
L'idée de départ était de charger un fond différent selon la section du forum où l'on se trouve.
Ce que j'ai réussi en placant ce code :
Mon premier petit soucis étant que je ne sais pas comment lui dire que le fond ne doit pas se répéter... En CSS je sais ! Mais là, aucune idée..
Sinon maintenant je deviens un peu plus ambitieuse et je voudrais pouvoir charger une autre feuille CSS complète en fonction de la catégorie où l'on se trouve...
J'ai ce bout de code
J'ai testé en decription du forum f6 car j'ai vu qu'on pouvait mettre du javascript en description (ce qui je pense serait super ! => je laisse le overall_header_new tranquille et je charge la feuille CSS correspondante au forum en question où j'aurais mis le code javascript dans la description..), mais j'ai du mal m'y prendre... J'ai testé aussi dans overall_header_new mais sans résultat.
Cependant, au cours des tests j'ai pu constater que un simplet caractère est crutial alors comme je ne connais pas trop le javascript il est fort possible que la syntaxe ne soit pas tout à fait correcte.
Voilà, qui veut bien m'aider
Dslée pour le paté mais je voulais être clair. Bonne journée !
Saita
Je suis une experte bidouilleuse de code et je débute grandement dans javascript et CSS.
L'idée de départ était de charger un fond différent selon la section du forum où l'on se trouve.
Ce que j'ai réussi en placant ce code :
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onLoad="var s=window.parent.location+'';if(s.search(/-f6/)!=-1) document.body.style.backgroundImage='url(http://www.weesk.com/wallpaper/art-digital/compositions-2d/femme-dans-la-lune/femme-dans-la-lune-720px.jpg)'; if (s.search(/-f2/)!=-1) document.body.style.backgroundImage='url(http://a31.idata.over-blog.com/600x450/2/94/46/01/fond-ecran-mer-et-espace.jpg)';">
Mon premier petit soucis étant que je ne sais pas comment lui dire que le fond ne doit pas se répéter... En CSS je sais ! Mais là, aucune idée..
Sinon maintenant je deviens un peu plus ambitieuse et je voudrais pouvoir charger une autre feuille CSS complète en fonction de la catégorie où l'on se trouve...
J'ai ce bout de code
- Code:
<script type="text/javascript">
if(s.search(/-f6/)!=-1)
{
var ieCSS = document.createElement('link');
ieCSS.rel='stylesheet';
ieCSS.href='http://pmsc.free.fr/CSS03/10617130427.css';
ieCSS.type='text/css';
document.getElementsByTagName("head")[0].appendChild(ieCSS);
}</script>
J'ai testé en decription du forum f6 car j'ai vu qu'on pouvait mettre du javascript en description (ce qui je pense serait super ! => je laisse le overall_header_new tranquille et je charge la feuille CSS correspondante au forum en question où j'aurais mis le code javascript dans la description..), mais j'ai du mal m'y prendre... J'ai testé aussi dans overall_header_new mais sans résultat.
Cependant, au cours des tests j'ai pu constater que un simplet caractère est crutial alors comme je ne connais pas trop le javascript il est fort possible que la syntaxe ne soit pas tout à fait correcte.
Voilà, qui veut bien m'aider
Dslée pour le paté mais je voulais être clair. Bonne journée !
Saita
Dernière édition par Saita le Jeu 8 Juil 2010 - 21:53, édité 2 fois
Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
Coucou, alors après avoir testé, tu peux spécifier que l'image ne se répète pas et sa position, par contre ce sera pour tous les fonds, donc ce sera ou une texture pour tous qui va se répéter autant que nécessaire, ou tous les fonds avec la même position etc...
Exemple :
Donc comme tu peux le voir, j'ai rajouté le style au début du body, et prend donc effet pour tous les fonds.
J'ai bien tenté l'attribution à un fond spécifique, mais celui n'est plus lu dès que l'on rajoute le moindre ptit mot.. ou je m'y prends mal !
Pour la 2, je ne saurai t'aider vue que je n'ai pas encore installé de sélecteur de thème et donc aucune idée de comment fonctionne tout ça.
Merci pour ta réponse (MP), je te réponds dans deux secondes
Bonne journée.
Exemple :
- Code:
<body style="background-repeat: no-repeat; background-position: top center;" background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onLoad="var s=window.parent.location+'';if(s.search(/-f6/)!=-1) document.body.style.backgroundImage='url(http://www.weesk.com/wallpaper/art-digital/compositions-2d/femme-dans-la-lune/femme-dans-la-lune-720px.jpg)'; if (s.search(/-f2/)!=-1) document.body.style.backgroundImage='url(http://a31.idata.over-blog.com/600x450/2/94/46/01/fond-ecran-mer-et-espace.jpg)';">
Donc comme tu peux le voir, j'ai rajouté le style au début du body, et prend donc effet pour tous les fonds.
J'ai bien tenté l'attribution à un fond spécifique, mais celui n'est plus lu dès que l'on rajoute le moindre ptit mot.. ou je m'y prends mal !
Pour la 2, je ne saurai t'aider vue que je n'ai pas encore installé de sélecteur de thème et donc aucune idée de comment fonctionne tout ça.
Merci pour ta réponse (MP), je te réponds dans deux secondes
Bonne journée.
Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
Merci pour cette éclaircissement pour le style J'attends donc un pro du sélecteur de thème pour me répondre.. Irina ?
Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
personne ? Je ne désespère pas !
Je continuerai à vous embeter jusqu'à ce que j'ai une réponse
Je continuerai à vous embeter jusqu'à ce que j'ai une réponse
Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
Bonjour,
J'avais oublié de vous signaler quelque chose : voici le code que j'ai testé il y a quelques jours
Quelqu'un pour m'aider ?
J'avais oublié de vous signaler quelque chose : voici le code que j'ai testé il y a quelques jours
- Code:
<script type="text/javascript">
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onLoad="var s=window.parent.location+'';
if(s.search(/-f6/)!=-1) {document.write('<link rel="stylesheet" type="text/css"http://pmsc.free.fr/CSS03/10617130537.css">');}
if (s.search(/-f2/)!=-1) {document.write('<link rel="stylesheet" type="text/css" href=" href="http://pmsc.free.fr/CSS03/10617130427.css">');}">
</script>
Quelqu'un pour m'aider ?
Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
up !
Je ne pense pas que personne ici ne s'y connaisse en javascript !
Ma demande est-elle mal formulée ?
Je ne pense pas que personne ici ne s'y connaisse en javascript !
Ma demande est-elle mal formulée ?
Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
Je poste ici pour faire avancer la discussion. On m'a dit de séparer mon code et voici ce que j'ai répondu :
- Spoiler:
- Bonjour,
Me voilà embarquée il n'y a pas très longtemps dans la création de mon forum et j'avais une idée qui me paraissait faisable :
faire en sorte que chaque sous-forum ou catégorie de mon forum ait son univers à part, en changeant le fond du forum !
j'ai d'ailleurs mis ce tuto à cette adresse : http://zonescript.forumactif.com/scriptactif-f4/proposition-de-script-un-fond-par-sous-forum-ou-categorie-pour-votre-forum-t238.htm#1745
Mais voilà, Les fonds que je voulais ne vont pas avec les traits affichés sur mon forum ni la couleur de l'écriture ect...
Donc je voudrais pouvoir charger tout un fichier CSS sur le même principe...
Voici ce que j'ai testé :- Code:
<!--<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onLoad="var s=window.parent.location+'';if(s.search(/-f2/)!=-1) document.write('<link rel="stylesheet" type="text/css" href="http://fillesdelalune.99k.org/Fichiers%20CSS/f2.css" media="screen">'); if (s.search(/-f6/)!=-1) document.write('<link rel="stylesheet" type="text/css" href="http://fillesdelalune.99k.org/Fichiers%20CSS/f6.css" media="screen">');"> -->
Mais ça ne marche pas...
Etant donné que je ne maitrise absolument pas ni le html, ni le javascript, cela ne m'étonne qu'à moitié, néanmoins, mon forum ouvre dans une semaine et je passe de site en site afin de trouver de l'aide auprès de plus fort que moi..
Pourrez-vous m'aider ?
Merci beaucoup,
Saita
- Spoiler:
- Il y a plusieurs raison. La première viens de la syntaxe.
Tu déclare le début de ton script dans onLoad par des ".
Et tu en réutilise au sain du script. Au premier rencontré la chaine est donc fermée.
Le attribut JS ne sont pas consut pour porter des script complexe mais pour appeler des fonction. Ce serai bien plus clair d'écrire don script à part.
Tu utilise document.write pour intégré la CSS. Ça ajoute donc ta feuille de style en fin de document. Après la balise . Ors celle-ci doit être mise dans le header.
Après, faut il ajouter une CSS complémentaire ? Ou remplacer l'existante ?
Dans le deuxième cas. Il suffi d'identifier le link et modifier son src.
- Spoiler:
- Super de l'aide !
Tu ne peux pas savoir comment cela me fait plaisir !
Bon, imaginons que j'ai une page html à coté avec mon script à l'intérieur comme ceci :- Code:
function changeskin() {
var s=window.parent.location+'';
if(s.search(/-f2/)!=-1)
document.write('<link rel="stylesheet" type="text/css" href="http://fillesdelalune.99k.org/Fichiers%20CSS/f2.css" media="screen">');
if (s.search(/-f6/)!=-1)
document.write('<link rel="stylesheet" type="text/css" href="http://fillesdelalune.99k.org/Fichiers%20CSS/f6.css" media="screen">');
}
Est-ce que ça irait comme ça ?
Je sais que après je dois appeler mon script de cette façon :- Code:
<script type="text/javascript" src="url_de_la_page"></script>
L'autre truc qui me chiffonne c'est que d'après ce que tu me dis, je rajoute/remplace la feuille de style CSS avec ce script.
Est-ce que cela veut dire que a chaque fois que je vais cliquer sur mon forum f2, je vais ajouter ce CSS a mon document ? Si oui, ça risque de devenir lourd à un certain moment ! lol
Ce que je veux, c'est associer un sous-forum particulier de mon forum a un CSS... Après savoir si je veux faire ça en ajoutant un CSS ou en remplaçant l'existant... l'ajout de parait plus sécuritaire (=> si ça ne marche pas, j'ai tjrs l'ancien !)
Mais bon je m'y prend peut-être mal ?
Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve
Résolu...grace à jQuery et de l'aide ailleurs
:clos:
:clos:
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum