Changeset 54501 in spip-zone


Ignore:
Timestamp:
Nov 15, 2011, 7:15:29 PM (8 years ago)
Author:
kent1@…
Message:

Si utilisé dans le public, on modifie l'init des input palette en créant un farbtastic à l'init et en mettant les bonnes directives CSS puis supprimant le farbtastic...

On a donc le background de couleur et le texte en noir ou blanc dès l'init et non pas noir tout le temps

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/palette/javascript/palette2.js.html

    r38973 r54501  
    22        $(document).ready(
    33                function() {
    4                 init_palette();
    5                 onAjaxLoad(init_palette);
    6     }
     4                        init_palette();
     5                        onAjaxLoad(init_palette);
     6                }
    77        );
    88
    99        function init_palette() {
    10           $("input.palette").each(
    11                 function(i, palette){
    12                   $(palette).css("background-color", $(palette).attr("value"));
    13                   palette.id = palid(palette);
    14                         $(this).focus(function(){
    15                                 $(".colorpicker").empty().remove();
    16                                 $(palette)
    17                                 .after('<div class="colorpicker"><div class="colorpicker_close" title="<:palette:fermer:>">&nbsp;&#215;&nbsp;</div><div class="colorpicker_bar"><:palette:palette:></div><div id="colorpicker"></div></div>');
    18                                 $.farbtastic('#colorpicker', palette);
    19                                 $(".colorpicker_close")
    20                                 .hover(function() {$(this).addClass("hover");}, function(){ $(this).removeClass("hover");})
    21                                 .click(function() {$(".colorpicker").empty().remove();});
    22                   });
    23                         $(this).blur(function(){
    24                                 $(".colorpicker").empty().remove();
    25                         });
    26                 }
    27           );
     10                $("input.palette").each(
     11                        function(i, palette){
     12                                palette.id = palid(palette);
     13                               
     14                                /**
     15                                 * On doit créer un farbtastic pour mettre à jour correctement le background +color du champ
     16                                 */
     17                                $(palette)
     18                                        .after('<div class="colorpicker"><div class="colorpicker_close" title="<:palette:fermer:>">&nbsp;&#215;&nbsp;</div><div class="colorpicker_bar"><:palette:palette:></div><div id="colorpicker"></div></div>');
     19                                $.farbtastic('#colorpicker', palette).updateDisplay();
     20                                $(".colorpicker").empty().remove();
     21                               
     22                                /**
     23                                 * Au focus on ouvre un farbtastic
     24                                 */
     25                                $(this).focus(function(){
     26                                        $(".colorpicker").empty().remove();
     27                                        $(palette)
     28                                                .after('<div class="colorpicker"><div class="colorpicker_close" title="<:palette:fermer:>">&nbsp;&#215;&nbsp;</div><div class="colorpicker_bar"><:palette:palette:></div><div id="colorpicker"></div></div>');
     29                                        $.farbtastic('#colorpicker', palette);
     30                                        $(".colorpicker_close")
     31                                                .hover(function() {$(this).addClass("hover");}, function(){ $(this).removeClass("hover");})
     32                                                .click(function() {$(".colorpicker").empty().remove();});
     33                                });
     34                               
     35                                /**
     36                                 * Au blur, on ferm le farbtastic
     37                                 */
     38                                $(this).blur(function(){
     39                                        $(".colorpicker").empty().remove();
     40                                });
     41                        }
     42                );
    2843        };
    2944
    3045        function palid(element) {
    31           if (!$(element).attr("id")){
    32                 /* pas de id : on en cree un aleatoire, avec un numéro élevé pour pas trop risquer de collision */ 
    33                 var newid = parseInt(10000 + 10000*Math.random());
    34                 return newid;
    35           }
    36           return $(element).attr("id");
     46                if (!$(element).attr("id")){
     47                        /* pas de id : on en cree un aleatoire, avec un numéro élevé pour pas trop risquer de collision */ 
     48                        var newid = parseInt(10000 + 10000*Math.random());
     49                        return newid;
     50                }
     51                return $(element).attr("id");
    3752        };
    3853})(jQuery)};
Note: See TracChangeset for help on using the changeset viewer.