Selecteur de thèmes incompatible avec IE (grrrrr)

[Elwynn]

Eh bien voilà, je viens demander de l'aide sur un script que je me suis efforcé de construire, vu que personne n'a encore réussit à créer un sélecteur de thèmes qui fonctionne pour forumactif. J'ai entre autres collecté des infos un peu partout pour en arriver là, vu que je m'y connais que très très peu en script. Il s'agit d'un sélecteur de thèmes pour forumactif (phpbb), qui est censé permettre à l'utilisateur de choisir un des thèmes que j'ai créé pour l'affichage du forum concerné. Forum que je n'ai pas ré-hébergé, je précise.

Alors ... J'ai mon script, la fonction du sélecteur marche bien, mais voilà le hic ... Incompatibilité notoire avec internet explorer ... Mmmm ... Bien ... le soucis est que sur IE, je ne vois que la bannière du forum concerné ... Sous firefox ça marche bien mais sous IE ça rend le fofo inaccessible sauf le header ...

Je me doute évidemment que ce genre de fonction cookie (puisque selon moi et d'autres, c'est de cela qu'il est question), n'est pas compatible. C'est pourquoi, je souhaitais demander l'aide d'un codeur, afin de trouver une alternative ou une solution à ce code ... Un autre script, une correction de celui-là ... Je ne sais pas si c'est possible, mais cela ne me semble pas inaccessible.

Merci de m'éclairer ...
Ci joint, le script en question, censé changer de css à volonté.

D'ailleurs, j'ai remarqué qu'il ne permettait pas de changer les images du fofo (bannière et boutons) ... Est-il possible de le faire ?? Boaf, au pire je me contenterai de changer les couleurs, mais si il existe mieux, tant qu'à faire ... En effet, ce script est très attendu par les webmestres et ce serait bien de le terminer enfin ... (ref. divers sujets restés sans réponses).

Voilà ... Merci de m'avoir lu jusqu'au bout, et d'avance merci pour vos réponses ! Tchoooo !

Code:

document.write('<style body {margin-top:250px !important;}</style>'); document.write('<div style="position: absolute; width: 304px; height: 38px; z-index: 1; left: -60px; top: 15px" id="skinselector"><form><select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option> Change Skin </option><option value="DELTA"> DELTA </option><option value="ATLANTIS"> ATLANTIS </option><option value="LEMURIA"> LEMURIA </option><option value="ABYDOSS"> ABYDOSS </option><option value="CYDONIA"> CYDONIA </option><option value="SOLARIS"> SOLARIS </option><option value="ORIGYA"> ORIGYA </option></select></form></div>');
var scheme = getCookie('template1');
if (scheme == 'DELTA') {
document.write('<link MEDIA="screen" REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841012931.css">');
} else if (scheme == 'ATLANTIS') {
document.write('<link MEDIA="screen" REL="stylesheet" REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841013438.css">');
} else if (scheme == 'LEMURIA') {
document.write('<link MEDIA="screen" REL="stylesheet" REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841013838.css">');
} else if (scheme == 'ABYDOSS') {
document.write('<link MEDIA="screen" REL="stylesheet" REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841015301.css">');
} else if (scheme == 'CYDONIA') {
document.write('<link MEDIA="screen" REL="stylesheet" REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841015613.css">');
} else if (scheme == 'SOLARIS') {
document.write('<link MEDIA="screen" REL="stylesheet" REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841015802.css">');
} else if (scheme == 'ORIGYA') {
document.write('<link MEDIA="screen" REL="stylesheet" REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841020021.css">');
}

//No need to modify anything below this line
function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}
function getCookie(name){
var cname = name + "=";
var dc = document·cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document·cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}

[Elwynn]

up please !!

[Carlito nada mas]

Je sais que cela est sur le support espagnol, mais un skin selector fonctionne et est déjà créé :

http://asistencia.foroactivo.com/tutoriales-f11/skin-selector-t6186.htm#32306

Après si vous voulez la traduction je peux m'en charger !

[Elwynn]

Alors d'abord merci pour ton aide ...

