Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Jeu 17 Juin 2010 - 14:01

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 :
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)';"> 
dans overall_header_new
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>
mais l'ayant pris d'un autre sujet je ne sais pas où le mettre ni si il fonctionne...
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 Very Happy
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

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Ven 18 Juin 2010 - 18:38

Petit up Smile

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Sam 19 Juin 2010 - 17:25

Encore un petit up

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Mar 22 Juin 2010 - 13:52

un up de plus ! Smile

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par quierra le Mer 23 Juin 2010 - 13:11

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 :
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 Very Happy

Bonne journée.

quierra
****

Féminin
Messages : 278
Inscrit(e) le : 22/08/2007

http://themes-fa.com
quierra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Ven 25 Juin 2010 - 14:53

Merci pour cette éclaircissement pour le style Smile J'attends donc un pro du sélecteur de thème pour me répondre.. Irina ? Very Happy

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Lun 28 Juin 2010 - 15:37

personne ? Je ne désespère pas ! Twisted Evil
Je continuerai à vous embeter jusqu'à ce que j'ai une réponse study
en cours

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Mar 29 Juin 2010 - 9:18

Bonjour,
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>
Mais je sais que la syntaxe n'est pas correct, néanmoins, je ne sais pas la corriger...
Quelqu'un pour m'aider ?

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Ven 2 Juil 2010 - 9:12

up !
Je ne pense pas que personne ici ne s'y connaisse en javascript !
Ma demande est-elle mal formulée ?

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Mar 6 Juil 2010 - 11:34

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">');">  -->
(c'est à l'h actuelle en commentaire sur mon forum qui se trouve à cette adresse : http://fillesdelalune.forumperso.com)
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>
Mais alors la grande question c'est où mettre cette balise ??

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 ?
Voilà Smile

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variante Selecteur =>Charger un CSS différent selon où l'on se trouve

Message par Saita le Jeu 8 Juil 2010 - 21:52

Résolu...grace à jQuery et de l'aide ailleurs
Siffleur Clos

Saita
**

Féminin
Messages : 54
Inscrit(e) le : 03/06/2010

http://fillesdelalune.forumperso.com/
Saita a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum