Changer également le thème de la boîte de smiley avec le sélecteur de thème

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

Résolu Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par karin02 le Dim 7 Fév 2010 - 22:30

Bonjour à tous!

Je m'adresse à vous car je ne parviens pas à me dépatouiller toute seule... J'espère que vous pourrez m'aider! (pleine d'espoir Snifff )

Suite au super tuto, j'ai réussi à installer un sélecteur de thème sur mon forum (différentes couleurs proposées aux membres). Le problème, c'est que la smileybox, elle, ne change pas de couleur, quel que soit le thème sélectionné... :/

J'ai eu beau essayé de rajouter des petits trucs sur les feuilles CSS (je n'y connais d'ailleurs pas grand chose...) mais rien à faire, la couleur de fond ne change pas Sad

Avez-vous une idée, une solution?

Je vous remercie d'avance !

karin.


Dernière édition par karin02 le Mar 9 Fév 2010 - 21:25, édité 1 fois

karin02
Nouveau membre

Messages : 8
Inscrit(e) le : 07/02/2010

http://etudiantspsycho.discutforum.com/index.htm
karin02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par karin02 le Mar 9 Fév 2010 - 18:34

petit up Embarassed

karin02
Nouveau membre

Messages : 8
Inscrit(e) le : 07/02/2010

http://etudiantspsycho.discutforum.com/index.htm
karin02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par Ea le Mar 9 Fév 2010 - 19:13

Bonjour,


Il faut faire une modification du script mais je peux avoir ce que vous avez afin de le modifier ? Aussi ça ne fonctionnera que pour la page d'index Wink

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par karin02 le Mar 9 Fév 2010 - 19:35

Bonjour !! Very Happy

En fait pour les feuilles CSS, j'ai pris la feuille CSS de base (celle qu'on obtient en cliquant sur le PA) et j'ai juste changé les codes de couleur ( Embarassed )
Et en fait j'ai regardé, y'a rien concernant cette smiley box! Du coup j'ai rajouté ça à la fin :

Code:
/* Emoticons panel */
#smiley-box {
   height: 280px;
   width: 220px;
   background-color: #eeeef0;
   }
#frame_smiley-box {
   border: none !important;
   }
Et c'est tout Embarassed
Et donc pas de changement, pourtant je pensais qu'en modifiant partout la couleur, ça marcherait au poil!

(Si jamais voilà le script, j'ai essayé de filtrer un peu pour pas que ce soit trop long (mais ça l'est encore au final pale ))

Spoiler:
body {
background-color: #dcd2d1;
background-image: url("https://illiweb.com/fa/empty.gif");
background-attachment: scroll;
}

th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border: none;
}

a:hover{
text-decoration: underline !important;
color : #66cc00;
}
hr{
height: 0;
border: solid #eeeef0 0;
border-top-width: 1px;
}

.forumline{
background-color: #471064;
border: 2px #43135f solid;
}
td.row1,td.row3.over:hover {
background-color: #eeeef0;
}
td.row2,td.row1.over:hover {
background-color: #eeeef0;
}
td.row3{
background-color: #eeeef0;
}
td.rowpic {
background-color: #eeeef0;
background-image: url("http://pmsc.free.fr/I02/10128194852.gif");
css}
th {
color: #461064;
font-size: 11px;
font-weight : bold;
background-color: #ffffff;
height: 25px;
background-image: url("http://pmsc.free.fr/I02/10128194852.gif");
padding: 2px 3px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://pmsc.free.fr/I02/10128194852.gif");
background-color:#470f66;
border: #470f66;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #ffffff;
border-style: solid;

/*height: 20px;
*/
}
td.row3Right,td.spaceRow {
background-color: #eeeef0;
border: #470f66;
border-style: solid;
}
td.pourcentback {
background-color : #dcd2d1;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0 1px 0 0;
}
th.thLeft,td.catLeft {
border-width: 0 0 0 1px;
}
th.thBottom,td.catBottom {
border-width: 0 1px 1px 1px;
}
th.thTop {
border-width: 1px 0 0;
}
th.thCornerL {
border-width: 1px 0 0 1px;
}
th.thCornerR {
border-width: 1px 1px 0 0;
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #000000;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px 3px;
}
.forumline td.pagination {
padding:0;
}
.maintitle h1 {
margin: 0;
padding: 0;
display: inline;
}
.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 10px;
}
.gen,.genmed,.gensmall {
color : #000000;
}
a.gen,a.genmed,a.gensmall {
color: #339966;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #66cc00;
text-decoration: underline;
}
.mainmenu{
font-size : 11px;
color : #000000 }
a.mainmenu{
text-decoration: none;
color : #339966;
}
a.mainmenu:hover{
text-decoration: underline;
color : #66cc00;
}
.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #339966}
h1.cattitle {
margin:0;
padding: 0;
display:inline;
}
a.cattitle{
text-decoration: none;
color : #339966;
}
a.cattitle:hover{
text-decoration: underline;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #339966;
}
a.forumlink {
text-decoration: none;
color : #339966;
}
a.forumlink:hover{
text-decoration: underline;
color : #66cc00;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #000000;
}
a.nav{
text-decoration: none;
color : #339966;
}
a.nav:hover{
text-decoration: underline;
}
.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #000000;
}
div.topictitle {
display: inline;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
}

