home *** CD-ROM | disk | FTP | other *** search
/ ftp.swcp.com / ftp.swcp.com.zip / ftp.swcp.com / mac / mozilla-macos9-1.3.1.sea.bin / Mozilla1.3.1 / Chrome / comm.jar / content / editor / EdColorPicker.js < prev    next >
Text File  |  2003-06-08  |  9KB  |  324 lines
  1. /* 
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *  
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *  
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  * 
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  * 
  20.  * Contributor(s): 
  21.  *   Daniel Glazman (glazman@netscape.com)
  22.  *   Charles Manske (cmanske@netscape.com)
  23.  */
  24.  
  25.  
  26. //Cancel() is in EdDialogCommon.js
  27. var insertNew = true;
  28. var tagname = "TAG NAME"
  29. var gColor = "";
  30. var LastPickedColor = "";
  31. var ColorType = "Text";
  32. var TextType = false;
  33. var HighlightType = false;
  34. var TableOrCell = false;
  35. var LastPickedIsDefault = true;
  36. var NoDefault = false;
  37. var gColorObj;
  38.  
  39. // dialog initialization code
  40. function Startup()
  41. { 
  42.   if (!window.arguments[1])
  43.   {
  44.     dump("EdColorPicker: Missing color object param\n");
  45.     return;
  46.   }
  47.  
  48.   // window.arguments[1] is object to get initial values and return color data
  49.   gColorObj = window.arguments[1];
  50.   gColorObj.Cancel = false;
  51.  
  52.   gDialog.ColorPicker      = document.getElementById("ColorPicker");
  53.   gDialog.ColorInput       = document.getElementById("ColorInput");
  54.   gDialog.LastPickedButton = document.getElementById("LastPickedButton");
  55.   gDialog.LastPickedColor  = document.getElementById("LastPickedColor");
  56.   gDialog.CellOrTableGroup = document.getElementById("CellOrTableGroup");
  57.   gDialog.TableRadio       = document.getElementById("TableRadio");
  58.   gDialog.CellRadio        = document.getElementById("CellRadio");
  59.   gDialog.ColorSwatch      = document.getElementById("ColorPickerSwatch");
  60.   gDialog.Ok               = document.documentElement.getButton("accept");
  61.  
  62.   // The type of color we are setting: 
  63.   //  text: Text, Link, ActiveLink, VisitedLink, 
  64.   //  or background: Page, Table, or Cell
  65.   if (gColorObj.Type)
  66.   {
  67.     ColorType = gColorObj.Type;
  68.     // Get string for dialog title from passed-in type 
  69.     //   (note constraint on editor.properties string name)
  70.     var prefs = GetPrefs();
  71.     var IsCSSPrefChecked = prefs.getBoolPref("editor.use_css");
  72.  
  73.     if (GetCurrentEditor())
  74.     {
  75.       window.title = GetString(ColorType+"Color");
  76.       if (ColorType == "Page" && IsCSSPrefChecked && IsHTMLEditor())
  77.         window.title = GetString("BlockColor");
  78.     }
  79.   }
  80.   if (!window.title)
  81.     window.title = GetString("Color");
  82.  
  83.  
  84.   gDialog.ColorInput.value = "";
  85.   var tmpColor;
  86.   var haveTableRadio = false;
  87.  
  88.   switch (ColorType)
  89.   {
  90.     case "Page":
  91.       tmpColor = gColorObj.PageColor;
  92.       if (tmpColor && tmpColor.toLowerCase() != "window")
  93.         gColor = tmpColor;
  94.       break;
  95.     case "Table":
  96.       if (gColorObj.TableColor)
  97.         gColor = gColorObj.TableColor;
  98.       break;
  99.     case "Cell":
  100.       if (gColorObj.CellColor)
  101.         gColor = gColorObj.CellColor;
  102.       break;
  103.     case "TableOrCell":
  104.       TableOrCell = true;
  105.       document.getElementById("TableOrCellGroup").collapsed = false;
  106.       haveTableRadio = true;
  107.       if (gColorObj.SelectedType == "Cell")
  108.       {
  109.         gColor = gColorObj.CellColor;
  110.         gDialog.CellOrTableGroup.selectedItem = gDialog.CellRadio;
  111.         gDialog.CellRadio.focus();
  112.       }
  113.       else
  114.       {
  115.         gColor = gColorObj.TableColor;
  116.         gDialog.CellOrTableGroup.selectedItem = gDialog.TableRadio;
  117.         gDialog.TableRadio.focus();
  118.       }
  119.       break;
  120.     case "Highlight":
  121.       HighlightType = true;
  122.       if (gColorObj.HighlightColor)
  123.         gColor = gColorObj.HighlightColor;
  124.       break;
  125.     default:
  126.       // Any other type will change some kind of text,
  127.       TextType = true;
  128.       tmpColor = gColorObj.TextColor;
  129.       if (tmpColor && tmpColor.toLowerCase() != "windowtext")
  130.         gColor = gColorObj.TextColor;
  131.       break;
  132.   }
  133.  
  134.   // Set initial color in input field and in the colorpicker
  135.   SetCurrentColor(gColor);
  136.   gDialog.ColorPicker.initColor(gColor);
  137.  
  138.   // Use last-picked colors passed in, or those persistent on dialog
  139.   if (TextType)
  140.   {
  141.     if ( !("LastTextColor" in gColorObj) || !gColorObj.LastTextColor)
  142.       gColorObj.LastTextColor = gDialog.LastPickedColor.getAttribute("LastTextColor");
  143.     LastPickedColor = gColorObj.LastTextColor;
  144.   }
  145.   else if (HighlightType)
  146.   {
  147.     if ( !("LastHighlightColor" in gColorObj) || !gColorObj.LastHighlightColor)
  148.       gColorObj.LastHighlightColor = gDialog.LastPickedColor.getAttribute("LastHighlightColor");
  149.     LastPickedColor = gColorObj.LastHighlightColor;
  150.   }
  151.   else
  152.   {
  153.     if ( !("LastBackgroundColor" in gColorObj) || !gColorObj.LastBackgroundColor)
  154.       gColorObj.LastBackgroundColor = gDialog.LastPickedColor.getAttribute("LastBackgroundColor");
  155.     LastPickedColor = gColorObj.LastBackgroundColor;
  156.   }
  157.   gDialog.LastPickedColor.setAttribute("style","background-color: "+LastPickedColor);
  158.  
  159.   // Set method to detect clicking on OK button
  160.   //  so we don't get fooled by changing "default" behavior
  161.   gDialog.Ok.setAttribute("onclick", "SetDefaultToOk()");
  162.  
  163.   // Make the "Last-picked" the default button
  164.   //  until the user selects a color
  165.   gDialog.Ok.removeAttribute("default");
  166.   gDialog.LastPickedButton.setAttribute("default","true");
  167.  
  168.   // Caller can prevent user from submitting an empty, i.e., default color
  169.   NoDefault = gColorObj.NoDefault;
  170.   if (NoDefault)
  171.   {
  172.     // Hide the "Default button -- user must pick a color
  173.     document.getElementById("DefaultColorButton").collapsed = true;
  174.   }
  175.  
  176.   // Set focus to colorpicker if not set to table radio buttons above
  177.   if (!haveTableRadio)
  178.     gDialog.ColorPicker.focus();
  179.  
  180.   SetWindowLocation();
  181. }
  182.  
  183. function ChangePalette(palette)
  184. {
  185.   gDialog.ColorPicker.setAttribute("palettename", palette);
  186.   window.sizeToContent();
  187. }
  188.  
  189. function SelectColor()
  190. {
  191.   var color = gDialog.ColorPicker.color;
  192.   if (color)
  193.     SetCurrentColor(color);
  194. }
  195.  
  196. function RemoveColor()
  197. {
  198.   SetCurrentColor("");
  199.   gDialog.ColorInput.focus();
  200.   SetDefaultToOk();
  201. }
  202.  
  203. function SelectColorByKeypress(aEvent)
  204. {
  205.   if (aEvent.charCode == aEvent.DOM_VK_SPACE)
  206.   {
  207.     SelectColor();
  208.     SetDefaultToOk();
  209.   }
  210. }
  211.  
  212. function SelectLastPickedColor()
  213. {
  214.   SetCurrentColor(LastPickedColor);
  215.   if ( onAccept() )
  216.     //window.close();
  217.     return true;
  218.  
  219.   return false;
  220. }
  221.  
  222. function SetCurrentColor(color)
  223. {
  224.   // TODO: Validate color?
  225.   if(!color) color = "";
  226.   gColor = TrimString(color).toLowerCase();
  227.   if (gColor == "mixed")
  228.     gColor = "";
  229.   gDialog.ColorInput.value = gColor;
  230.   SetColorSwatch();
  231. }
  232.  
  233. function SetColorSwatch()
  234. {
  235.   // TODO: DON'T ALLOW SPACES?
  236.   var color = TrimString(gDialog.ColorInput.value);
  237.   if (color)
  238.   {
  239.     gDialog.ColorSwatch.setAttribute("style",("background-color:"+color));
  240.     gDialog.ColorSwatch.removeAttribute("default");
  241.   }
  242.   else
  243.   {
  244.     gDialog.ColorSwatch.setAttribute("style",("background-color:inherit"));
  245.     gDialog.ColorSwatch.setAttribute("default","true");
  246.   }
  247. }
  248.  
  249. function SetDefaultToOk()
  250. {
  251.   gDialog.LastPickedButton.removeAttribute("default");
  252.   gDialog.Ok.setAttribute("default","true");
  253.   LastPickedIsDefault = false;
  254. }
  255.  
  256. function ValidateData()
  257. {
  258.   if (LastPickedIsDefault)
  259.     gColor = LastPickedColor;
  260.   else
  261.     gColor = gDialog.ColorInput.value;
  262.   
  263.   gColor = TrimString(gColor).toLowerCase();
  264.  
  265.   // TODO: Validate the color string!
  266.  
  267.   if (NoDefault && !gColor)
  268.   {
  269.     ShowInputErrorMessage(GetString("NoColorError"));
  270.     SetTextboxFocus(gDialog.ColorInput);
  271.     return false;   
  272.   }
  273.   return true;
  274. }
  275.  
  276. function onAccept()
  277. {
  278.   if (!ValidateData())
  279.     return false;
  280.  
  281.   // Set return values and save in persistent color attributes
  282.   if (TextType)
  283.   {
  284.     gColorObj.TextColor = gColor;
  285.     if (gColor.length > 0)
  286.     {
  287.       gDialog.LastPickedColor.setAttribute("LastTextColor", gColor);
  288.       gColorObj.LastTextColor = gColor;
  289.     }
  290.   }
  291.   else if (HighlightType)
  292.   {
  293.     gColorObj.HighlightColor = gColor;
  294.     if (gColor.length > 0)
  295.     {
  296.       gDialog.LastPickedColor.setAttribute("LastHighlightColor", gColor);
  297.       gColorObj.LastHighlightColor = gColor;
  298.     }
  299.   }
  300.   else
  301.   {
  302.     gColorObj.BackgroundColor = gColor;
  303.     if (gColor.length > 0)
  304.     {
  305.       gDialog.LastPickedColor.setAttribute("LastBackgroundColor", gColor);
  306.       gColorObj.LastBackgroundColor = gColor;
  307.     }
  308.     // If table or cell requested, tell caller which element to set on
  309.     if (TableOrCell && gDialog.TableRadio.selected)
  310.       gColorObj.Type = "Table";
  311.   }
  312.   SaveWindowLocation();
  313.  
  314.   return true; // do close the window
  315. }
  316.  
  317. function onCancelColor()
  318. {
  319.   // Tells caller that user canceled
  320.   gColorObj.Cancel = true;
  321.   SaveWindowLocation();
  322.   return true;
  323. }
  324.