Ignore:
Timestamp:
01/28/07 01:52:59 (13 years ago)
Author:
ray
Message:

Ticket #923 colorPicker face lift & localisation

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/modules/ColorPicker/ColorPicker.js

    r694 r700  
    7777   * }}} 
    7878   */ 
    79  
     79  ColorPicker._pluginInfo = 
     80  { 
     81    name     : "colorPicker", 
     82    version  : "1.0", 
     83    developer: "James Sleeman", 
     84    developer_url: "http://www.gogo.co.nz/", 
     85    c_owner      : "Gogo Internet Services", 
     86    license      : "htmlArea", 
     87    sponsor      : "Gogo Internet Services", 
     88    sponsor_url  : "http://www.gogo.co.nz/" 
     89  }; 
     90  function ColorPicker()  
     91  { 
     92        // dummy function for Xinha plugin api, note the different names 
     93  } 
     94  //the actual function is below 
    8095  function colorPicker(params) 
    8196  { 
     
    102117    this.saved_cells = null; 
    103118    this.table = document.createElement('table'); 
     119    this.table.className = "dialog"; 
    104120    this.table.cellSpacing = this.table.cellPadding = 0; 
    105121    this.table.onmouseup = function() 
     
    111127    this.table.appendChild(this.tbody); 
    112128    this.table.style.border = '1px solid WindowFrame'; 
    113     this.table.style.backgroundColor = '#fff'; 
    114129    this.table.style.zIndex = '1000'; 
    115130    // Add a title bar and close button 
     
    118133    var td = document.createElement('td'); 
    119134    td.colSpan = this.side; 
    120     td.style.backgroundColor = '#ccc'; 
    121     td.style.color = '#000'; 
     135    td.className= "title"; 
    122136    td.style.fontFamily = 'small-caption,caption,sans-serif'; 
    123137    td.style.fontSize = 'x-small'; 
    124     td.appendChild(document.createTextNode('Click a color...')); 
     138    td.appendChild(document.createTextNode(Xinha._lc('Click a color...'))); 
    125139    td.style.borderBottom = '1px solid WindowFrame'; 
    126140    tr.appendChild(td); 
     
    128142 
    129143    var td = document.createElement('td'); 
     144    td.className= "title"; 
    130145    td.colSpan = 2; 
    131     td.style.backgroundColor = '#ccc'; //'ActiveCaption'; 
     146    td.style.fontFamily = 'Tahoma,Verdana,sans-serif'; 
    132147    td.style.borderBottom = '1px solid WindowFrame'; 
     148    td.style.paddingRight = '0'; 
    133149    tr.appendChild(td); 
     150     
    134151 
    135152    var but = document.createElement('div'); 
    136     but.style.height = '12px'; 
    137     but.style.width = '12px'; 
    138     but.style.border = '2px outset'; 
     153    but.title = Xinha._lc("Close"); 
     154    but.className= 'buttonColor'; 
     155    but.style.height = '11px'; 
     156    but.style.width = '11px'; 
    139157    but.style.cursor = 'pointer'; 
    140158    but.onclick = function() { picker.close(); }; 
     
    145163    but.style.cssFloat = 'right'; 
    146164    but.style.styleFloat = 'right'; 
    147     but.style.backgroundColor = '#eee'; 
     165    but.style.padding = '0'; 
     166    but.style.margin = '2px'; 
     167    but.style.backgroundColor = 'transparent'; 
     168    but.style.fontSize= '11px'; 
     169    if ( !Xinha.is_ie) but.style.lineHeight= '9px'; // line-height:9px is better for centering the x, but IE cuts it off at the bottom :( 
     170    but.style.letterSpacing= '0'; 
     171     
     172         
    148173    td.appendChild(but); 
    149174 
     
    157182    this.chosenColor.type = 'text'; 
    158183    this.chosenColor.maxLength = 7; 
    159     this.chosenColor.style.width = '56px'; 
     184    this.chosenColor.style.width = '50px'; 
     185    this.chosenColor.style.fontSize = '11px'; 
     186     
    160187    this.chosenColor.onchange = function() 
    161188      { 
     
    174201 
    175202    this.foreSample = document.createElement('div'); 
    176     this.foreSample.appendChild(document.createTextNode('Sample')); 
     203    this.foreSample.appendChild(document.createTextNode(Xinha._lc('Sample'))); 
    177204    this.foreSample.style.fontWeight = 'bold'; 
    178205    this.foreSample.style.fontFamily = 'small-caption,caption,sans-serif'; 
     
    609636        var div = document.createElement('div'); 
    610637        var label = document.createElement('label'); 
    611         label.appendChild(document.createTextNode('Web Safe: ')); 
     638        label.appendChild(document.createTextNode(Xinha._lc('Web Safe: '))); 
    612639 
    613640        this.constrain_cb.onclick = function() { picker.pick_color(); }; 
     
    624651        label.style.fontFamily = 'small-caption,caption,sans-serif'; 
    625652        label.style.fontSize = 'x-small'; 
    626         label.appendChild(document.createTextNode('Color: ')); 
     653        label.appendChild(document.createTextNode(Xinha._lc('Color: '))); 
    627654        label.appendChild(this.chosenColor); 
    628655        div.appendChild(label); 
    629656        var but = document.createElement('span'); 
    630         but.style.height = '12px'; 
     657        but.className = "buttonColor "; 
     658        but.style.fontSize = '13px'; 
    631659        but.style.width = '24px'; 
    632         but.style.border = '2px outset'; 
    633         but.style.backgroundColor = '#eee'; 
    634         but.style.marginLeft = '6px'; 
     660        but.style.marginLeft = '2px'; 
     661        but.style.padding = '0px 4px'; 
    635662        but.style.cursor = 'pointer'; 
    636663        but.onclick = function() { colorPicker.remember(picker.chosenColor.value, picker.savecolors); picker.callback(picker.chosenColor.value); picker.close(); }; 
     
    751778      @*/ 
    752779    }; 
    753  
    754780  } 
    755781 
     
    794820  } 
    795821}; 
     822 
     823colorPicker._lc = function(string) { 
     824  return Xinha._lc(string); 
     825} 
Note: See TracChangeset for help on using the changeset viewer.