Sinon, franchement, cela ne serait pas de refus. Mon espagnol n'est pas ce qui a de plus précis et pour ce genre de chose ...

Par contre, si cela te coute de trop, j'ai sur mon fofo la pro de l'espagnol. Je lui demanderai va ... Au pire je te retiens au jus si elle désespère de trop.

En tout cas merci encore de ton aide et pour le lien ... Je vais voir ça de suite.

[Elwynn]

Eh bien j'ai enfin réussit !!!!

Merci de ton aide, vraiment merci merci merci merci merci ........... ok, j'arrête.

Franchement, je sais pas quoi dire d'autre ... Ah oui, j'en ferai profiter qui veut, en écrivant un ptit tuto pour les nuls ...

Encore merci donc à toi ...

ps : Pour le fait que le script ne permet pas de changer les images ... Peut-on faire quelque chose ??

Je me vois mal proposer à forumactif de placer les images dans le css ... Ce serait la seule soluition puisque c'est un css que j'héberge. Du coup le script ne prends que les couleurs et les écritures. Les images restent celles du forum hôte.

Enfin ... Si j'ai pas le choix, je proposerai ça dans la rubrique appropriée ...

En attendant, cela me dépanne amplement vu que je souhaitais changer surtout les couleurs. Après, évidemment, ce serait bien pour mes "clients", vu que je suis graphiste et que je compte bien proposer cette option aussi souvent que possible. (plus de taff dit ... enfin bref, vous m'aurez compris).

Voilà donc, je suis heureux que ce sujet prenne fin. Enfin une bonne nouvelle ! Merci Mr Carlito de nous avoir permit de pomper sur nos voisins espagnols ce que nos concitoyens ont été incapables de nous donner. Na !

[Alexarbitre]

Bonjour,

Le script entier :

<!-- Start@JavaScript -->
document.write('<style>body {margin-top:50px !important;}</style>');
document.write('<div style="position: absolute; width: 304px;
height: 38px; z-index: 1; left: -60px; top: 15px"
id="skinselector"><form>
<select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();">
<option> Titre </option>
<option value="Skin_1"> 1° Skin </option>
<option value="Skin_2"> 2° Skin </option>
<option value="Skin_3"> 3° Skin </option>
<option value="Skin_4"> 4° Skin </option>
</select>
</form></div>');
var scheme = getCookie('template1');
if (scheme == 'Skin_1')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_1.css">'); }
else if (scheme == 'Skin_2')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_2.css">'); }
else if (scheme == 'Skin_3')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_3.css">'); }
else if (scheme == 'Skin_4')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_4.css">'); }

function changeskin(change)
{
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) '/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}

function getCookie(name)
{
var cname = name "=";
var dc = document·cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin = cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
{
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document·cookie = name "=" escape(value)
((expires == null) ? "" : "; expires=" expires.toGMTString())
((path == null) ? "" : "; path=" path)
((domain == null) ? "" : "; domain=" domain)
((secure == null) ? "" : "; secure");
}
<!-- End@JavaScript -->

Comment le modifier ?

<option> Changer de Skin </option>
<option value="Skin_1"> 1° Skin </option>
<option value="Skin_2"> 2° Skin </option>
<option value="Skin_3"> 3° Skin </option>
<option value="Skin_4"> 4° Skin </option>

Cette Partie que vous appercevez au début du script, Commande le changement de Skin par un choix déroulant
Vous changez Les valeurs en couleurs par ce que vous voulez voir apparaitre comme titre dans le menu déroulant pour chaque skin.

if (scheme == 'Skin_1')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_1.css">'); }
else if (scheme == 'Skin_2')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_2.css">'); }
else if (scheme == 'Skin_3')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_3.css">'); }
else if (scheme == 'Skin_4')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_4.css">'); }

Cette partie est plus complexe.
Vous remplacez les valeurs en vert par les liens d'hébergement de vos skins en fichier .css .
Pour avoir le fichier css qui détermine le skin d'un forum, allez dans :
PA => Thèmes => Couleurs => Onglet " Feuilles de style CSS " (a droite) => " Voir le CSS de base de mon forum ".
Un code va s'afficher dans le bloc notes : enregistrez le sur votre ordi avec l'extension .css .
Ensuite, allez héberger ce fichier sur un hébergeur ( là je ne vous aide pas, dites merci à google de ma part ).

Vous avez plus de 4 skins ?
Copiez cette portion de code à la suite autant de fois que vous avez de skins à mettre :

else if (scheme == 'Skin_N')
{ document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_4.css">'); }

En changeant la valeur N par le numéro de votre skin.

N'oubliez pas de rajouter dans votre menu déroulant cette portion pour qu'on puisse choisir ce skin :

<option value="Skin_N"> N° Skin </option>

Voilà pour la modification.

Comment l'installer sur mon forum ?

Une fois votre script complété, copiez tout le script sur un éditeur de texte ( word par exemple ), et enregistrez-avec l'extension .js Maintenant, allez héberger ce fichier sur un hébergeur qui accepte les fichiers js. ( Toujours google )

Hébergé ?

Maintenant, allez dans :

PA => General => Configuration
et copiez le code suivant dans " description du site " :

<script src="Adresse-du-fichier-hébergé.js></script>

=> Validez

Voilà c'est tout

Merci à Carlito nada mas pour avoir trouvé ce script
Merci à Elwynn de nous avoir supplié de trouver un script qui marche, car ça va servir à tout le monde .
Merci à Damien d'être billingue.

Testé et approuvé sous IE 6

---

Il serait bon de faire une MAJ du tuto incompatible IE du FdF avec ce tuto .

[EDIT] > Grrr

[Alexarbitre]

[OUPS] : Elwynn : j'étais en train de mettre en forme

Pour les images dans le CSS, prends le CSS de la manière décrite

[âme]

Superbe travail Elwynn !!!
Bravo et très beau forum !

[Alexarbitre]

Oui, j'ai vu ça, magnifique .

Moi je me débrouille plutôt mal que bien avec photofiltre ( mes 5 derniers avatars ), donc je me tourne plutôt vers les scripts ^^

[âme]

Je serais du genre contraire, graphiste et pas (scripteuse ?)bref, pas script

C' est pour ça que j' admire ceux et celles qui font un travail extraordinaire juste avec des débuts de codes et qui au final, nous offre, de superbes scripts & options !

Sacré boulot Elwynn chapeau bas !!!

[Gohlam]

Il serait bon de mettre ce topic dans les astuces ou les questions fréquemment posées non?

[âme]

ça, c' est à voir entre Elwynn et les responsables du FDF

[Elwynn]

Eh bien merci pour vos compliments ! C'est en effet un travail de longue haleine mais j'en suis assez content. fier quoi. Mes fofos c'est ma vie. Nous écrivons en effet un roman en ligne, en temps réel, et avec une communauté entière d'amis (dans la vie ou trouvés de ci de là sur le net).

C'est une aventure trippante qui méritait un design trippant et aussi un sélecteur de thème ! ninii ! En effet, mes fofos jdr ont tous une couleur et je souhaitais que le forum de support reprenne les couleurs des jdr. Facile mais sympa !

Sacré boulot Elwynn chapeau bas !!!

Oh tu sais, c'est toujours en trichant qu'on a de meilleurs résultats ! mdr.
Au fait. A ceux qui m'ont aidés, et que je remercierai une fois de plus d'ici la fin de ce post, je propose mes services en design, et avec le sourire en plus ... (s'ils le souhaitent bien sur). Faut toujours encourager l'entraide selon moi et le temps n'est jamais perdu s'il est donné aux autres m'a-t'on dit.

Sinon, je créé aussi pleins de thèmes par ci par là alors vous verrez peut-être ma patte quelque par sur le net. genre "le royaume de babylone" ou "terra vampiris" ou encore "newplanète" (google search).

Alors pour en revenir au sujet (dsl je m'emporte facilement), je remercie Alexarbitre vraiment beauuuuuuucoup ! Nous qui nous étions mal compris, finalement, ça à servit à autre chose ... ( )

Enfin un truc qui se résout "assez" rapidement et qui marche.

Pour autant, la marche à suivre (qui est très bien expliquée au passage), est incomplète il me semble.

Il ne faut pas oublier de mettre le code du sélecteur (la première partie du code) sur une seule ligne. Sinon marche pas ...

-> code à mettre sur une ligne :

Code:

document.write('<div style="position: absolute; width: 304px;
height: 38px; z-index: 1; left: -60px; top: 15px"
id="skinselector"><form>
<select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();">
<option> Titre </option>
<option value="Skin_1"> 1° Skin </option>
<option value="Skin_2"> 2° Skin </option>
<option value="Skin_3"> 3° Skin </option>
<option value="Skin_4"> 4° Skin </option>
</select>
</form></div>');

Ca c'est fait ...

Ah oui aussi :

Pour les images dans le CSS, prends le CSS de la manière décrite

Dsl, mais c'est la méthode que j'ai utilisé et ça prend pas la bannière et les boutons, barre de nav' etc ... Ca prend que le fond ... (c'est déjà bien, j'ai eut de la chance)

Une autre manière de prendre le css complet avec les images ?? alors là ... C'est un autre combat j'ai l'impression. Alexarbitre une idée pour peut-être modifier le script et ajouter (même à la main ... Arrrr ...) les images d'un fofo ??

D'ailleurs, puisqu'on aborde ce sujet, il faut absolument (si on a un fond fixé avec le scipt transparent de sandream), le refaire dans le panneau d'admin du forum où l'on prends le css ... Sinon, le fond n'apparaitra pas.

Voilà ... C'est tout ce qui me viens au premier abord, mais je retoucherai le tuto d'Alexarbitre afin de préciser cela et d'autres détails sympathiques. (si bien sur il est d'accord) ... Je suis là sinon, pour toute question en attendant ...

Je vais tenter de contacter quelqu'un de l'équipe afin de pouvoir donner accès à tous à cette manip', qu'elle est super bonne pour les graphistes de tout poils ! (et même sans poils) ...

Bien. Sur ce, je remercie encore une fois (une dernière), tout ceux qui m'ont aidés dans cette entreprise fastidieuse et y ont participés, vu que je suis nul en script graaaaave.

soit :

- Ze chaofan. (pour son soutiens et ses conseils)
- Alexarbitre. (pour sa contribution et ses conseils, et son tuto etc)
- Carlito nada mas. (pour ses liens et son intérêt)
- Les espagnols du coup (lol)
- FremyCompany (pour son intéret)
- Matthieu2000 (pour son intéret)
- Et enfin le courage !!!! lol

Merci aux autres que j'ai peut-etre oubliés commeGolham et ame_de_. Comme quoi, c'est un travail d'équipe franco-espagnol ... mdr. Ya qu'ça d'vrai !

Voilà. C'est très cool en tout cas !

[âme]

ça c' est du message !!!

Pour sûr qu' il en faut du monde pour arriver à un tel résultat.
Le soutien, la présence et la patience sont des mots maitre dans ce genre de défi que tu t' ai lancé et même si je sais que je n' aurais jamais ce genre de script sur mes fofos (rien capté à tout ça), j' ai vu le résultat chez toi et vous avez fait une sacrée équipe toi et tous les nommés ci-dessus !

[Elwynn]

Je vous tire ma révérence mamselle ! Très bien dit et conclut !

Je me permet d'ajouter que si tu veux ça dans tes fofos, sur terra delta je propose ce genre de service ... cherche sur google, j'ai pas envie de faire genre le gars qui essaye de placer sa pub.

Si tu me donnes les css ou tes accès, je peux même te le faire. Je peux même t'aider à créer des thèmes (mais pas trop vite car avec le taff que j'ai ...)

Sinon, je peux aussi t'expliquer pas à pas. Tu verras mon tuto sera pour les extra nuls comme nous deux ! lol ! De la ri-go-lade !

[âme]

Pas besoin de notre ami google, j' ai remarquer une petite mapmonde qui te sert d' url sous ton avatar, donc je sais où trouver Terra, et dès que j' ai 5 minutes, je viendrais avec plaisir.
Merci pour ton invitation !

[Alexarbitre]

Voilà ... C'est tout ce qui me viens au premier abord, mais je retoucherai le tuto d'Alexarbitre afin de préciser cela et d'autres détails sympathiques. (si bien sur il est d'accord) ... Je suis là sinon, pour toute question en attendant ...

Désolé, mais touts mes posts sont sous copyright .
Mais non, je rigole, envoie par MP ta version complète du tuto et j'éditerai mon post

[Elwynn]

ouais oki. Sinon, j'vais d'abord attendre une solution concernant les images pour faire le tuto.

[Orphée]

Bonjour à tous j'ai essayer de suivre toutes les étapes pour créer tout les fichier servant au script final et lorsque je le met en place dans le panneau d'admi rien ne se passe je n'arrive pas à trouver ou sélecter les thèmes pourriez vous m'aidez?

[Elwynn]

Orphée, envoie moi un mp ... Je tâcherai de t'aider dans ta demande et de te montrer un exemple etc .................

Ici, en attendant une solution définitive, je préfère ne rien dire de plus. Nous attendons toujours une réaction d'un scripteur ou aidactif (et à part Alexarbitre, je suis pas persuadé que tous méritent leurs étoiles de shérif), pour nous permettre d'améliorer, de peaufiner, le code déjà en cours de propagation.

Faut dire que ça se bouscule pas pour nous filer la main ...

Je préfèrerai effectivement aider quelqu'un dans un sujet adapté ... Un tuto définitif quoi ... (ici on cherche à finir ce qu'on a commencé ... Pour l'aide on fera ça ailleurs).

De plus, le script n'en est qu'à ses balbutiements car il ne permet pas encore d'intégrer les images comme la bannière et les boutons ... Cela permet juste de changer de background et de couleurs, de polices ...

Si cela t'intéresse toujours, MP ... Sinon, rdv dans quelques temps pour un script plus aboutit et un tuto pour les nuls comme moi et d'autres ......

En espérant que les trois quart du boulot qu'on s'est déjà tapés, fera avancer le quart qui reste pour que tous aient accès à cela ...

[démonish]

Salut, après des semaines d'essais, et encore une après midi a tenter d'utiliser ce script, j'y suis enfin arriver

Pour le moment, je ne change que l'image de fond et les couleurs, et je souhaiterai hardament modifier aussi la bannière.

Mais l'adresse du logo n'est pas déclarer ds le css, dc ça va être difficile....

En tout cas merci, mes utilisateur peuvent ainsi personnaliser leur forum.

[démonish]

Bon, j'ai triché un peu, mais désormais, ma bannière change pour chaque thème.

En effet, a chaque thème correspond une image de fond ainsi qu'une bannière.

J'ai donc placé précisément sur chaque image de fond sa bannière associée.

Ensuite, j'ai mis une image transparente de la taille de la bannière dans "Thème >> Gestion Rapide des Images" >> Logo

Cela a pour effet de déplacer vers le bas le forum pour laisser apparaitre la bannière qui est sur l'image de fond.
Bien sur pour éviter que le forum ne glisse/défile sur la bannière, il ne faut pas fixer l'image de fond. (celle ci doit se déplacé avec le forum)

Résultat, à chaque fois que mon image de fond change, la bannière aussi car il s'agit en fait de la même image.

Je ne sais pas si j'ai étais assez clair, je vous linkerer mon forum pour les curieux.

[Elwynn]

Oui, mais en effet, fixer le fond est obligatoire pour changer les thèmes, sans avoir le fond qui n'apparait qu'une fois au milieu de forum.

Je pencherai plutôt pour la technique d'Alexarbitre, qui permettrait d'insérer dans le css, la bannière et les boutons ...

En effet, ce script marche pour un fond fixe (si fond l y a sinon ta technique est très bien). Fixer le fond est en soi une option dont je ne peux me passer.

Enfin, met ton lien, cela intéressera certainement quelques personnes dont les attentes ne sont pas les miennes. Et encore merci pour ta participation.

Je me permet d'ailleurs d'implorer Alexarbitre de trouver le temps de se pencher sur la question ... Allez, encourageons le ! A-lexarbitre ! A-lexarbitre !!!! Ouaiiiiiiiiiiiss ! Et une ovation une !!

[SanDream]

Coucou,

je peux apporter ma pierre si ça vous intéresse :
-> comment changer la bannière tout simplement :

Code:

if (scheme == 'Skin_1') {
  document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_1.css">');
  if (document.getElementById('logo')) { // phpBB3
    document.getElementById('logo').innerHTML = '<img src="URL_Bannière_Skin1" />'
  } else { // phpBB2
    document.getElementById('i_logo').src = 'URL_Bannière_Skin1' ;
  }
} elseif {
...
}

Autre chose sympa, c'est de mettre dans la liste SELECT, le style en cours ; il suffit de faire 2 modif' :
Rajouter l'attribut id dans la balise SELECT, par exemple :

Code:

<SELECT id="id_theme" ... ><OPTION> ...

et rajouter après la ligne

Code:

var scheme = getCookie('template1');

ceci :

Code:

document.getElementById('id_theme').value = scheme ;

SanDream

[SanDream]

J'ouvre un autre post pour expliquer pour les boutons :

Chaque image contient un id,
pour l'accueil, il s'agit de i_icon_mini_index
pour le portail, i_icon_mini_portal
....

Donc, il suffit de rajouter le code pour chaque theme :

Code:

if (scheme == 'Skin_1') {
  document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://HOJAS_DE_ESTILOS/SKIN_1.css">');
  if (document.getElementById('logo')) { // phpBB3
    document.getElementById('logo').innerHTML = '<img src="URL_Bannière_Skin1" />'
  } else { // phpBB2
    document.getElementById('i_logo').src = 'URL_Bannière_Skin1' ;
  }
  if (document.getElementById('i_icon_mini_index'))
    document.getElementById('i_icon_mini_index').src = 'URL_Bouton_Accueil_Skin1' ;
  if (document.getElementById('i_icon_mini_portal'))
    document.getElementById('i_icon_mini_portal').src = 'URL_Bouton_Portail_Skin1' ;
  ...
} elseif {
...
}

Vous pourvez voir que je fais le test de savoir si l'id existe car si on change l'adresse d'un id qui n'existe pas, tout le code plante et plus rien ne marche ; pourquoi tester l'existence de l'id ? Car les boutons ne sont pas les mêmes entre un invité et un inscrit (membres, groupes, connexion/déconnexion, ...)

SanDream

[SanDream]

Et voici un 3ème message pour alléger le code :

Au lieu de faire des tests sur scheme, == Skin1 ou == Skin2 ou ...
Le mieux est d'avoir un espace perso et de créer autant de répertoire que de thème : créer les répertoires Skin1, Skin2, ... et de mettre dans chaque répertoire, les fichiers style.css, banniere.jpg, bouton_accueil.jpg, bouton_portail.jpg, ...

Et le code deviendrait :

Code:

var scheme = getCookie('template1');
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="URL/Themes/' + scheme + '/style.css">');
if (document.getElementById('logo')) { // phpBB3
  document.getElementById('logo').innerHTML = '<img src="URL/Themes/' + scheme + '/banniere.jpg" />'
} else { // phpBB2
  document.getElementById('i_logo').src = 'URL/Themes/' + scheme + '/banniere.jpg' ;
}
if (document.getElementById('i_icon_mini_index'))
  document.getElementById('i_icon_mini_index').src = 'URL/Themes/' + scheme + '/bouton_accueil.jpg' ;
if (document.getElementById('i_icon_mini_portal'))
  document.getElementById('i_icon_mini_portal').src = 'URL/Themes/' + scheme + '/bouton_portail.jpg' ;
... pour les autres boutons

[Elwynn]

Ta pierre ????
Un rocher oui !!

Oh sandream !! Le graal !! L'internaute que l'on attendait pas !!!
mdr

Franchement merci de ta participation, mais je croyais que tu n'étais qu'un mythe ! lol ! Eh bien je pourrais dire que j'ai été aidé par les meilleurs alors !

Par contre, euh ... Woao !!!

je pense avoir besoin d'un peu de temps (d'aide même sinon ça se compte en années ! lol) pour étudier tout ça car je suis nuuuuuuuul en script. Ce qui je sais n'est pas ton cas ... D'ailleurs ton script pour transparence est génial et rien que pour ça je te dis bravo ! Trop simple et finalement efficace et pas lourd et tout ...

Bravo donc ...

Bien, avant de revenir au sujet, et vu que j'ai l'élu sous la main (mdr, allez, j'arrête), je souhaitais savoir si il y avait possibilité de faire comme pour la transparence ... Un genre de site comme pour le script en question. Je pose cette question à tout hasard car la demande est apparemment forte. Je fais des thèmes un peu partout et tous attendent ça avec impatience et encore c'est que les gens qui sont au courant alors imagine.

Après, j'imagine aussi que "serveur", "place", "travail" ... Enfin, j'abuserai pas sur ce sujet si c'est galère ...

Pour en revenir a la discussion et à ce que tu nous proposes, penses-tu (ça me gène après le coup de pouce de demander un autre service), pouvoir nous écrire un script final avec emplacements à remplir etc ... Prends sur mon script qui contiens six css en cas et par pitié, met le complet avec ce qui a a changer en rouge ou un truc comme ça.

Je pense qu'Alexarbitre pourrait le faire, mais il en a déjà fait beaucoup et le temps semble lui manquer. Mais après tout c'est peut-être aussi ton cas.

Si je me permet de te demander ça, c'est que j'y pige pas grand chose et plutôt que de m'arracher les cheveux ... c'est la misèèèèèère ...

En tout cas, merci, merci encore de ton aide ... C'est limite magique après tout les tutos que j'ai dut éplucher et qui marchaient pas du tout ....

En attente de ta réponse, je le redit allez, merci à toi !

script en question presque pas finit du coup ! lol :

[code]document.write('<style>body {margin-top:50px !important;}</style>');
document.write('<div style="position: absolute; width: 320px; height: 38px; z-index: 1; left: -60px; top: 15px" id="skinselector"><form><select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option> Autres Thèmes </option><option value="Skin 1"> Atlantis </option><option value="Skin 2"> Lémuria </option><option value="Skin 3"> Abydoss </option><option value="Skin 4"> Cydonia </option><option value="Skin 5"> Solaris </option><option value="Skin 6"> Origya </option><option value="Skin 7"> Terra </option><option value="Skin 8"> Babylone </option><option value="Skin 9"> NewsPlanète </option></select></form></div>');
var scheme = getCookie('template1');
if (scheme == 'Skin 1') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841013438.css">');
} else if (scheme == 'Skin 2') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/0841013838.css">');
} else if (scheme == 'Skin 3') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/085401429.css">');
} else if (scheme == 'Skin 4') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/085401342.css">');
} else if (scheme == 'Skin 5') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/085401241.css">');
} else if (scheme == 'Skin 6') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/085400756.css">');
} else if (scheme == 'Skin 7') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/085405623.css">');
} else if (scheme == 'Skin 8') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/085404456.css">');
} else if (scheme == 'Skin 9') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://pmsc.free.fr/CSS/085405711.css">');
}

function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}
function getCookie(name){
var cname = name + "=";
var dc = document·cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document·cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}[/code]

[SanDream]

Je t'ai envoyé un MP

SanDream

[âme]

Eh bien, voici une surprise de taille !!!
SamDream posant son édifice au sélecteur de thèmes.
Je vais me poser tranquillement dès demain devant ce post afin de mieux comprendre ce "charabiat" de codes (pour moi lol ! ).
Super boulot, un de plus dans l' équipe, merci pour ce que vous nous apportez Elwynn, SamDream et Alexarbitre

[démonish]

Un grand merci à SanDream pour son aide.

Cela fonctionne à merveille. Mes bannières et fond d'écrans sont désormais des images indépendantes et changent pour chaque thèmes.

De plus on retrouve les fonds fixes, qui sont bien plus propres pour des forums très longs.

Encore un grand merci et Bravo.


PS : le résultat est visible ici >>>