a.topictitle:hover{
text-decoration: underline;
color : #66cc00;
}
.name{
font-size : 11px;
color : #000000;
}
.name a{
text-decoration:none;
}
.postdetails{
font-size : 10px;
color : #000000;
}
.postbody{
font-size : 12px;
line-height: 18px}

.code{
font-family: Courier,'CourierNew',sans-serif;
font-size: 11px;
color: #2f4fb9;
background-color: #fafafa;
border: #eeeef0;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #000000;
line-height: 125%;
background-color: #fafafa;
border: #eeeef0;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
a.copyright{
color: #339966;
text-decoration: none;
}
a.copyright:hover {
color: #66cc00;
text-decoration: underline;
}

h1.pagetitle {
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
color: #461064;
}
h1.title2 {
font-size: 11px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #461064;
}
.secondarytitle h2 {
display:inline;
}
.nav h1 {
display: inline;
}
.hierarchy {
display: inline;
margin: 0;
padding: 0;
text-transform: none;
border: none;
font-size: 10px;
}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select {
color : #000000;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #000000;
}
input.post, textarea.post, select {
background-color : #ffffff;
}
.post-options {
text-align: right;
}
.post-options img {
cursor: pointer;
vertical-align: middle;
}
input {
text-indent : 2px;
}
input.button {
background-color : #eeeef0;
color : #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #fafafa;
font-weight : bold;
}
input.liteoption {
background-color : #fafafa;
font-weight : normal;
}
.helpline {
background-color: #eeeef0;
border-style: none;
}
input {
background-color: #eeeef0;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #66cc00;
color: #66cc00;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #66cc00;
color: #66cc00;
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
#page-footer .gen strong {
font-weight: normal;
}
@import url("form_ie.css");
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 0.9em;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox {
margin-top: 0.5em;
}
.center {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}

/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
#page-footer, .clear {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#content-container #left {
width: 0px;
margin-right: px;
}
#content-container #right {
width: 0px;
margin-left: px;
}
.module-title {
font-weight: bold;
margin: 0 auto;
text-align: center;
display: block;
}

/* jqModal */
.jqmWindow {
display: none;
position: fixed;
left: 50%;
width: 450px;
margin-left: -225px;
top: 50%;
margin-top: -125px;
background-color: #dcd2d1;
border: 1px solid #43135f;
}
.jqmOverlay {
background-color: #000;
}
.jqDrag {
cursor: move;
}

/* wysiwyg */
.mceContentBody{
background: #eeeef0;
color: #000000;
}
.align_right{
text-align: right;
}

/* Emoticons panel */
#smiley-box {
height: 280px;
width: 220px;
background-color: #eeeef0;
}
#frame_smiley-box {
border: none !important;
}


Dites moi si c'est plus simple pour vous que je mette plutôt tout le script s'il manque des choses! Je craignais que ce soit trop lourd.
Euh, sinon qu'entendez-vous par "Ca ne fonctionnera que pour la page d'index"? Laughing Vous voulez dire que quand on répondra à un post, du coup la couleur de fond ne sera pas changée? Mais on ne voit pas la smileybox sur la page d'index...? Embarassed

karin02
Nouveau membre

Messages : 8
Inscrit(e) le : 07/02/2010

http://etudiantspsycho.discutforum.com/index.htm
karin02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par Ea le Mar 9 Fév 2010 - 19:44

Ah j'ai compris chatbox par smiley box Embarassed


Enfin ce qu'il me faudrait c'est le code du sélecteur pour en faire un nouveau, je suis parvenu à faire ce qu'il fallait pour la chatbox et pour la smiley box ça devrait être pareil je vais regarder ^^

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par karin02 le Mar 9 Fév 2010 - 19:50

Ah lol!

J'ai fait comme pour le tuto en fait, donc ça donne ça :
Spoiler:
var type = getCookie('template1');
var temsel = document.getElementById('temsel');
temsel.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Changer de couleur </option><option value="valeur1"> Jaune Orange </option><option value="valeur2"> Vert Gris Bleu </option><option value="valeur3"> Violet </option> <option value="valeur4"> Vert </option></select>';




