如何使用JavaScript對象製作圖像地圖

我似乎被卡在使用JavaScript對象製作圖像地圖的問題上。目標是讓此代碼返回一種顏色。我正在使用js對象處理我自己的文本編輯器插件，並且我得到了粗體，下劃線，字體大小的工作，但似乎無法繞過ForeColor選項。這是迄今爲止我所用的前景色選擇器的代碼。如果你有更好的解決方案，請提出建議。謝謝。如何使用JavaScript對象製作圖像地圖

$.fn.JStextEditor = function(options){ 

    // extend the option with the default ones 
    var settings = $.extend({ 
     coords : ["7,36,21,51","29,36,43,50","51,36,65,51"] 
        //with some other options.. 
    },options); 


     //Font Selector 
     var ForeColorPick = $("<img/>",{ 
     id : "forecolorPicker", 
     src : "images/colorPallette.png", 
     usemap : "#colorPicker", 
     css : { 
        display : "none", 
        "float" : "left", 
        width : "185px", 
        height : "214px", 
        border : "none" 
       }, 
      data : { 
       commandName : "foreColor" 
      }, 
      click : execCommand 

      }).appendTo(SomeDiv); 





     var colorMap = $("<map/>",{ 
      "name" : "colorPicker"    
      }).appendTo(buttonPane); 




     $.each(settings.coords,function(i,v){ 
      $("<area/>",{ 
       value : v, 
       shape : "rect", 
       css : { 
        cursor : "pointer" 
       }, 
       "coords" : v 
      }).appendTo(colorMap); 

      }); 

};

來源

2013-07-04 user2550886