Loading ...
Sorry, an error occurred while loading the content.
 

RE: [NH] Still struggling newbie has question

Expand Messages
  • Grant
    ... Ok I whipped this up this morning; It uses the 140 named netscape colors . There is room for improvement but it seems to have the makings of a pretty
    Message 1 of 4 , Aug 27, 2000
      > What is the best way to select color backgrounds? I know how to select
      > from NoteTab's "Color" list but isn't there some way to just click and
      > change and view colors instantly without having to browse through the
      > entire list one at a time, view in browser, etc.?

      Ok I whipped this up this morning;

      It uses the 140 named netscape colors .
      There is room for improvement but it seems to have the makings of a pretty
      brill colorpicker (If I must say so myself.)
      It's pretty intuitive to use. It outputs a 'style selector' in the textarea
      which is selected so you just have to hit copy and paste into a style block
      in the head of your document.
      <head>
      <style>
      PASTE HERE
      </style>
      </head>

      This is for ie4+ only as it uses the innerHTML property to to change the
      DIVs style properties.
      If you have ade ns the default browser you will need o change(^!Toolbar View
      In Browser) to (^!Toolbar View Other Browser)
      However the output is appropiate for all browsers.
      Give it a whirl. If you can think of ways to expand or improve it, let me
      know...

      h="clr"
      ^!SetNameFormat "colorPicker.htm"
      ^!Toolbar New Document
      ^$GetClipText(clrPick)$
      ^!Toolbar View In Browser
      ^!DestroyDoc

      h="_clrPick"
      <?xml version="1.0" encoding="UTF-8"?>
      <!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "DTD/xhtml1-strict.DTD">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
      <head>
      <title>color select</title>
      <script>
      function getCss(nm)
      {
      var bgc = document.frm.selBackground
      var clr = document.frm.selColor
      var clrVal = clr.options.item(clr.selectedIndex).value;
      var bgcVal = bgc.options.item(bgc.selectedIndex).value;
      var txt = ""
      txt += nm
      txt += "\n{\nbackground-color: "
      txt += bgcVal
      txt += ";\ncolor: "
      txt += clrVal
      txt += ";\n}"
      document.frm.txtr.value = txt
      bgc.style.color = clrVal
      clr.style.color = clrVal
      bgc.style.backgroundColor = bgcVal
      clr.style.backgroundColor = bgcVal
      }

      function display(thisStyle,val)
      {
      var node = document.getElementById(getCheckedRadio())
      switch(thisStyle)
      {
      case 'backgroundColor':
      node.style.backgroundColor = val
      getCss(node.id)
      break;

      case 'color':
      node.style.color = val
      getCss(node.id)
      break;
      }
      document.frm.txtr.select()
      }

      function getCheckedRadio()
      {
      var max = document.frm.rad.length
      for(var i = 0;i < max;i++)
      {
      if(document.frm.rad[i].checked)
      {
      return document.frm.rad[i].value
      }
      }
      }
      </script>

      </head>
      <body>
      <form name= "frm">

      <input type="radio" name="rad" value="body" checked="checked" />
      <label>body</label>
      <input type="radio" name="rad" value="h1" />
      <label>h1</label>
      <input type="radio" name="rad" value="h2" />
      <label>h2</label>
      <input type="radio" name="rad" value="h3" />
      <label>h3</label>
      <input type="radio" name="rad" value="p" />
      <label>p</label>
      <br />
      <label>Background Color</label>
      <select name="selBackground"
      onchange="display('backgroundColor',this.options.item(this.selectedIndex).va
      lue)">
      <option style="background-color: F0F8FF" value="F0F8FF" >aliceblue</option>
      <option style="background-color: FAEBD7" value="FAEBD7"
      >antiquewhite</option>
      <option style="background-color: 00FFFF" value="00FFFF" >aqua</option>
      <option style="background-color: 7FFFD4" value="7FFFD4" >aquamarine</option>
      <option style="background-color: F0FFFF" value="F0FFFF" >azure</option>
      <option style="background-color: F5F5DC" value="F5F5DC" >beige</option>
      <option style="background-color: FFE4C4" value="FFE4C4" >bisque</option>
      <option style="background-color: 000000" value="000000" >black</option>
      <option style="background-color: FFEBCD" value="FFEBCD"
      >blanchedalmond</option>
      <option style="background-color: 0000FF" value="0000FF" >blue</option>
      <option style="background-color: 8A2BE2" value="8A2BE2" >blueviolet</option>
      <option style="background-color: A52A2A" value="A52A2A" >brown</option>
      <option style="background-color: DEB887" value="DEB887" >burlywood</option>
      <option style="background-color: 5F9EA0" value="5F9EA0" >cadetblue</option>
      <option style="background-color: 7FFF00" value="7FFF00" >chartreuse</option>
      <option style="background-color: D2691E" value="D2691E" >chocolate</option>
      <option style="background-color: FF7F50" value="FF7F50" >coral</option>
      <option style="background-color: 6495ED" value="6495ED"
      >cornflowerblue</option>
      <option style="background-color: FFF8DC" value="FFF8DC" >cornsilk</option>
      <option style="background-color: DC143C" value="DC143C" >crimson</option>
      <option style="background-color: 00FFFF" value="00FFFF" >cyan</option>
      <option style="background-color: 00008B" value="00008B" >darkblue</option>
      <option style="background-color: 008B8B" value="008B8B" >darkcyan</option>
      <option style="background-color: B8860B" value="B8860B"
      >darkgoldenrod</option>
      <option style="background-color: A9A9A9" value="A9A9A9" >darkgray</option>
      <option style="background-color: 006400" value="006400" >darkgreen</option>
      <option style="background-color: BDB76B" value="BDB76B" >darkkhaki</option>
      <option style="background-color: 8B008B" value="8B008B"
      >darkmagenta</option>
      <option style="background-color: 556B2F" value="556B2F"
      >darkolivegreen</option>
      <option style="background-color: FF8C00" value="FF8C00" >darkorange</option>
      <option style="background-color: 9932CC" value="9932CC" >darkorchid</option>
      <option style="background-color: 8B0000" value="8B0000" >darkred</option>
      <option style="background-color: E9967A" value="E9967A" >darksalmon</option>
      <option style="background-color: 8FBC8F" value="8FBC8F"
      >darkseagreen</option>
      <option style="background-color: 483D8B" value="483D8B"
      >darkslateblue</option>
      <option style="background-color: 2F4F4F" value="2F4F4F"
      >darkslategray</option>
      <option style="background-color: 00CED1" value="00CED1"
      >darkturquoise</option>
      <option style="background-color: 9400D3" value="9400D3" >darkviolet</option>
      <option style="background-color: FF1493" value="FF1493" >deeppink</option>
      <option style="background-color: 00BFBF" value="00BFBF"
      >deepskyblue</option>
      <option style="background-color: 696969" value="696969" >dimgray</option>
      <option style="background-color: 1E90FF" value="1E90FF" >dodgerblue</option>
      <option style="background-color: B22222" value="B22222" >firebrick</option>
      <option style="background-color: FFFAF0" value="FFFAF0"
      >floralwhite</option>
      <option style="background-color: 228B22" value="228B22"
      >forestgreen</option>
      <option style="background-color: FF00FF" value="FF00FF" >fuchsia</option>
      <option style="background-color: DCDCDC" value="DCDCDC" >gainsboro</option>
      <option style="background-color: F8F8FF" value="F8F8FF" >ghostwhite</option>
      <option style="background-color: FFD700" value="FFD700" >gold</option>
      <option style="background-color: DAA520" value="DAA520" >goldenrod</option>
      <option style="background-color: 808080" value="808080" >gray</option>
      <option style="background-color: 008000" value="008000" >green</option>
      <option style="background-color: ADFF2F" value="ADFF2F"
      >greenyellow</option>
      <option style="background-color: F0FFF0" value="F0FFF0" >honeydew</option>
      <option style="background-color: FF69B4" value="FF69B4" >hotpink</option>
      <option style="background-color: CD5C5C" value="CD5C5C" >indianred</option>
      <option style="background-color: 4B0082" value="4B0082" >indigo</option>
      <option style="background-color: FFFFF0" value="FFFFF0" >ivory</option>
      <option style="background-color: F0E68C" value="F0E68C" >khaki</option>
      <option style="background-color: E6E6FA" value="E6E6FA" >lavender</option>
      <option style="background-color: FFF0F5" value="FFF0F5"
      >lavenderblush</option>
      <option style="background-color: 7CFC00" value="7CFC00" >lawngreen</option>
      <option style="background-color: FFFACD" value="FFFACD"
      >lemonchiffon</option>
      <option style="background-color: ADD8E6" value="ADD8E6" >lightblue</option>
      <option style="background-color: F08080" value="F08080" >lightcoral</option>
      <option style="background-color: E0FFFF" value="E0FFFF" >lightcyan</option>
      <option style="background-color: FAFAD2" value="FAFAD2"
      >lightgoldenrodyellow</option>
      <option style="background-color: 90EE90" value="90EE90" >lightgreen</option>
      <option style="background-color: D3D3D3" value="D3D3D3" >lightgrey</option>
      <option style="background-color: FFB6C1" value="FFB6C1" >lightpink</option>
      <option style="background-color: FFA07A" value="FFA07A"
      >lightsalmon</option>
      <option style="background-color: 20B2AA" value="20B2AA"
      >lightseagreen</option>
      <option style="background-color: 87CEFA" value="87CEFA"
      >lightskyblue</option>
      <option style="background-color: 778899" value="778899"
      >lightslategrey</option>
      <option style="background-color: B0C4DE" value="B0C4DE"
      >lightsteelblue</option>
      <option style="background-color: FFFFE0" value="FFFFE0"
      >lightyellow</option>
      <option style="background-color: 00FF00" value="00FF00" >lime</option>
      <option style="background-color: 32CD32" value="32CD32" >limegreen</option>
      <option style="background-color: FAF0E6" value="FAF0E6" >linen</option>
      <option style="background-color: FF00FF" value="FF00FF" >magenta</option>
      <option style="background-color: 800000" value="800000" >maroon</option>
      <option style="background-color: 66CDAA" value="66CDAA"
      >mediumaquamarine</option>
      <option style="background-color: 0000CD" value="0000CD" >mediumblue</option>
      <option style="background-color: BA55D3" value="BA55D3"
      >mediumorchid</option>
      <option style="background-color: 9370DB" value="9370DB"
      >mediumpurple</option>
      <option style="background-color: 3CB371" value="3CB371"
      >mediumseagreen</option>
      <option style="background-color: 7B68EE" value="7B68EE"
      >mediumslateblue</option>
      <option style="background-color: 00FA9A" value="00FA9A"
      >mediumspringgreen</option>
      <option style="background-color: 48D1CC" value="48D1CC"
      >mediumturquoise</option>
      <option style="background-color: C71585" value="C71585"
      >mediumvioletred</option>
      <option style="background-color: 191970" value="191970"
      >midnightblue</option>
      <option style="background-color: F5FFFA" value="F5FFFA" >mintcream</option>
      <option style="background-color: FFE4E1" value="FFE4E1" >mistyrose</option>
      <option style="background-color: FFE4B5" value="FFE4B5" >moccasin</option>
      <option style="background-color: FFDEAD" value="FFDEAD"
      >navajowhite</option>
      <option style="background-color: 000080" value="000080" >navy</option>
      <option style="background-color: FDF5E6" value="FDF5E6" >oldlace</option>
      <option style="background-color: 808000" value="808000" >olive</option>
      <option style="background-color: 6B8E23" value="6B8E23" >olivedrab</option>
      <option style="background-color: FFA500" value="FFA500" >orange</option>
      <option style="background-color: FF4500" value="FF4500" >orangered</option>
      <option style="background-color: DA70D6" value="DA70D6" >orchid</option>
      <option style="background-color: EEE8AA" value="EEE8AA"
      >palegoldenrod</option>
      <option style="background-color: 98FB98" value="98FB98" >palegreen</option>
      <option style="background-color: AFEEEE" value="AFEEEE"
      >paleturquoise</option>
      <option style="background-color: DB7093" value="DB7093"
      >palevioletred</option>
      <option style="background-color: FFEFD5" value="FFEFD5" >papayawhip</option>
      <option style="background-color: FFDAB9" value="FFDAB9" >peachpuff</option>
      <option style="background-color: CD853F" value="CD853F" >peru</option>
      <option style="background-color: FFC0CB" value="FFC0CB" >pink</option>
      <option style="background-color: DDA0DD" value="DDA0DD" >plum</option>
      <option style="background-color: B0E0E6" value="B0E0E6" >powderblue</option>
      <option style="background-color: 800080" value="800080" >purple</option>
      <option style="background-color: FF0000" value="FF0000" >red</option>
      <option style="background-color: BC8F8F" value="BC8F8F" >rosybrown</option>
      <option style="background-color: 4169E1" value="4169E1" >royalblue</option>
      <option style="background-color: 8B4513" value="8B4513"
      >saddlebrown</option>
      <option style="background-color: FA8072" value="FA8072" >salmon</option>
      <option style="background-color: F4A460" value="F4A460" >sandybrown</option>
      <option style="background-color: 2E8B57" value="2E8B57" >seagreen</option>
      <option style="background-color: FFF5EE" value="FFF5EE" >seashell</option>
      <option style="background-color: A0522D" value="A0522D" >sienna</option>
      <option style="background-color: C0C0C0" value="C0C0C0" >silver</option>
      <option style="background-color: 87CEEB" value="87CEEB" >skyblue</option>
      <option style="background-color: 6A5ACD" value="6A5ACD" >slateblue</option>
      <option style="background-color: 708090" value="708090" >slategray</option>
      <option style="background-color: FFFAFA" value="FFFAFA" >snow</option>
      <option style="background-color: 00FF7F" value="00FF7F"
      >springgreen</option>
      <option style="background-color: 4682B4" value="4682B4" >steelblue</option>
      <option style="background-color: D2B48C" value="D2B48C" >tan</option>
      <option style="background-color: 008080" value="008080" >teal</option>
      <option style="background-color: D8BFD8" value="D8BFD8" >thistle</option>
      <option style="background-color: FF6347" value="FF6347" >tomato</option>
      <option style="background-color: 40E0D0" value="40E0D0" >turquoise</option>
      <option style="background-color: EE82EE" value="EE82EE" >violet</option>
      <option style="background-color: F5DEB3" value="F5DEB3" >wheat</option>
      <option style="background-color: FFFFFF" value="FFFFFF" >white</option>
      <option style="background-color: F5F5F5" value="F5F5F5" >whitesmoke</option>
      <option style="background-color: FFFF00" value="FFFF00" >yellow</option>
      <option style="background-color: 9ACD32" value="9ACD32" >yellowgreen
      </option>
      </select>
      <label>Color</label>
      <select name="selColor"
      onchange="display('color',this.options.item(this.selectedIndex).value)">
      <option style="color: F0F8FF" value="F0F8FF" >aliceblue</option>
      <option style="color: FAEBD7" value="FAEBD7" >antiquewhite</option>
      <option style="color: 00FFFF" value="00FFFF" >aqua</option>
      <option style="color: 7FFFD4" value="7FFFD4" >aquamarine</option>
      <option style="color: F0FFFF" value="F0FFFF" >azure</option>
      <option style="color: F5F5DC" value="F5F5DC" >beige</option>
      <option style="color: FFE4C4" value="FFE4C4" >bisque</option>
      <option style="color: 000000" value="000000" >black</option>
      <option style="color: FFEBCD" value="FFEBCD" >blanchedalmond</option>
      <option style="color: 0000FF" value="0000FF" >blue</option>
      <option style="color: 8A2BE2" value="8A2BE2" >blueviolet</option>
      <option style="color: A52A2A" value="A52A2A" >brown</option>
      <option style="color: DEB887" value="DEB887" >burlywood</option>
      <option style="color: 5F9EA0" value="5F9EA0" >cadetblue</option>
      <option style="color: 7FFF00" value="7FFF00" >chartreuse</option>
      <option style="color: D2691E" value="D2691E" >chocolate</option>
      <option style="color: FF7F50" value="FF7F50" >coral</option>
      <option style="color: 6495ED" value="6495ED" >cornflowerblue</option>
      <option style="color: FFF8DC" value="FFF8DC" >cornsilk</option>
      <option style="color: DC143C" value="DC143C" >crimson</option>
      <option style="color: 00FFFF" value="00FFFF" >cyan</option>
      <option style="color: 00008B" value="00008B" >darkblue</option>
      <option style="color: 008B8B" value="008B8B" >darkcyan</option>
      <option style="color: B8860B" value="B8860B" >darkgoldenrod</option>
      <option style="color: A9A9A9" value="A9A9A9" >darkgray</option>
      <option style="color: 006400" value="006400" >darkgreen</option>
      <option style="color: BDB76B" value="BDB76B" >darkkhaki</option>
      <option style="color: 8B008B" value="8B008B" >darkmagenta</option>
      <option style="color: 556B2F" value="556B2F" >darkolivegreen</option>
      <option style="color: FF8C00" value="FF8C00" >darkorange</option>
      <option style="color: 9932CC" value="9932CC" >darkorchid</option>
      <option style="color: 8B0000" value="8B0000" >darkred</option>
      <option style="color: E9967A" value="E9967A" >darksalmon</option>
      <option style="color: 8FBC8F" value="8FBC8F" >darkseagreen</option>
      <option style="color: 483D8B" value="483D8B" >darkslateblue</option>
      <option style="color: 2F4F4F" value="2F4F4F" >darkslategray</option>
      <option style="color: 00CED1" value="00CED1" >darkturquoise</option>
      <option style="color: 9400D3" value="9400D3" >darkviolet</option>
      <option style="color: FF1493" value="FF1493" >deeppink</option>
      <option style="color: 00BFBF" value="00BFBF" >deepskyblue</option>
      <option style="color: 696969" value="696969" >dimgray</option>
      <option style="color: 1E90FF" value="1E90FF" >dodgerblue</option>
      <option style="color: B22222" value="B22222" >firebrick</option>
      <option style="color: FFFAF0" value="FFFAF0" >floralwhite</option>
      <option style="color: 228B22" value="228B22" >forestgreen</option>
      <option style="color: FF00FF" value="FF00FF" >fuchsia</option>
      <option style="color: DCDCDC" value="DCDCDC" >gainsboro</option>
      <option style="color: F8F8FF" value="F8F8FF" >ghostwhite</option>
      <option style="color: FFD700" value="FFD700" >gold</option>
      <option style="color: DAA520" value="DAA520" >goldenrod</option>
      <option style="color: 808080" value="808080" >gray</option>
      <option style="color: 008000" value="008000" >green</option>
      <option style="color: ADFF2F" value="ADFF2F" >greenyellow</option>
      <option style="color: F0FFF0" value="F0FFF0" >honeydew</option>
      <option style="color: FF69B4" value="FF69B4" >hotpink</option>
      <option style="color: CD5C5C" value="CD5C5C" >indianred</option>
      <option style="color: 4B0082" value="4B0082" >indigo</option>
      <option style="color: FFFFF0" value="FFFFF0" >ivory</option>
      <option style="color: F0E68C" value="F0E68C" >khaki</option>
      <option style="color: E6E6FA" value="E6E6FA" >lavender</option>
      <option style="color: FFF0F5" value="FFF0F5" >lavenderblush</option>
      <option style="color: 7CFC00" value="7CFC00" >lawngreen</option>
      <option style="color: FFFACD" value="FFFACD" >lemonchiffon</option>
      <option style="color: ADD8E6" value="ADD8E6" >lightblue</option>
      <option style="color: F08080" value="F08080" >lightcoral</option>
      <option style="color: E0FFFF" value="E0FFFF" >lightcyan</option>
      <option style="color: FAFAD2" value="FAFAD2" >lightgoldenrodyellow</option>
      <option style="color: 90EE90" value="90EE90" >lightgreen</option>
      <option style="color: D3D3D3" value="D3D3D3" >lightgrey</option>
      <option style="color: FFB6C1" value="FFB6C1" >lightpink</option>
      <option style="color: FFA07A" value="FFA07A" >lightsalmon</option>
      <option style="color: 20B2AA" value="20B2AA" >lightseagreen</option>
      <option style="color: 87CEFA" value="87CEFA" >lightskyblue</option>
      <option style="color: 778899" value="778899" >lightslategrey</option>
      <option style="color: B0C4DE" value="B0C4DE" >lightsteelblue</option>
      <option style="color: FFFFE0" value="FFFFE0" >lightyellow</option>
      <option style="color: 00FF00" value="00FF00" >lime</option>
      <option style="color: 32CD32" value="32CD32" >limegreen</option>
      <option style="color: FAF0E6" value="FAF0E6" >linen</option>
      <option style="color: FF00FF" value="FF00FF" >magenta</option>
      <option style="color: 800000" value="800000" >maroon</option>
      <option style="color: 66CDAA" value="66CDAA" >mediumaquamarine</option>
      <option style="color: 0000CD" value="0000CD" >mediumblue</option>
      <option style="color: BA55D3" value="BA55D3" >mediumorchid</option>
      <option style="color: 9370DB" value="9370DB" >mediumpurple</option>
      <option style="color: 3CB371" value="3CB371" >mediumseagreen</option>
      <option style="color: 7B68EE" value="7B68EE" >mediumslateblue</option>
      <option style="color: 00FA9A" value="00FA9A" >mediumspringgreen</option>
      <option style="color: 48D1CC" value="48D1CC" >mediumturquoise</option>
      <option style="color: C71585" value="C71585" >mediumvioletred</option>
      <option style="color: 191970" value="191970" >midnightblue</option>
      <option style="color: F5FFFA" value="F5FFFA" >mintcream</option>
      <option style="color: FFE4E1" value="FFE4E1" >mistyrose</option>
      <option style="color: FFE4B5" value="FFE4B5" >moccasin</option>
      <option style="color: FFDEAD" value="FFDEAD" >navajowhite</option>
      <option style="color: 000080" value="000080" >navy</option>
      <option style="color: FDF5E6" value="FDF5E6" >oldlace</option>
      <option style="color: 808000" value="808000" >olive</option>
      <option style="color: 6B8E23" value="6B8E23" >olivedrab</option>
      <option style="color: FFA500" value="FFA500" >orange</option>
      <option style="color: FF4500" value="FF4500" >orangered</option>
      <option style="color: DA70D6" value="DA70D6" >orchid</option>
      <option style="color: EEE8AA" value="EEE8AA" >palegoldenrod</option>
      <option style="color: 98FB98" value="98FB98" >palegreen</option>
      <option style="color: AFEEEE" value="AFEEEE" >paleturquoise</option>
      <option style="color: DB7093" value="DB7093" >palevioletred</option>
      <option style="color: FFEFD5" value="FFEFD5" >papayawhip</option>
      <option style="color: FFDAB9" value="FFDAB9" >peachpuff</option>
      <option style="color: CD853F" value="CD853F" >peru</option>
      <option style="color: FFC0CB" value="FFC0CB" >pink</option>
      <option style="color: DDA0DD" value="DDA0DD" >plum</option>
      <option style="color: B0E0E6" value="B0E0E6" >powderblue</option>
      <option style="color: 800080" value="800080" >purple</option>
      <option style="color: FF0000" value="FF0000" >red</option>
      <option style="color: BC8F8F" value="BC8F8F" >rosybrown</option>
      <option style="color: 4169E1" value="4169E1" >royalblue</option>
      <option style="color: 8B4513" value="8B4513" >saddlebrown</option>
      <option style="color: FA8072" value="FA8072" >salmon</option>
      <option style="color: F4A460" value="F4A460" >sandybrown</option>
      <option style="color: 2E8B57" value="2E8B57" >seagreen</option>
      <option style="color: FFF5EE" value="FFF5EE" >seashell</option>
      <option style="color: A0522D" value="A0522D" >sienna</option>
      <option style="color: C0C0C0" value="C0C0C0" >silver</option>
      <option style="color: 87CEEB" value="87CEEB" >skyblue</option>
      <option style="color: 6A5ACD" value="6A5ACD" >slateblue</option>
      <option style="color: 708090" value="708090" >slategray</option>
      <option style="color: FFFAFA" value="FFFAFA" >snow</option>
      <option style="color: 00FF7F" value="00FF7F" >springgreen</option>
      <option style="color: 4682B4" value="4682B4" >steelblue</option>
      <option style="color: D2B48C" value="D2B48C" >tan</option>
      <option style="color: 008080" value="008080" >teal</option>
      <option style="color: D8BFD8" value="D8BFD8" >thistle</option>
      <option style="color: FF6347" value="FF6347" >tomato</option>
      <option style="color: 40E0D0" value="40E0D0" >turquoise</option>
      <option style="color: EE82EE" value="EE82EE" >violet</option>
      <option style="color: F5DEB3" value="F5DEB3" >wheat</option>
      <option style="color: FFFFFF" value="FFFFFF" >white</option>
      <option style="color: F5F5F5" value="F5F5F5" >whitesmoke</option>
      <option style="color: FFFF00" value="FFFF00" >yellow</option>
      <option style="color: 9ACD32" value="9ACD32" >yellowgreen </option>
      </select>
      <span style="float: right">
      <textarea id="txtr" name="txtr" rows="10" cols="30">

      </textarea>

      </span>
      </form>

      <div id="body" style="width: 300px">
      <h1 id="h1">
      heading 1
      </h1>
      <h2 id="h2">
      heading 2
      </h2>

      <h3 id="h3">
      heading 2
      </h3>
      <p id="p">
      paragraph paragraph paragraph paragraph paragraph paragraph
      </p>
      </div>
      </body>
      </html>
    • Jody
      Hi Grant, ... It came though as partial HTML here and only shows the color names in my browser. OK, I just told Eudora to Send to Browser so I could get the
      Message 2 of 4 , Aug 27, 2000
        Hi Grant,

        >h="clr"
        >^!SetNameFormat "colorPicker.htm"
        >^!Toolbar New Document

        It came though as partial HTML here and only shows the
        color names in my browser.

        OK, I just told Eudora to "Send to Browser" so I could get
        the source and it came up in NoteTab just fine. ;)

        Pretty slick color picker. ;)


        Happy HTML'n!
        Jody

        http://www.sureword.com/notetab

        The NoteTab and Html List...
        mailto:Ntb-html-Subscribe@...
        mailto:Ntb-html-UnSubscribe@...
      Your message has been successfully submitted and would be delivered to recipients shortly.