Problème d'affichage avec la Palette de couleurs de l'éditeur
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
Problème d'affichage avec la Palette de couleurs de l'éditeur
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Un certain temps mais impossible d'être précise... Quelques mois?!?
Lien du forum : http://leforumdesamis.monally.com/portal.htm
Description du problème
Bonjour!J'ai remarqué il y a quelques jours que mes couleurs de l'éditeur ne s'affichaient plus correctement... (Voir capture d'écran)
J'ai mis en place ce tutoriel:
https://forum.forumactif.com/t357566-personnaliser-la-palette-de-couleurs-de-lediteur
C'était parfait! Mais je ne sais pas ce qu'il y a eu, ça ne s'affiche plus du tout comme ça devrait l'être!
Je vous mets ici mon Javascript et ma feuille de style CSS. J'ai aussi des templates qui ont été modifiés, merci de me dire si vous voulez que je les mettent ici
(Le javascript, je viens de mettre celui du tuto pour voir si ça changeait quelque chose, mais apparemment non...)
- Code:
$(function(){$(function(){
if ($("#text_editor_textarea").length != 0) {
$.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var mColorBasic = [],
html = $('<div />');
// liste des couleurs
mColorBasic["Noir"] = "#000000";
mColorBasic["Bleu foncé"] = "#00008B";
mColorBasic["Sarcelle"] = "#008080";
mColorBasic["Vert foncé"] = "#006400";
mColorBasic["Indigo"] = "#4B0082";
mColorBasic["Cramoisi"] = "#DC143C";
mColorBasic["Orange"] = "#FF4500";
mColorBasic["Marron"] = "#663300";
mColorBasic["Gris foncé"] = "#666666";
mColorBasic["Bleu royal"] = "#4169E1";
mColorBasic["Turquoise foncé"] = "#00CED1";
mColorBasic["Vert"] = "#008000";
mColorBasic["Pourpre"] = "#9400D3";
mColorBasic["Rouge"] = "#FF0000";
mColorBasic["Orange clair"] = "#FF9933";
mColorBasic["Sienne"] = "#A0522D";
mColorBasic["Gris clair"] = "#D3D3D3";
mColorBasic["Bleu ciel"] = "#87CEEB";
mColorBasic["Cyan"] = "#00FFFF";
mColorBasic["Vert pomme"] = "#32CD32";
mColorBasic["Mauve"] = "#DA70D6";
mColorBasic["Saumon"] = "#FA8072";
mColorBasic["Or"] = "#FFD700";
mColorBasic["Brun clair"] = "#CD853F";
mColorBasic["Blanc"] = "#FFFFFF";
mColorBasic["Turquoise pâle"] = "#AFEEEE";
mColorBasic["Bleu vert"] = "#7FFFD4";
mColorBasic["Vert pâle"] = "#98FB98";
mColorBasic["Rose"] = "#FFC0CB";
mColorBasic["Pêche"] = "#FFDAB9";
mColorBasic["Jaune"] = "#FFFF00";
mColorBasic["Bois"] = "#DEB887";
// fin de la liste des couleurs
for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
html.find('span').click(function(e) {
callback($(this).attr('color'));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", html);
}
}
})});
- Code:
body {
background-repeat: no-repeat;
background-position: center;
}
.sceditor-button.sceditor-button-image{
display:none;
}
.sceditor-button.sceditor-button-link {
display: none;
}
.sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
.sceditor-button.sceditor-button-servimg {
display: none;
}
#addbbcode14 {
visibility: hidden;
}
#addbbcode16 {
visibility: hidden;
}
.pun .sig-content {clear:none;}
.div.signature_div img {
max-width:400px;
max-height:250px;
}
.signature_div img
{
max-width:400px;
max-height:250px;
#fa_toolbar, #fa_toolbar_hidden {background-color: #98520d !important;}
.postdetails.poster-profile a img {
-webkit-border-radius: 6px;
border-radius: 6px;}
}
a {
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;
}
a { text-decoration: none; }
A:hover{text-transform:uppercase;}
a.forumlink:link, a.forumlink:visited {
font-family: Century Gothic;
text-transform : uppercase;
text-align: center;
font-size90%;
border-bottom: 2px solid #0c1c3c;
color: #000000;
letter-spacing: 1px;
display: block;
-moz-border-radius:2px;
}
.bouhautbas {
bottom: 40px;
right: 10px; /* remplacez left par right pour afficher les boutons à droite */
position: fixed;
z-index: 100;
}
/* Icônes couleur dans la palette */
.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px; /* arrondi */
}
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important; /* largeur de la palette complète */
height: 100px !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
div.post_profile {
border:1px solid #000000;
background #ffffff ;
padding:3px;}
#navMP>a{
display:inline-block;
padding-left:10px;
padding-right:10px;
font-size:16px;
line-height:16px;
color:#eee;
background:#BDC8D0;
text-decoration:none !important;
border:1px solid #aaa;
}
#navMP>a:hover{
color:#fff;
background:#CDD8E0;
text-decoration:none !important;
}
#navMP-precedent{
border-radius:8px 0 0 8px;
}
#navMP-suivant{
float:right;
border-radius:0 8px 8px 0;
}
#navMP-precedent::before{
content:"Précédent"
}
#navMP-suivant::before{
content:"Suivant"
}
.class-de-lavatar {
max-width: 150px;
}
.postprofile dd, .postprofile dt
{
width:150px;*/ diminue selon le besoin/*
line-height: 1.2em;
margin-left: 8px;
}
body {
filter:alpha(opacity=85);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
a.forumlink span, a.forumtitle span { display: none; }
a.forumlink img, a.forumtitle img { display: inline!important; }
a.cattitle span, .secondarytitle h2 span, .table-title h2 span, .maintitle h2 span, .page-title h2 span { display: none; }
a.cattitle img, .secondarytitle h2 img, .table-title h2 img, .maintitle h2 img, .page-title h2 img { display: inline!important; }
/* sticky nav main */
#fa_sticky_nav {
font-size:0; /* hide whitespace */
text-align:center;
background:#DCE1E4;
border-bottom:1px solid #CCC !important;
height:30px;
position:fixed;
right:0;
z-index:999;
overflow:hidden;
transition:top 200ms linear, width 600ms ease-in-out;
}
#fa_sticky_nav li { display:inline } /* navlist adjustment */
/* sticky menu links */
#fa_sticky_nav a.mainmenu {
color:#39C;
font-size:12px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
background:url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;
display:inline-block;
padding:0 10px;
height:30px;
line-height:30px;
transition:200ms;
}
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
background-position:0 25px;
}
/* sticky nav toggler */
#fa_sticky_toggle {
background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;
border:1px solid #CCC;
border-right:none;
display:inline-block;
height:29px;
width:30px;
position:fixed;
right:0;
z-index:999;
transition:top 200ms linear;
}
#fa_sticky_toggle:hover { background-position:-30px 0 }
/* make hidden toolbar similar to toggler */
#fa_toolbar_hidden {
border-radius:0 !important;
border:1px solid #CCC;
border-right:0;
border-top:0;
}
/* post offset fix */
.post div[style*="-30px;"] {
top:-60px !important;
}
.cadre_avatar {
border: 3px solid #000000;
border-radius: 1px;
}
#quiestenligne{text-align:center;}
/* Avatar arrondi dans les messages */
.postdetails.poster-profile .avatar-posteur img{
border-radius: 100px;
height: 130px;
width: 130px;
border: 3px solid #29480f;
}
.sceditor-button-hostimg div {
background-position: center center !important;
background-image: url('http://pbs.twimg.com/profile_images/1106463847/Sans-titre-3_normal.gif') !important;
background-size: 16px;
}
1000 merci d'avance pour votre aide!
Dernière édition par Bad_girls le Mer 5 Oct 2016 - 14:07, édité 1 fois
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Bonjour!
Un gros UP svp!
Merci!
Un gros UP svp!
Merci!
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Hello!
Personne pour m'aider??
UP
Merci d'avance! ♥
Personne pour m'aider??
UP
Merci d'avance! ♥
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Bonjour!
Pensez à moi svp...
Merci!
UP!
Pensez à moi svp...
Merci!
UP!
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Bonsoir!
Toujours personne pour mon souci de palette??
UP svp, merci d'avance!
Toujours personne pour mon souci de palette??
UP svp, merci d'avance!
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Bonsoir
Vous avez cette balise
Il faut la supprimer.
Cela produit une erreur pouvant empêcher d'autres scripts de fonctionner.
Vous avez cette balise
- Code:
</script>
Il faut la supprimer.
Cela produit une erreur pouvant empêcher d'autres scripts de fonctionner.
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Hello!
Merci pour ta réponse, mais je ne vois pas où ça se trouve dans les css que j'ai mis ici...
Tu peux me dire quelle ligne stp, je suis désolée mais je ne trouve pas : Ni sur le CSS ni sur javascript...
Merci pour ton aide!
Si quelqu'un d'autre a une solution, je suis preneuse! merci d'avance!
Merci pour ta réponse, mais je ne vois pas où ça se trouve dans les css que j'ai mis ici...
Tu peux me dire quelle ligne stp, je suis désolée mais je ne trouve pas : Ni sur le CSS ni sur javascript...
Merci pour ton aide!
Si quelqu'un d'autre a une solution, je suis preneuse! merci d'avance!
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
bonjour
C'est dans un de vos scripts situé dans gestion des codes javascript.
http://leforumdesamis.monally.com/99157.js
il y a aussi la balise de début qu'il faut enlever. (je ne l'avais pas vu )
Quand on met un script dans gestion des codes javascript il ne faut pas mettre
C'est dans un de vos scripts situé dans gestion des codes javascript.
http://leforumdesamis.monally.com/99157.js
il y a aussi la balise de début qu'il faut enlever. (je ne l'avais pas vu )
- Code:
<script type="text/javascript">
- Code:
<script type="text/javascript">jQuery(function($){$('<a class="sceditor-button sceditor-button-hostimg" unselectable="on" title="hÃberger une image avec HostingPics"><div unselectable="on"></div></a>').insertBefore('.sceditor-button-servimg');$('.sceditor-button-hostimg').click(function(e){e.preventDefault();if($('.sceditor-hostimg').length==0){$('<div class="sceditor-dropdown sceditor-hostimg"><p><iframe style="width: 400px; height: 100px;" src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0"> </iframe></p></div>').appendTo('body')}else{$('.sceditor-hostimg').fadeToggle()};var y=$('.sceditor-button-hostimg').offset().top+30;var x=$('.sceditor-button-hostimg').offset().left;$('.sceditor-hostimg').css({'position':'absolute','top':y+'px','left':x+'px'})})});</script>
Quand on met un script dans gestion des codes javascript il ne faut pas mettre
- Code:
<script type="text/javascript">
- Code:
</script>
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Bonjour,
merci pour votre aide. J'ai supprimé mon ancien javascript et j'ai remis celui donné dans le tuto du 1er message ainsi que le CSS (j'ai supprimé l'ancien). Rien n'a changé!
Je désespère, c'est toujours la même chose!
Cordialement
merci pour votre aide. J'ai supprimé mon ancien javascript et j'ai remis celui donné dans le tuto du 1er message ainsi que le CSS (j'ai supprimé l'ancien). Rien n'a changé!
Je désespère, c'est toujours la même chose!
Cordialement
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Bonsoir
Vous avez toujours le script cité plus haut dans gestion des codes javascript
avec les balises
Vous avez toujours le script cité plus haut dans gestion des codes javascript
avec les balises
- Code:
<script type="text/javascript">
- Code:
</script>
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
oxymore a écrit:Bonsoir
Vous avez toujours le script cité plus haut dans gestion des codes javascript
avec les baliseset
- Code:
<script type="text/javascript">
comme dit plus haut il faut les supprimer.
- Code:
</script>
Merci pour ta réponse, mais j'ai cherché et je n'ai pas trouvé ce code!
Pourquoi est-il donné comme ça si ça fait buger le code?
Cordialement
- Code:
$(function(){$(function(){
if ($("#text_editor_textarea").length != 0) {
$.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var mColorBasic = [],
html = $('<div />');
// liste des couleurs
mColorBasic["Noir"] = "#000000";
mColorBasic["Bleu foncé"] = "#00008B";
mColorBasic["Sarcelle"] = "#008080";
mColorBasic["Vert foncé"] = "#006400";
mColorBasic["Indigo"] = "#4B0082";
mColorBasic["Cramoisi"] = "#DC143C";
mColorBasic["Orange"] = "#FF4500";
mColorBasic["Marron"] = "#663300";
mColorBasic["Gris foncé"] = "#666666";
mColorBasic["Bleu royal"] = "#4169E1";
mColorBasic["Turquoise foncé"] = "#00CED1";
mColorBasic["Vert"] = "#008000";
mColorBasic["Pourpre"] = "#9400D3";
mColorBasic["Rouge"] = "#FF0000";
mColorBasic["Orange clair"] = "#FF9933";
mColorBasic["Sienne"] = "#A0522D";
mColorBasic["Gris clair"] = "#D3D3D3";
mColorBasic["Bleu ciel"] = "#87CEEB";
mColorBasic["Cyan"] = "#00FFFF";
mColorBasic["Vert pomme"] = "#32CD32";
mColorBasic["Mauve"] = "#DA70D6";
mColorBasic["Saumon"] = "#FA8072";
mColorBasic["Or"] = "#FFD700";
mColorBasic["Brun clair"] = "#CD853F";
mColorBasic["Blanc"] = "#FFFFFF";
mColorBasic["Turquoise pâle"] = "#AFEEEE";
mColorBasic["Bleu vert"] = "#7FFFD4";
mColorBasic["Vert pâle"] = "#98FB98";
mColorBasic["Rose"] = "#FFC0CB";
mColorBasic["Pêche"] = "#FFDAB9";
mColorBasic["Jaune"] = "#FFFF00";
mColorBasic["Bois"] = "#DEB887";
// fin de la liste des couleurs
for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
html.find('span').click(function(e) {
callback($(this).attr('color'));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", html);
}
}
})});
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
Bonjour
Je vais tâcher de mieux vous expliquer
Dans gestion des codes javascript vous avez certainement plusieurs scripts.
Et parmi ces scripts il y en a un qui pose un problème et il empêche un ou les autres de fonctionner correctement.
Ce script ne pose pas de soucis
mais vous avez dans vos autres script celui ci qui pose problème.
et tester à nouveau.
Essayez sinon de désactiver vos autres script un par un pour localiser celui défaillant (pour cela vous décochez sur toutes les pages et vous ne cochez rien) et enregistrez
Je vais tâcher de mieux vous expliquer
Dans gestion des codes javascript vous avez certainement plusieurs scripts.
Et parmi ces scripts il y en a un qui pose un problème et il empêche un ou les autres de fonctionner correctement.
Ce script ne pose pas de soucis
- Code:
$(function(){$(function(){
if ($("#text_editor_textarea").length != 0) {
$.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var mColorBasic = [],
html = $('<div />');
// liste des couleurs
mColorBasic["Noir"] = "#000000";
mColorBasic["Bleu foncé"] = "#00008B";
mColorBasic["Sarcelle"] = "#008080";
mColorBasic["Vert foncé"] = "#006400";
mColorBasic["Indigo"] = "#4B0082";
mColorBasic["Cramoisi"] = "#DC143C";
mColorBasic["Orange"] = "#FF4500";
mColorBasic["Marron"] = "#663300";
mColorBasic["Gris foncé"] = "#666666";
mColorBasic["Bleu royal"] = "#4169E1";
mColorBasic["Turquoise foncé"] = "#00CED1";
mColorBasic["Vert"] = "#008000";
mColorBasic["Pourpre"] = "#9400D3";
mColorBasic["Rouge"] = "#FF0000";
mColorBasic["Orange clair"] = "#FF9933";
mColorBasic["Sienne"] = "#A0522D";
mColorBasic["Gris clair"] = "#D3D3D3";
mColorBasic["Bleu ciel"] = "#87CEEB";
mColorBasic["Cyan"] = "#00FFFF";
mColorBasic["Vert pomme"] = "#32CD32";
mColorBasic["Mauve"] = "#DA70D6";
mColorBasic["Saumon"] = "#FA8072";
mColorBasic["Or"] = "#FFD700";
mColorBasic["Brun clair"] = "#CD853F";
mColorBasic["Blanc"] = "#FFFFFF";
mColorBasic["Turquoise pâle"] = "#AFEEEE";
mColorBasic["Bleu vert"] = "#7FFFD4";
mColorBasic["Vert pâle"] = "#98FB98";
mColorBasic["Rose"] = "#FFC0CB";
mColorBasic["Pêche"] = "#FFDAB9";
mColorBasic["Jaune"] = "#FFFF00";
mColorBasic["Bois"] = "#DEB887";
// fin de la liste des couleurs
for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
html.find('span').click(function(e) {
callback($(this).attr('color'));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", html);
}
}
})});
mais vous avez dans vos autres script celui ci qui pose problème.
- Code:
<script type="text/javascript">jQuery(function($){$('<a class="sceditor-button sceditor-button-hostimg" unselectable="on" title="hÃberger une image avec HostingPics"><div unselectable="on"></div></a>').insertBefore('.sceditor-button-servimg');$('.sceditor-button-hostimg').click(function(e){e.preventDefault();if($('.sceditor-hostimg').length==0){$('<div class="sceditor-dropdown sceditor-hostimg"><p><iframe style="width: 400px; height: 100px;" src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0"> </iframe></p></div>').appendTo('body')}else{$('.sceditor-hostimg').fadeToggle()};var y=$('.sceditor-button-hostimg').offset().top+30;var x=$('.sceditor-button-hostimg').offset().left;$('.sceditor-hostimg').css({'position':'absolute','top':y+'px','left':x+'px'})})});</script>
- Code:
<script type="text/javascript">
- Code:
</script>
et tester à nouveau.
On met ces balises si on à besoin d'utiliser un script dans une page HTML par exemple...Bad_girls a écrit:Pourquoi est-il donné comme ça si ça fait buger le code?
Bad_girls a écrit:Merci pour ta réponse, mais j'ai cherché et je n'ai pas trouvé ce code!
Essayez sinon de désactiver vos autres script un par un pour localiser celui défaillant (pour cela vous décochez sur toutes les pages et vous ne cochez rien) et enregistrez
Re: Problème d'affichage avec la Palette de couleurs de l'éditeur
WAHOUUUUUU!!
Tu sais quoi??
Tu es génial!!!!
1000 merci, j'ai trouvé ce script dans le javascript pour mettre l'hébergeur hostingpics!
Je suis heureuse que tu aies pu m'aider, j'ai enfin ma palette!!
1000 merci encore et bonne fin de journée!
Tu sais quoi??
Tu es génial!!!!
1000 merci, j'ai trouvé ce script dans le javascript pour mettre l'hébergeur hostingpics!
Je suis heureuse que tu aies pu m'aider, j'ai enfin ma palette!!
1000 merci encore et bonne fin de journée!
Sujets similaires
» Palette des couleurs
» Problème avec le script de palette de couleurs simplifiée de Matriochka
» Ajouter nouvelles couleurs dans la palette simple de couleurs
» Problème avec le code java pour la palette couleur.
» Palette de couleurs
» Problème avec le script de palette de couleurs simplifiée de Matriochka
» Ajouter nouvelles couleurs dans la palette simple de couleurs
» Problème avec le code java pour la palette couleur.
» Palette de couleurs
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