if (type == 'valeur1')
{
document.write('<link rel="stylesheet" type="text/css" href="http://pmsc.free.fr/CSS02/10126224715.css">');
}
else if (type == 'valeur2')
{
document.write('<link rel="stylesheet" type="text/css" href="http://pmsc.free.fr/CSS02/1027220213.css">');
}
else if (type == 'valeur3')
{
document.write('<link rel="stylesheet" type="text/css" href="http://pmsc.free.fr/CSS02/1023154055.css">');
}
else if (type == 'valeur4')
{
document.write('<link rel="stylesheet" type="text/css" href="http://pmsc.free.fr/CSS02/10128195921.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,'/');
}
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");
}

(Enfin, je pense que c'est de ça dont vous parliez quand vous dites le code du sélecteur...? Laughing )

edit : Merci pour vos réponses si rapides en tout cas!

karin02
Nouveau membre

Messages : 8
Inscrit(e) le : 07/02/2010

http://etudiantspsycho.discutforum.com/index.htm
karin02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par Ea le Mar 9 Fév 2010 - 20:12

Alors vous pourriez essayer de remplacer le script par ceci :

Code:
jQuery('head').append('<link rel="stylesheet" type="text/css" id="ttheme" />'); if(my_getcookie('stheme')) { jQuery('#ttheme').attr('href', my_getcookie('stheme')); jQuery('#frame_chatbox,iframe[name=smilies]').ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('head').append('<link rel="stylesheet" href="'+my_getcookie('stheme')+'" type="text/css" id="ttheme" />');}); } function addTheme(nom,lien) { var nOption = document.createElement("option"); nOption.innerHTML= nom; nOption.value= lien; document.getElementById('stheme').appendChild(nOption); }; jQuery('#temsel').html('<select id="stheme" onChange="my_setcookie(\'stheme\',document.getElementById(\'ttheme\').href=this.value,1,0);  if(jQuery(\'#frame_chatbox,iframe[name=smilies]\').length)jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#ttheme\').attr(\'href\', this.value); this.selectedIndex=0;"><option>Changer de couleur</option></select>');
 
  addTheme('Jaune Orange','http://pmsc.free.fr/CSS02/10126224715.css');
  addTheme('Vert Gris Bleu','http://pmsc.free.fr/CSS02/1027220213.css');
  addTheme('Violet','http://pmsc.free.fr/CSS02/1023154055.css');
  addTheme('Vert','http://pmsc.free.fr/CSS02/10128195921.css');
  addTheme('Couleurs par défaut','');
Et voir si ça fonctionne ^^

Là le script devrait attacher au bloc de chatbox et smiley box le CSS en plus de l'attacher aux pages du forum Wink

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par karin02 le Mar 9 Fév 2010 - 20:40

Merci pour votre réponse!

J'ai essayé et... cette fichue smiley-box est encore jaune Shocked (en tout cas le changement se fait plus vite avec ce code)
C'est peut-être sur une page à part non? (mais alors j'ai aucun moyen d'y accéder, j'ai bien essayé de désactiver les smileys puis de les remettre mais rien n'y a fait Confused )

karin02
Nouveau membre

Messages : 8
Inscrit(e) le : 07/02/2010

http://etudiantspsycho.discutforum.com/index.htm
karin02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par Ea le Mar 9 Fév 2010 - 21:01

Oui ce n'est pas sur la même page, mais le script agit sur cet autre age également ^^

Enfin j'ai testé sur firefox et moi ça fonctionnait, par contre avec google chrome là non.

Qu'est-ce que ça donne avec :

Code:
jQuery('head').append('<link rel="stylesheet" type="text/css" id="ttheme" />'); if(my_getcookie('stheme')) { jQuery('#ttheme').attr('href', my_getcookie('stheme')); jQuery(document).ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('head').append('<link rel="stylesheet" href="'+my_getcookie('stheme')+'" type="text/css" id="ttheme" />');});}); } function addTheme(nom,lien) { var nOption = document.createElement("option"); nOption.innerHTML= nom; nOption.value= lien; document.getElementById('stheme').appendChild(nOption); }; jQuery('#temsel').html('<select id="stheme" onChange="my_setcookie(\'stheme\',document.getElementById(\'ttheme\').href=this.value,1,0);  if(jQuery(\'#frame_chatbox,iframe[name=smilies]\').length)jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#ttheme\').attr(\'href\', this.value); this.selectedIndex=0;"><option>Changer de couleur</option></select>');
 
  addTheme('Jaune Orange','http://pmsc.free.fr/CSS02/10126224715.css');
  addTheme('Vert Gris Bleu','http://pmsc.free.fr/CSS02/1027220213.css');
  addTheme('Violet','http://pmsc.free.fr/CSS02/1023154055.css');
  addTheme('Vert','http://pmsc.free.fr/CSS02/10128195921.css');
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par karin02 le Mar 9 Fév 2010 - 21:05

