어떻게 javascript 객체를 사용하여 이미지 맵을 만들 수 있습니까?

javascript 객체를 사용하여 이미지 맵을 만드는 문제에 봉착 한 것처럼 보입니다. 목표는이 코드가 색상을 반환하도록하는 것입니다. 나는 js 객체를 사용하여 내 텍스트 편집기 플러그인을 작업하고 있으며, 굵게, 밑줄, 폰트 크기가 작동하지만 ForeColor 옵션을 사용할 수없는 것 같습니다. 이것은 제가 지금까지 가지고있는 forecolor 선택자를위한 코드입니다. 더 나은 해결책이 있다면 pls가 제안했습니다. 감사.어떻게 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