KleurenTabel

He,

Laats heb ik een tutorial van het Franse forum vertaald en deze werkt, zoals ik al wist, zeer goed en kun je zonder al te veel moeite veranderen qua moeite. Ik zelf heb dus niet veel verstand van code's en de desbetreffende code gaat zeg maar zo:

x - x - x - x - x - x - x - x
x - x - x - x - x - x - x - x
x - x - x - x - x - x - x - x
x - x - x - x - x - x

Elke x staat voor een andere kleur, maar op deze manier kun je heel moeilijk een verdeling maken tussen de kleuren. Ik wil dus dat je een kolom krijgt van 5 breed en 3 laag. Is dit op een of andere manier mogelijk.

Dit is de code (en zo nodig kun je mijn vertaalde versie vinden bij de Tutorials):

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);
     }    
   }
})});

Snapt iemand de vraag of moet ik het even anders verwoorden ??

Je bepaalt het aantal rijen en kolommen dmv de hoogte en de breedte van je vak. Dit kan je aanpassen in de css.

Code:

.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;
}

1 vakje is 25px*25px, dus als je 5 kolommen en 3 rijen wilt pas je de hoogte aan naar 75px en de breedte naar 125px.

---

Sorry voor de late reactie, ik had het gelezen maar uitgesteld en dan vergeten

Is niet erg hoor
Ben zelf ook met van alles bezig op me forum, dus ik zal het vanavond na Once Upon a Time (<3) of morgen even uittesten en dan zal ik het topic waarschijnlijk wel op opgelost gooien en anders vraag ik nog wel iets