Erf, c'est vraiment un casse-tête, ça ne marche toujours pas!
Pourtant je suis aussi sur Firefox! (Et j'ai effacé les cookies aussi au cas où...) Neutral

karin02
Nouveau membre

Messages : 8
Inscrit(e) le : 07/02/2010

http://etudiantspsycho.discutforum.com/index.htm
karin02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par Ea le Mar 9 Fév 2010 - 21:11

Alors vous pourriez essayer ceci :

Code:
jQuery('head').append('<link rel="stylesheet" type="text/css" id="ttheme" />'); if(my_getcookie('stheme')) { jQuery('#ttheme').attr('href', my_getcookie('stheme')); jQuery(document).ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('head').append('<link rel="stylesheet" href="'+my_getcookie('stheme')+'" type="text/css" id="ttheme" />');});}); } function addTheme(nom,lien) { var nOption = document.createElement("option"); nOption.innerHTML= nom; nOption.value= lien; document.getElementById('stheme').appendChild(nOption); }; jQuery('#temsel').html('<select id="stheme" onChange="my_setcookie(\'stheme\',document.getElementById(\'ttheme\').href=this.value,1,0);  if(jQuery(\'#frame_chatbox,iframe[name=smilies]\').length)jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#ttheme\').attr(\'href\', this.value); this.selectedIndex=0;"><option>Changer de couleur</option></select>');
 
  addTheme('Jaune Orange','http://pmsc.free.fr/CSS02/10126224715.css');
  addTheme('Vert Gris Bleu','http://pmsc.free.fr/CSS02/1027220213.css');
  addTheme('Violet','http://pmsc.free.fr/CSS02/1023154055.css');
  addTheme('Vert','http://pmsc.free.fr/CSS02/10128195921.css');
Cela ne fonctionne pas juste parce que le script modifie quelque chose qui n'existe pas encore, enfin j'espère que cette fois-ci ça ira ^^

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par karin02 le Mar 9 Fév 2010 - 21:25

C'est un miracle Shocked
J'étais partie pour poster que ça ne marchait pas mais j'ai retenté (en plus, à un moment ça a même disparu, fausse manip Embarassed )

C'est formidable, merci d'avoir pris le temps de m'aider Smile !!! Thanks ok

karin02
Nouveau membre

Messages : 8
Inscrit(e) le : 07/02/2010

http://etudiantspsycho.discutforum.com/index.htm
karin02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par Ea le Mar 9 Fév 2010 - 21:33

Avec google chrome ça ne marche toujours pas ^^

( mais moi avec firefox ça fonctionnait dés le départ )


Si vous souhaitez vous pouvez essayer :

Code:
jQuery('head').append('<link rel="stylesheet" type="text/css" id="ttheme" />'); if(my_getcookie('stheme')) { jQuery('#ttheme').attr('href', my_getcookie('stheme')); jQuery(window).load(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().ready(function(){jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('head').append('<link rel="stylesheet" href="'+my_getcookie('stheme')+'" type="text/css" id="ttheme" />');});}); } function addTheme(nom,lien) { var nOption = document.createElement("option"); nOption.innerHTML= nom; nOption.value= lien; document.getElementById('stheme').appendChild(nOption); }; jQuery('#temsel').html('<select id="stheme" onChange="my_setcookie(\'stheme\',document.getElementById(\'ttheme\').href=this.value,1,0);  if(jQuery(\'#frame_chatbox,iframe[name=smilies]\').length)jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#ttheme\').attr(\'href\', this.value); this.selectedIndex=0;"><option>Changer de couleur</option></select>');
 
  addTheme('Jaune Orange','http://pmsc.free.fr/CSS02/10126224715.css');
  addTheme('Vert Gris Bleu','http://pmsc.free.fr/CSS02/1029211943.css');
  addTheme('Violet','http://pmsc.free.fr/CSS02/1023154055.css');
  addTheme('Vert','http://pmsc.free.fr/CSS02/1029211933.css');
Qui lui fonctionne avec google chrome en tout cas =3

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer également le thème de la boîte de smiley avec le sélecteur de thème

Message par karin02 le Mar 9 Fév 2010 - 21:35

C'est un mystère que ça fonctionnait immédiatement chez vous et pas chez moi Crying or Very sad
(là je viens de voir que ça revient, des fois c'est jaune et parfois non scratch )

Je vais essayer ce que vous proposez Smile

---
Ouf, ça va, en fait j'ai compris, c'est jaune mais ça change après quelques petites secondes (je suis pas assez patiente en fait! Rolling Eyes )

Merci encore!!! Wink

karin02
Nouveau membre

Messages : 8
Inscrit(e) le : 07/02/2010

http://etudiantspsycho.discutforum.com/index.htm
karin02 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