Couleurs : sélecteur + couleurs déja présentes ?
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Couleurs : sélecteur + couleurs déja présentes ?
Bonjour,
J'aimerai savoir s'il est possible de mettre l'option selecteur de couleurs et les couleurs par défaut (première image du tutoriel) pour la création de messages ?
Si ce n'est pas possible, est ce que quand j'installe le sélecteur, les couleurs déjà misent sur le forum restent ?
Merci d'avance
J'aimerai savoir s'il est possible de mettre l'option selecteur de couleurs et les couleurs par défaut (première image du tutoriel) pour la création de messages ?
Si ce n'est pas possible, est ce que quand j'installe le sélecteur, les couleurs déjà misent sur le forum restent ?
Merci d'avance
Dernière édition par Zeanad le Jeu 23 Fév 2012 - 14:32, édité 3 fois
Re: Couleurs : sélecteur + couleurs déja présentes ?
Bonjour,
Je ne pense pas que mettre les deux soit possible.
En tout cas, les couleurs déjà appliquées sur votre forum resteront car il y a aura toujours un code couleur.
Cordialement,
Je ne pense pas que mettre les deux soit possible.
En tout cas, les couleurs déjà appliquées sur votre forum resteront car il y a aura toujours un code couleur.
Cordialement,
Re: Couleurs : sélecteur + couleurs déja présentes ?
Merci beaucoup.
+1 pour ton message.
EDIT : J'ai suivi tout le tuto (voir mon premier message) sur les sélecteurs de couleurs, et cela ne fonctionna pas, merci de m’éclaircir.
+1 pour ton message.
EDIT : J'ai suivi tout le tuto (voir mon premier message) sur les sélecteurs de couleurs, et cela ne fonctionna pas, merci de m’éclaircir.
Re: Couleurs : sélecteur + couleurs déja présentes ?
Up.
Je n'arrive pas à installer le sélecteur de couleur comme sur le tuto.
Merci de m'aider.
Je n'arrive pas à installer le sélecteur de couleur comme sur le tuto.
Merci de m'aider.
Re: Couleurs : sélecteur + couleurs déja présentes ?
Bonjour
garder vos couleurs par défaut est possible, à condition de ne changez que les parties voulues, le reste garde la forme pas défaut. Donc c'est possible
Pouvez-vous me fournir vos codes pour le sélecteur, que je les vérifie ?
COrdialement.
garder vos couleurs par défaut est possible, à condition de ne changez que les parties voulues, le reste garde la forme pas défaut. Donc c'est possible
Pouvez-vous me fournir vos codes pour le sélecteur, que je les vérifie ?
COrdialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Couleurs : sélecteur + couleurs déja présentes ?
Voila les codes pour le sélecteur :
Dans les javascripts (avec cocher sur toutes les pages):
Dans Mon CSS :
Dans les javascripts (avec cocher sur toutes les pages):
- Code:
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
Dans Mon CSS :
- Code:
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
Re: Couleurs : sélecteur + couleurs déja présentes ?
OK désolé, j'avais mal compris votre sujet. Effectivement vous ne pouvez avoir les deux. Je pensais que vous vouliez avoir la couleur de police mise par défaut dans couleurs, par dans l'éditeur.
Si c'est l'éditeur c'est impossible, si c'est la couleur de police choisie dans couleurs par défaut, c'est possible..
Si c'est l'éditeur c'est impossible, si c'est la couleur de police choisie dans couleurs par défaut, c'est possible..
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Couleurs : sélecteur + couleurs déja présentes ?
Ce n'est as grave.
Je voudrais maintenant simplement savoir comment mettre le sélecteur de couleur, car je n'y arrive pas avec le tutoriel.
Je voudrais maintenant simplement savoir comment mettre le sélecteur de couleur, car je n'y arrive pas avec le tutoriel.
Re: Couleurs : sélecteur + couleurs déja présentes ?
Bonjour,
Pour le selecteur de couleur, il y a un erreur, vous avez mis dans le javascript le code du css. C'est celui ci qu'il faut mettre dans javascript http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=9#p9
Pour le selecteur de couleur, il y a un erreur, vous avez mis dans le javascript le code du css. C'est celui ci qu'il faut mettre dans javascript http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=9#p9
Re: Couleurs : sélecteur + couleurs déja présentes ?
A oui mince.
Merci
EDIT : ça n'a pas l'aide marcher tout de même, mais je ne vois pas ou est le problème...
Merci d'avance
Merci
EDIT : ça n'a pas l'aide marcher tout de même, mais je ne vois pas ou est le problème...
Merci d'avance
Re: Couleurs : sélecteur + couleurs déja présentes ?
Bonjour,
Vous avez bien activé le javascript? Cocher la case "oui"
Vous avez bien activé le javascript? Cocher la case "oui"
Re: Couleurs : sélecteur + couleurs déja présentes ?
Oui, c'est fait.
J'ai le code dans les javascripts, ceux ci qui sont activés.
Mon code dans le CSS, et voila, mais cela ne marche pas...
J'ai le code dans les javascripts, ceux ci qui sont activés.
Mon code dans le CSS, et voila, mais cela ne marche pas...
Re: Couleurs : sélecteur + couleurs déja présentes ?
Donner moi le code javascript que vous avez mis.
Actualiser aussi votre page CTRL et F5.
Quel est le lien du forum concerné?
Actualiser aussi votre page CTRL et F5.
Quel est le lien du forum concerné?
Re: Couleurs : sélecteur + couleurs déja présentes ?
Voila le javascript :
J'ai actualiser la page, cela ne change rien.
Lien du forum : http://www.game-maker-forum.net
Merci d'avance
- Code:
/ **
*
Sélecteur de couleur *
* Auteur: Stefan Petre www.eyecon.ro
*
* Double licence en vertu des licences MIT et GPL
*
* /
Fonction $ (() {
$ ("# Couleur"). Longueur! = 0 && (function (c) {var e = function () {var
f = this.value, e = 6-f.length; si (e> 0) {pour (var g = [], j = 0, j <e, j + +) g.push ("0"); g. pousser (f), f = g.join ("")} f = m (s (f)); d.color = d = f} autre
. c (document) unbind ("mouseUp", u);. c (document) unbind ("MouseMove", v);! retour 1}, H = function () {var
k (h (d)), h (d), b.data ("colorpicker"). el, a)}, B = function () {var a = c ("#" + c (ce). des données ( "colorpickerId")); a.data ("colorpicker") onBeforeShow.apply (ce, [a.get (0)]);. var
(D document.documentElement.clientHeight:? Document.body.clientHeight)}; var
A))}, M = function (a, b, d) {if (a == b) return 0;! If (a.contains) retour b = {h: 0, s: 0, b: 0}, d = Math.max (ar, ag, ab), c = d-
b}, h = function (a) {var b = {}, d = Math.round (ah), c = Math.round (comme * 255/100), a = Math.round (ab * 255/100) if (c == 0) br = bg = bb = a; else {var
b.join ("")}, N = function () {var a.color == "string") a.color =
m (s (a.color)); else if (a.color.r = 0 && vide a.color.g = 0 && vide a.color.b = void 0!) a.color = m (a.color); else if (a.color.h = 0 && vide a.color.s = 0 && vide a.color.b = void 0!) a.color = t (a.color); else return cela; this.each retour (fonction () {if {var b = c.extend ({}, a) (c (ce) des données ("colorpickerId")!.); b.origColor = a.color; var d = "collorpicker_" + parseInt (Math . random () * 1E3); c. (ce) des données ("colorpickerId", d); d = c ('<div class="colorpicker"> <div class="colorpicker_color"> <div> < / div> </ div> </ div> <div class="colorpicker_hue"> </ div> </ div> <div class="colorpicker_new_color"> </ div> <div class="colorpicker_current_color"> </ div> <div class="colorpicker_hex"> <input type="text" maxlength="6" size="6" /> </ div> <div class="colorpicker_rgb_r colorpicker_field"> <input type = "text "maxlength =" 3 "size =" 3 "/> <span> </ span> </ div> <div class="colorpicker_rgb_g colorpicker_field"> <input type =" text "maxlength =" 3 "size =" 3 " /> <span> </ span> </ div> <div class="colorpicker_rgb_b colorpicker_field"> <input type="text" maxlength="3" size="3" /> <span </ span> </ div> <div class="colorpicker_hsb_h colorpicker_field"> <input type="text" maxlength="3" size="3" /> <span </ span> </ div> <div class="colorpicker_hsb_s colorpicker_field"> <input type="text" size="3" /> <span </ span> </ div> <div class="colorpicker_hsb_b colorpicker_field"> <input type="text" size="3" /> <span > </ span> </ div> <div class="colorpicker_submit"> </ div> </ div> '). attr ("id",
div "); b.el = this; b.hue = d.find (" div.colorpicker_hue
this.each (function () {c (ce) des données ("colorpickerId") && B.apply (this).}}), hidePicker: function () {return this.each (function () {c (ce) de données. ("colorpickerId") &&
c ("#" + c (ce) des données ("colorpickerId").) hide ()})}, setColor:. fonction (a) {if (typeof a == "string") a = m (s (a )); else if (ar! = 0 && vide A.G = 0 && vide a.b = vide 0) a = m (a);!! else if (ah! = 0 void A.Ş && = 0 && vide a.b = vide 0) un t = (a); else return cela; this.each retour (function () {if (c (ce) des données ("colorpickerId").) {var
e, 1,0); vB_Editor.text_editor.format (i, "constructBBcode_select_color_ #" + e, 1, 0)}}))!
});
J'ai actualiser la page, cela ne change rien.
Lien du forum : http://www.game-maker-forum.net
Merci d'avance
Re: Couleurs : sélecteur + couleurs déja présentes ?
Change par celui ci
- Code:
/**
*
* Color picker
* Author: Stefan Petre www.eyecon.ro
*
* Dual licensed under the MIT and GPL licenses
*
*/
$(function(){
$("#color").length!=0&&(function(c){var e=function(){var e=65,j={eventName:"click",onShow:function(){},onBeforeShow:function(){},onHide:function(){},onChange:function(){},onSubmit:function(){},color:"ff0000",livePreview:!0,flat:!1},i=function(a,b){var d=h(a);c(b).data("colorpicker").fields.eq(1).val(d.r).end().eq(2).val(d.g).end().eq(3).val(d.b).end()},n=function(a,b){c(b).data("colorpicker").fields.eq(4).val(a.h).end().eq(5).val(a.s).end().eq(6).val(a.b).end()},l=function(a,b){c(b).data("colorpicker").fields.eq(0).val(k(h(a))).end()},
o=function(a,b){c(b).data("colorpicker").selector.css("backgroundColor","#"+k(h({h:a.h,s:100,b:100})));c(b).data("colorpicker").selectorIndic.css({left:parseInt(150*a.s/100,10),top:parseInt(150*(100-a.b)/100,10)})},p=function(a,b){c(b).data("colorpicker").hue.css("top",parseInt(150-150*a.h/360,10))},r=function(a,b){c(b).data("colorpicker").currentColor.css("backgroundColor","#"+k(h(a)))},q=function(a,b){c(b).data("colorpicker").newColor.css("backgroundColor","#"+k(h(a)))},D=function(a){a=a.charCode||
a.keyCode||-1;if(a>e&&a<=90||a==32)return!1;c(this).parent().parent().data("colorpicker").livePreview===!0&&g.apply(this)},g=function(a){var b=c(this).parent().parent(),d;if(this.parentNode.className.indexOf("_hex")>0){d=b.data("colorpicker");var f=this.value,e=6-f.length;if(e>0){for(var g=[],j=0;j<e;j++)g.push("0");g.push(f);f=g.join("")}f=m(s(f));d.color=d=f}else this.parentNode.className.indexOf("_hsb")>0?b.data("colorpicker").color=d=t({h:parseInt(b.data("colorpicker").fields.eq(4).val(),10),
s:parseInt(b.data("colorpicker").fields.eq(5).val(),10),b:parseInt(b.data("colorpicker").fields.eq(6).val(),10)}):(d=b.data("colorpicker"),f={r:parseInt(b.data("colorpicker").fields.eq(1).val(),10),g:parseInt(b.data("colorpicker").fields.eq(2).val(),10),b:parseInt(b.data("colorpicker").fields.eq(3).val(),10)},d.color=d=m({r:Math.min(255,Math.max(0,f.r)),g:Math.min(255,Math.max(0,f.g)),b:Math.min(255,Math.max(0,f.b))}));a&&(i(d,b.get(0)),l(d,b.get(0)),n(d,b.get(0)));o(d,b.get(0));p(d,b.get(0));q(d,
b.get(0));b.data("colorpicker").onChange.apply(b,[d,k(h(d)),h(d)])},E=function(){c(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")},F=function(){e=this.parentNode.className.indexOf("_hex")>0?70:65;c(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");c(this).parent().addClass("colorpicker_focus")},G=function(a){var b=c(this).parent().find("input").focus(),a={el:c(this).parent().addClass("colorpicker_slider"),max:this.parentNode.className.indexOf("_hsb_h")>
0?360:this.parentNode.className.indexOf("_hsb")>0?100:255,y:a.pageY,field:b,val:parseInt(b.val(),10),preview:c(this).parent().parent().data("colorpicker").livePreview};c(document).bind("mouseup",a,u);c(document).bind("mousemove",a,v)},v=function(a){a.data.field.val(Math.max(0,Math.min(a.data.max,parseInt(a.data.val+a.pageY-a.data.y,10))));a.data.preview&&g.apply(a.data.field.get(0),[!0]);return!1},u=function(a){g.apply(a.data.field.get(0),[!0]);a.data.el.removeClass("colorpicker_slider").find("input").focus();
c(document).unbind("mouseup",u);c(document).unbind("mousemove",v);return!1},H=function(){var a={cal:c(this).parent(),y:c(this).offset().top};a.preview=a.cal.data("colorpicker").livePreview;c(document).bind("mouseup",a,w);c(document).bind("mousemove",a,x)},x=function(a){g.apply(a.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360*(150-Math.max(0,Math.min(150,a.pageY-a.data.y)))/150,10)).get(0),[a.data.preview]);return!1},w=function(a){i(a.data.cal.data("colorpicker").color,a.data.cal.get(0));
l(a.data.cal.data("colorpicker").color,a.data.cal.get(0));c(document).unbind("mouseup",w);c(document).unbind("mousemove",x);return!1},I=function(){var a={cal:c(this).parent(),pos:c(this).offset()};a.preview=a.cal.data("colorpicker").livePreview;c(document).bind("mouseup",a,y);c(document).bind("mousemove",a,z)},z=function(a){g.apply(a.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100*(150-Math.max(0,Math.min(150,a.pageY-a.data.pos.top)))/150,10)).end().eq(5).val(parseInt(100*Math.max(0,Math.min(150,
a.pageX-a.data.pos.left))/150,10)).get(0),[a.data.preview]);return!1},y=function(a){i(a.data.cal.data("colorpicker").color,a.data.cal.get(0));l(a.data.cal.data("colorpicker").color,a.data.cal.get(0));c(document).unbind("mouseup",y);c(document).unbind("mousemove",z);return!1},J=function(){c(this).addClass("colorpicker_focus")},K=function(){c(this).removeClass("colorpicker_focus")},L=function(a){var b=c(this).parent(),d=b.data("colorpicker").color;b.data("colorpicker").origColor=d;r(d,b.get(0));b.data("colorpicker").onSubmit(d,
k(h(d)),h(d),b.data("colorpicker").el,a)},B=function(){var a=c("#"+c(this).data("colorpickerId"));a.data("colorpicker").onBeforeShow.apply(this,[a.get(0)]);var b=c(this).offset(),d;d=document.compatMode=="CSS1Compat";d={l:window.pageXOffset||(d?document.documentElement.scrollLeft:document.body.scrollLeft),t:window.pageYOffset||(d?document.documentElement.scrollTop:document.body.scrollTop),w:window.innerWidth||(d?document.documentElement.clientWidth:document.body.clientWidth),h:window.innerHeight||
(d?document.documentElement.clientHeight:document.body.clientHeight)};var f=b.top+this.offsetHeight,b=b.left;f+176>d.t+d.h&&(f-=this.offsetHeight+176);b+356>d.l+d.w&&(b-=356);a.css({left:b+"px",top:f+"px"});a.data("colorpicker").onShow.apply(this,[a.get(0)])!=!1&&a.show();c(document).bind("mousedown",{cal:a},A);return!1},A=function(a){M(a.data.cal.get(0),a.target,a.data.cal.get(0))||(a.data.cal.data("colorpicker").onHide.apply(this,[a.data.cal.get(0)])!=!1&&a.data.cal.hide(),c(document).unbind("mousedown",
A))},M=function(a,b,d){if(a==b)return!0;if(a.contains)return a.contains(b);if(a.compareDocumentPosition)return!!(a.compareDocumentPosition(b)&16);for(b=b.parentNode;b&&b!=d;){if(b==a)return!0;b=b.parentNode}return!1},t=function(a){return{h:Math.min(360,Math.max(0,a.h)),s:Math.min(100,Math.max(0,a.s)),b:Math.min(100,Math.max(0,a.b))}},s=function(a){a=parseInt(a.indexOf("#")>-1?a.substring(1):a,16);return{r:a>>16,g:(a&65280)>>8,b:a&255}},m=function(a){var b={h:0,s:0,b:0},d=Math.max(a.r,a.g,a.b),c=d-
Math.min(a.r,a.g,a.b);b.b=d;b.s=d!=0?255*c/d:0;b.h=b.s!=0?a.r==d?(a.g-a.b)/c:a.g==d?2+(a.b-a.r)/c:4+(a.r-a.g)/c:-1;b.h*=60;b.h<0&&(b.h+=360);b.s*=100/255;b.b*=100/255;return b},h=function(a){var b={},d=Math.round(a.h),c=Math.round(a.s*255/100),a=Math.round(a.b*255/100);if(c==0)b.r=b.g=b.b=a;else{var c=(255-c)*a/255,e=(a-c)*(d%60)/60;d==360&&(d=0);d<60?(b.r=a,b.b=c,b.g=c+e):d<120?(b.g=a,b.b=c,b.r=a-e):d<180?(b.g=a,b.r=c,b.b=c+e):d<240?(b.b=a,b.r=c,b.g=a-e):d<300?(b.b=a,b.g=c,b.r=c+e):d<360?(b.r=a,
b.g=c,b.b=a-e):(b.r=0,b.g=0,b.b=0)}return{r:Math.round(b.r),g:Math.round(b.g),b:Math.round(b.b)}},k=function(a){var b=[a.r.toString(16),a.g.toString(16),a.b.toString(16)];c.each(b,function(a,c){c.length==1&&(b[a]="0"+c)});return b.join("")},N=function(){var a=c(this).parent(),b=a.data("colorpicker").origColor;a.data("colorpicker").color=b;i(b,a.get(0));l(b,a.get(0));n(b,a.get(0));o(b,a.get(0));p(b,a.get(0));q(b,a.get(0))};return{init:function(a){a=c.extend({},j,a||{});if(typeof a.color=="string")a.color=
m(s(a.color));else if(a.color.r!=void 0&&a.color.g!=void 0&&a.color.b!=void 0)a.color=m(a.color);else if(a.color.h!=void 0&&a.color.s!=void 0&&a.color.b!=void 0)a.color=t(a.color);else return this;return this.each(function(){if(!c(this).data("colorpickerId")){var b=c.extend({},a);b.origColor=a.color;var d="collorpicker_"+parseInt(Math.random()*1E3);c(this).data("colorpickerId",d);d=c('<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id",
d);b.flat?d.appendTo(this).show():d.appendTo(document.body);b.fields=d.find("input").bind("keyup",D).bind("change",g).bind("blur",E).bind("focus",F);d.find("span").bind("mousedown",G).end().find(">div.colorpicker_current_color").bind("click",N);b.selector=d.find("div.colorpicker_color").bind("mousedown",I);b.selectorIndic=b.selector.find("div div");b.el=this;b.hue=d.find("div.colorpicker_hue div");d.find("div.colorpicker_hue").bind("mousedown",H);b.newColor=d.find("div.colorpicker_new_color");b.currentColor=
d.find("div.colorpicker_current_color");d.data("colorpicker",b);d.find("div.colorpicker_submit").bind("mouseenter",J).bind("mouseleave",K).bind("click",L);i(b.color,d.get(0));n(b.color,d.get(0));l(b.color,d.get(0));p(b.color,d.get(0));o(b.color,d.get(0));r(b.color,d.get(0));q(b.color,d.get(0));b.flat?d.css({position:"relative",display:"block"}):c(this).bind(b.eventName,B)}})},showPicker:function(){return this.each(function(){c(this).data("colorpickerId")&&B.apply(this)})},hidePicker:function(){return this.each(function(){c(this).data("colorpickerId")&&
c("#"+c(this).data("colorpickerId")).hide()})},setColor:function(a){if(typeof a=="string")a=m(s(a));else if(a.r!=void 0&&a.g!=void 0&&a.b!=void 0)a=m(a);else if(a.h!=void 0&&a.s!=void 0&&a.b!=void 0)a=t(a);else return this;return this.each(function(){if(c(this).data("colorpickerId")){var b=c("#"+c(this).data("colorpickerId"));b.data("colorpicker").color=a;b.data("colorpicker").origColor=a;i(a,b.get(0));n(a,b.get(0));l(a,b.get(0));p(a,b.get(0));o(a,b.get(0));r(a,b.get(0));q(a,b.get(0))}})}}}();c.fn.extend({ColorPicker:e.init,
ColorPickerHide:e.hidePicker,ColorPickerShow:e.showPicker,ColorPickerSetColor:e.setColor})}(jQuery),$("#wcolor,#color").html("<div></div>"),defaulColor=my_getcookie("defaultColor")?my_getcookie("defaultColor"):"000000",$("#color div").ColorPicker({color:defaulColor,flat:!0,onSubmit:function(c,e,C,j){my_setcookie("defaultColor",e,1,0);bbfontstyle("[color=#"+e+"]","[/color]");selectWysiwyg(j,"color");return!1}}),$("#wcolor div").ColorPicker({color:defaulColor,flat:!0,onSubmit:function(c,e,C,j,i){my_setcookie("defaultColor",
e,1,0);vB_Editor.text_editor.format(i,"constructBBcode_select_color_#"+e,!1,!0)}}))
});
Re: Couleurs : sélecteur + couleurs déja présentes ?
Merci beaucoup, ça marche maintenant.
+1 pour tes messages.
Sujet clos et résolu
+1 pour tes messages.
Sujet clos et résolu
Sujets similaires
» Problème pour installer le code couleurs ( sélecteur de couleurs ), une bonne âme pour m'aider ?
» [Membres] Permettre aux membres de choisir entre liste de couleurs et sélecteur de couleurs
» Sélecteur de couleurs qui ne fonctionne pas
» Ajout d'un sélecteur de couleurs
» Sélecteur de couleurs ne fonctionne pas.
» [Membres] Permettre aux membres de choisir entre liste de couleurs et sélecteur de couleurs
» Sélecteur de couleurs qui ne fonctionne pas
» Ajout d'un sélecteur de couleurs
» Sélecteur de couleurs ne fonctionne pas.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum