forked from extern/egroupware
created new colorpicker for eGW based on the one from htmlArea
This commit is contained in:
Ralf Becker
parent
ef61d8b6de
commit
c7280a44a9
@ -51,12 +51,11 @@ class html
|
||||
*/
|
||||
function inputColor($name,$value='',$title='')
|
||||
{
|
||||
$GLOBALS['phpgw_info']['flags']['java_script_thirst'] =
|
||||
'<script language=JavaScript src="'.$this->phpgwapi_js_url.'/picker/picker.js"></script><script>TCP.url=\''.$this->phpgwapi_js_url."/picker/';</script>\n";
|
||||
|
||||
return '<input type="text" name="'.$name.'" value="'.$this->htmlspecialchars($value).'" /> '.
|
||||
'<a href="javascript:TCP.popup(document.getElementsByName(\'cat_data[color]\')[0])">'.
|
||||
'<img src="'.$this->phpgwapi_js_url.'/picker/img/sel.gif'.'"'.($title ? ' title="'.$this->htmlspecialchars($title).'"' : '')." /></a>";
|
||||
$id = str_replace(array('[',']'),array('_',''),$name).'_colorpicker';
|
||||
$onclick = "if (this != '') { window.open(this+'&color='+encodeURIComponent(document.getElementById('$id').value),this.target,'width=240,height=187,scrollbars=no,resizable=no'); return false; } else { return true; }";
|
||||
return '<input type="text" name="'.$name.'" id="'.$id.'" value="'.$this->htmlspecialchars($value).'" /> '.
|
||||
'<a href="'.$this->phpgwapi_js_url.'/colorpicker/select_color.html?id='.urlencode($id).'" target="_blank" onclick="'.$onclick.'">'.
|
||||
'<img src="'.$this->phpgwapi_js_url.'/colorpicker/ed_color_bg.gif'.'"'.($title ? ' title="'.$this->htmlspecialchars($title).'"' : '')." /></a>";
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
BIN
phpgwapi/js/colorpicker/ed_color_bg.gif
Normal file
BIN
phpgwapi/js/colorpicker/ed_color_bg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 B |
30
phpgwapi/js/colorpicker/license.txt
Normal file
30
phpgwapi/js/colorpicker/license.txt
Normal file
@ -0,0 +1,30 @@
|
||||
htmlArea License (based on BSD license)
|
||||
Copyright (c) 2002-2004, interactivetools.com, inc.
|
||||
Copyright (c) 2003-2004 dynarch.com
|
||||
All rights reserved.
|
||||
|
||||
Redistribution and use in source and binary forms, with or without
|
||||
modification, are permitted provided that the following conditions are met:
|
||||
|
||||
1) Redistributions of source code must retain the above copyright notice,
|
||||
this list of conditions and the following disclaimer.
|
||||
|
||||
2) Redistributions in binary form must reproduce the above copyright notice,
|
||||
this list of conditions and the following disclaimer in the documentation
|
||||
and/or other materials provided with the distribution.
|
||||
|
||||
3) Neither the name of interactivetools.com, inc. nor the names of its
|
||||
contributors may be used to endorse or promote products derived from this
|
||||
software without specific prior written permission.
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
||||
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
||||
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
||||
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
|
||||
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
||||
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
|
||||
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
||||
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
|
||||
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
|
||||
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
||||
POSSIBILITY OF SUCH DAMAGE.
|
||||
364
phpgwapi/js/colorpicker/select_color.html
Normal file
364
phpgwapi/js/colorpicker/select_color.html
Normal file
@ -0,0 +1,364 @@
|
||||
<!--
|
||||
/**************************************************************************\
|
||||
* eGroupWare - Colorpicker *
|
||||
* http://www.eGroupWare.org *
|
||||
* Modified from htmlArea by Ralf Becker <RalfBecker@outdoor-training.de> *
|
||||
\**************************************************************************/
|
||||
|
||||
htmlArea v3.0 - Copyright (c) 2002-2004 interactivetools.com, inc.
|
||||
This copyright notice MUST stay intact for use (see license.txt).
|
||||
|
||||
Portions (c) dynarch.com, 2003-2004
|
||||
|
||||
$Id$
|
||||
-->
|
||||
<html><head><title>Select Color</title>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
window.resizeTo(240, 187);
|
||||
function _CloseOnEsc() {
|
||||
if (event.keyCode == 27) { window.close(); return; }
|
||||
}
|
||||
|
||||
var id;
|
||||
function Init() { // run on page load
|
||||
document.body.onkeypress = _CloseOnEsc;
|
||||
|
||||
id = location.search.match(/id=([^&]+)/);
|
||||
if (id) id = decodeURIComponent(id[1]);
|
||||
var color = location.search.match(/color=([^&]+)/);
|
||||
if (color) color = decodeURIComponent(color[1]);
|
||||
//alert('id='+id+', color='+color);
|
||||
color = ValidateColor(color) || '000000';
|
||||
View(color); // set default color
|
||||
}
|
||||
|
||||
function View(color) { // preview color
|
||||
document.getElementById("ColorPreview").style.backgroundColor = '#' + color;
|
||||
document.getElementById("ColorHex").value = '#' + color;
|
||||
}
|
||||
|
||||
function Set(string) { // select color
|
||||
var color = ValidateColor(string);
|
||||
if (color == null) { alert("Invalid color code: " + string); } // invalid color
|
||||
else { // valid color
|
||||
View(color); // show selected color
|
||||
var input=opener.document.getElementById(id);
|
||||
if (input) input.value = '#'+color;
|
||||
else alert('id='+id+' is not a valid id in opener !!!');
|
||||
window.close();
|
||||
}
|
||||
}
|
||||
|
||||
function ValidateColor(string) { // return valid color code
|
||||
string = string || '';
|
||||
string = string + "";
|
||||
string = string.toUpperCase();
|
||||
var chars = '0123456789ABCDEF';
|
||||
var out = '';
|
||||
|
||||
for (var i=0; i<string.length; i++) { // remove invalid color chars
|
||||
var schar = string.charAt(i);
|
||||
if (chars.indexOf(schar) != -1) { out += schar; }
|
||||
}
|
||||
|
||||
if (out.length != 6) { return null; } // check length
|
||||
return out;
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body style="background:ButtonFace; margin:0px; padding:0px" onload="Init()">
|
||||
|
||||
<form method="get" style="margin:0px; padding:0px" onSubmit="Set(document.getElementById('ColorHex').value); return false;">
|
||||
<table border="0px" cellspacing="0px" cellpadding="4" width="100%">
|
||||
<tr>
|
||||
<td style="background:buttonface" valign=center><div style="background-color: #000000; padding: 1; height: 21px; width: 50px"><div id="ColorPreview" style="height: 100%; width: 100%"></div></div></td>
|
||||
<td style="background:buttonface" valign=center><input type="text" name="ColorHex"
|
||||
id="ColorHex" value="" size=15 style="font-size: 12px"></td>
|
||||
<td style="background:buttonface" width=100%></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<table border="0" cellspacing="1px" cellpadding="0px" width="100%" bgcolor="#000000" style="cursor: hand;">
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#003300 onMouseOver=View('003300') onClick=Set('003300') height="10px" width="10px"></td>
|
||||
<td bgcolor=#006600 onMouseOver=View('006600') onClick=Set('006600') height="10px" width="10px"></td>
|
||||
<td bgcolor=#009900 onMouseOver=View('009900') onClick=Set('009900') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00CC00 onMouseOver=View('00CC00') onClick=Set('00CC00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00FF00 onMouseOver=View('00FF00') onClick=Set('00FF00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#330000 onMouseOver=View('330000') onClick=Set('330000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#333300 onMouseOver=View('333300') onClick=Set('333300') height="10px" width="10px"></td>
|
||||
<td bgcolor=#336600 onMouseOver=View('336600') onClick=Set('336600') height="10px" width="10px"></td>
|
||||
<td bgcolor=#339900 onMouseOver=View('339900') onClick=Set('339900') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33CC00 onMouseOver=View('33CC00') onClick=Set('33CC00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33FF00 onMouseOver=View('33FF00') onClick=Set('33FF00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#660000 onMouseOver=View('660000') onClick=Set('660000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#663300 onMouseOver=View('663300') onClick=Set('663300') height="10px" width="10px"></td>
|
||||
<td bgcolor=#666600 onMouseOver=View('666600') onClick=Set('666600') height="10px" width="10px"></td>
|
||||
<td bgcolor=#669900 onMouseOver=View('669900') onClick=Set('669900') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66CC00 onMouseOver=View('66CC00') onClick=Set('66CC00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66FF00 onMouseOver=View('66FF00') onClick=Set('66FF00') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#333333 onMouseOver=View('333333') onClick=Set('333333') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000033 onMouseOver=View('000033') onClick=Set('000033') height="10px" width="10px"></td>
|
||||
<td bgcolor=#003333 onMouseOver=View('003333') onClick=Set('003333') height="10px" width="10px"></td>
|
||||
<td bgcolor=#006633 onMouseOver=View('006633') onClick=Set('006633') height="10px" width="10px"></td>
|
||||
<td bgcolor=#009933 onMouseOver=View('009933') onClick=Set('009933') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00CC33 onMouseOver=View('00CC33') onClick=Set('00CC33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00FF33 onMouseOver=View('00FF33') onClick=Set('00FF33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#330033 onMouseOver=View('330033') onClick=Set('330033') height="10px" width="10px"></td>
|
||||
<td bgcolor=#333333 onMouseOver=View('333333') onClick=Set('333333') height="10px" width="10px"></td>
|
||||
<td bgcolor=#336633 onMouseOver=View('336633') onClick=Set('336633') height="10px" width="10px"></td>
|
||||
<td bgcolor=#339933 onMouseOver=View('339933') onClick=Set('339933') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33CC33 onMouseOver=View('33CC33') onClick=Set('33CC33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33FF33 onMouseOver=View('33FF33') onClick=Set('33FF33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#660033 onMouseOver=View('660033') onClick=Set('660033') height="10px" width="10px"></td>
|
||||
<td bgcolor=#663333 onMouseOver=View('663333') onClick=Set('663333') height="10px" width="10px"></td>
|
||||
<td bgcolor=#666633 onMouseOver=View('666633') onClick=Set('666633') height="10px" width="10px"></td>
|
||||
<td bgcolor=#669933 onMouseOver=View('669933') onClick=Set('669933') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66CC33 onMouseOver=View('66CC33') onClick=Set('66CC33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66FF33 onMouseOver=View('66FF33') onClick=Set('66FF33') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#666666 onMouseOver=View('666666') onClick=Set('666666') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000066 onMouseOver=View('000066') onClick=Set('000066') height="10px" width="10px"></td>
|
||||
<td bgcolor=#003366 onMouseOver=View('003366') onClick=Set('003366') height="10px" width="10px"></td>
|
||||
<td bgcolor=#006666 onMouseOver=View('006666') onClick=Set('006666') height="10px" width="10px"></td>
|
||||
<td bgcolor=#009966 onMouseOver=View('009966') onClick=Set('009966') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00CC66 onMouseOver=View('00CC66') onClick=Set('00CC66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00FF66 onMouseOver=View('00FF66') onClick=Set('00FF66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#330066 onMouseOver=View('330066') onClick=Set('330066') height="10px" width="10px"></td>
|
||||
<td bgcolor=#333366 onMouseOver=View('333366') onClick=Set('333366') height="10px" width="10px"></td>
|
||||
<td bgcolor=#336666 onMouseOver=View('336666') onClick=Set('336666') height="10px" width="10px"></td>
|
||||
<td bgcolor=#339966 onMouseOver=View('339966') onClick=Set('339966') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33CC66 onMouseOver=View('33CC66') onClick=Set('33CC66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33FF66 onMouseOver=View('33FF66') onClick=Set('33FF66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#660066 onMouseOver=View('660066') onClick=Set('660066') height="10px" width="10px"></td>
|
||||
<td bgcolor=#663366 onMouseOver=View('663366') onClick=Set('663366') height="10px" width="10px"></td>
|
||||
<td bgcolor=#666666 onMouseOver=View('666666') onClick=Set('666666') height="10px" width="10px"></td>
|
||||
<td bgcolor=#669966 onMouseOver=View('669966') onClick=Set('669966') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66CC66 onMouseOver=View('66CC66') onClick=Set('66CC66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66FF66 onMouseOver=View('66FF66') onClick=Set('66FF66') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#999999 onMouseOver=View('999999') onClick=Set('999999') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000099 onMouseOver=View('000099') onClick=Set('000099') height="10px" width="10px"></td>
|
||||
<td bgcolor=#003399 onMouseOver=View('003399') onClick=Set('003399') height="10px" width="10px"></td>
|
||||
<td bgcolor=#006699 onMouseOver=View('006699') onClick=Set('006699') height="10px" width="10px"></td>
|
||||
<td bgcolor=#009999 onMouseOver=View('009999') onClick=Set('009999') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00CC99 onMouseOver=View('00CC99') onClick=Set('00CC99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00FF99 onMouseOver=View('00FF99') onClick=Set('00FF99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#330099 onMouseOver=View('330099') onClick=Set('330099') height="10px" width="10px"></td>
|
||||
<td bgcolor=#333399 onMouseOver=View('333399') onClick=Set('333399') height="10px" width="10px"></td>
|
||||
<td bgcolor=#336699 onMouseOver=View('336699') onClick=Set('336699') height="10px" width="10px"></td>
|
||||
<td bgcolor=#339999 onMouseOver=View('339999') onClick=Set('339999') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33CC99 onMouseOver=View('33CC99') onClick=Set('33CC99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33FF99 onMouseOver=View('33FF99') onClick=Set('33FF99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#660099 onMouseOver=View('660099') onClick=Set('660099') height="10px" width="10px"></td>
|
||||
<td bgcolor=#663399 onMouseOver=View('663399') onClick=Set('663399') height="10px" width="10px"></td>
|
||||
<td bgcolor=#666699 onMouseOver=View('666699') onClick=Set('666699') height="10px" width="10px"></td>
|
||||
<td bgcolor=#669999 onMouseOver=View('669999') onClick=Set('669999') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66CC99 onMouseOver=View('66CC99') onClick=Set('66CC99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66FF99 onMouseOver=View('66FF99') onClick=Set('66FF99') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCCCCC onMouseOver=View('CCCCCC') onClick=Set('CCCCCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0000CC onMouseOver=View('0000CC') onClick=Set('0000CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0033CC onMouseOver=View('0033CC') onClick=Set('0033CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0066CC onMouseOver=View('0066CC') onClick=Set('0066CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0099CC onMouseOver=View('0099CC') onClick=Set('0099CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00CCCC onMouseOver=View('00CCCC') onClick=Set('00CCCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00FFCC onMouseOver=View('00FFCC') onClick=Set('00FFCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#3300CC onMouseOver=View('3300CC') onClick=Set('3300CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#3333CC onMouseOver=View('3333CC') onClick=Set('3333CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#3366CC onMouseOver=View('3366CC') onClick=Set('3366CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#3399CC onMouseOver=View('3399CC') onClick=Set('3399CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33CCCC onMouseOver=View('33CCCC') onClick=Set('33CCCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33FFCC onMouseOver=View('33FFCC') onClick=Set('33FFCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#6600CC onMouseOver=View('6600CC') onClick=Set('6600CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#6633CC onMouseOver=View('6633CC') onClick=Set('6633CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#6666CC onMouseOver=View('6666CC') onClick=Set('6666CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#6699CC onMouseOver=View('6699CC') onClick=Set('6699CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66CCCC onMouseOver=View('66CCCC') onClick=Set('66CCCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66FFCC onMouseOver=View('66FFCC') onClick=Set('66FFCC') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFFFFF onMouseOver=View('FFFFFF') onClick=Set('FFFFFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0000FF onMouseOver=View('0000FF') onClick=Set('0000FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0033FF onMouseOver=View('0033FF') onClick=Set('0033FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0066FF onMouseOver=View('0066FF') onClick=Set('0066FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0099FF onMouseOver=View('0099FF') onClick=Set('0099FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00CCFF onMouseOver=View('00CCFF') onClick=Set('00CCFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00FFFF onMouseOver=View('00FFFF') onClick=Set('00FFFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#3300FF onMouseOver=View('3300FF') onClick=Set('3300FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#3333FF onMouseOver=View('3333FF') onClick=Set('3333FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#3366FF onMouseOver=View('3366FF') onClick=Set('3366FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#3399FF onMouseOver=View('3399FF') onClick=Set('3399FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33CCFF onMouseOver=View('33CCFF') onClick=Set('33CCFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#33FFFF onMouseOver=View('33FFFF') onClick=Set('33FFFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#6600FF onMouseOver=View('6600FF') onClick=Set('6600FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#6633FF onMouseOver=View('6633FF') onClick=Set('6633FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#6666FF onMouseOver=View('6666FF') onClick=Set('6666FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#6699FF onMouseOver=View('6699FF') onClick=Set('6699FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66CCFF onMouseOver=View('66CCFF') onClick=Set('66CCFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#66FFFF onMouseOver=View('66FFFF') onClick=Set('66FFFF') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF0000 onMouseOver=View('FF0000') onClick=Set('FF0000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#990000 onMouseOver=View('990000') onClick=Set('990000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#993300 onMouseOver=View('993300') onClick=Set('993300') height="10px" width="10px"></td>
|
||||
<td bgcolor=#996600 onMouseOver=View('996600') onClick=Set('996600') height="10px" width="10px"></td>
|
||||
<td bgcolor=#999900 onMouseOver=View('999900') onClick=Set('999900') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99CC00 onMouseOver=View('99CC00') onClick=Set('99CC00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99FF00 onMouseOver=View('99FF00') onClick=Set('99FF00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC0000 onMouseOver=View('CC0000') onClick=Set('CC0000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC3300 onMouseOver=View('CC3300') onClick=Set('CC3300') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC6600 onMouseOver=View('CC6600') onClick=Set('CC6600') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC9900 onMouseOver=View('CC9900') onClick=Set('CC9900') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCCC00 onMouseOver=View('CCCC00') onClick=Set('CCCC00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCFF00 onMouseOver=View('CCFF00') onClick=Set('CCFF00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF0000 onMouseOver=View('FF0000') onClick=Set('FF0000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF3300 onMouseOver=View('FF3300') onClick=Set('FF3300') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF6600 onMouseOver=View('FF6600') onClick=Set('FF6600') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF9900 onMouseOver=View('FF9900') onClick=Set('FF9900') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFCC00 onMouseOver=View('FFCC00') onClick=Set('FFCC00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFFF00 onMouseOver=View('FFFF00') onClick=Set('FFFF00') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00FF00 onMouseOver=View('00FF00') onClick=Set('00FF00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#990033 onMouseOver=View('990033') onClick=Set('990033') height="10px" width="10px"></td>
|
||||
<td bgcolor=#993333 onMouseOver=View('993333') onClick=Set('993333') height="10px" width="10px"></td>
|
||||
<td bgcolor=#996633 onMouseOver=View('996633') onClick=Set('996633') height="10px" width="10px"></td>
|
||||
<td bgcolor=#999933 onMouseOver=View('999933') onClick=Set('999933') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99CC33 onMouseOver=View('99CC33') onClick=Set('99CC33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99FF33 onMouseOver=View('99FF33') onClick=Set('99FF33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC0033 onMouseOver=View('CC0033') onClick=Set('CC0033') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC3333 onMouseOver=View('CC3333') onClick=Set('CC3333') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC6633 onMouseOver=View('CC6633') onClick=Set('CC6633') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC9933 onMouseOver=View('CC9933') onClick=Set('CC9933') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCCC33 onMouseOver=View('CCCC33') onClick=Set('CCCC33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCFF33 onMouseOver=View('CCFF33') onClick=Set('CCFF33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF0033 onMouseOver=View('FF0033') onClick=Set('FF0033') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF3333 onMouseOver=View('FF3333') onClick=Set('FF3333') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF6633 onMouseOver=View('FF6633') onClick=Set('FF6633') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF9933 onMouseOver=View('FF9933') onClick=Set('FF9933') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFCC33 onMouseOver=View('FFCC33') onClick=Set('FFCC33') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFFF33 onMouseOver=View('FFFF33') onClick=Set('FFFF33') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#0000FF onMouseOver=View('0000FF') onClick=Set('0000FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#990066 onMouseOver=View('990066') onClick=Set('990066') height="10px" width="10px"></td>
|
||||
<td bgcolor=#993366 onMouseOver=View('993366') onClick=Set('993366') height="10px" width="10px"></td>
|
||||
<td bgcolor=#996666 onMouseOver=View('996666') onClick=Set('996666') height="10px" width="10px"></td>
|
||||
<td bgcolor=#999966 onMouseOver=View('999966') onClick=Set('999966') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99CC66 onMouseOver=View('99CC66') onClick=Set('99CC66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99FF66 onMouseOver=View('99FF66') onClick=Set('99FF66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC0066 onMouseOver=View('CC0066') onClick=Set('CC0066') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC3366 onMouseOver=View('CC3366') onClick=Set('CC3366') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC6666 onMouseOver=View('CC6666') onClick=Set('CC6666') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC9966 onMouseOver=View('CC9966') onClick=Set('CC9966') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCCC66 onMouseOver=View('CCCC66') onClick=Set('CCCC66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCFF66 onMouseOver=View('CCFF66') onClick=Set('CCFF66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF0066 onMouseOver=View('FF0066') onClick=Set('FF0066') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF3366 onMouseOver=View('FF3366') onClick=Set('FF3366') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF6666 onMouseOver=View('FF6666') onClick=Set('FF6666') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF9966 onMouseOver=View('FF9966') onClick=Set('FF9966') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFCC66 onMouseOver=View('FFCC66') onClick=Set('FFCC66') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFFF66 onMouseOver=View('FFFF66') onClick=Set('FFFF66') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFFF00 onMouseOver=View('FFFF00') onClick=Set('FFFF00') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#990099 onMouseOver=View('990099') onClick=Set('990099') height="10px" width="10px"></td>
|
||||
<td bgcolor=#993399 onMouseOver=View('993399') onClick=Set('993399') height="10px" width="10px"></td>
|
||||
<td bgcolor=#996699 onMouseOver=View('996699') onClick=Set('996699') height="10px" width="10px"></td>
|
||||
<td bgcolor=#999999 onMouseOver=View('999999') onClick=Set('999999') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99CC99 onMouseOver=View('99CC99') onClick=Set('99CC99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99FF99 onMouseOver=View('99FF99') onClick=Set('99FF99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC0099 onMouseOver=View('CC0099') onClick=Set('CC0099') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC3399 onMouseOver=View('CC3399') onClick=Set('CC3399') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC6699 onMouseOver=View('CC6699') onClick=Set('CC6699') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC9999 onMouseOver=View('CC9999') onClick=Set('CC9999') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCCC99 onMouseOver=View('CCCC99') onClick=Set('CCCC99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCFF99 onMouseOver=View('CCFF99') onClick=Set('CCFF99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF0099 onMouseOver=View('FF0099') onClick=Set('FF0099') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF3399 onMouseOver=View('FF3399') onClick=Set('FF3399') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF6699 onMouseOver=View('FF6699') onClick=Set('FF6699') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF9999 onMouseOver=View('FF9999') onClick=Set('FF9999') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFCC99 onMouseOver=View('FFCC99') onClick=Set('FFCC99') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFFF99 onMouseOver=View('FFFF99') onClick=Set('FFFF99') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#00FFFF onMouseOver=View('00FFFF') onClick=Set('00FFFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#9900CC onMouseOver=View('9900CC') onClick=Set('9900CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#9933CC onMouseOver=View('9933CC') onClick=Set('9933CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#9966CC onMouseOver=View('9966CC') onClick=Set('9966CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#9999CC onMouseOver=View('9999CC') onClick=Set('9999CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99CCCC onMouseOver=View('99CCCC') onClick=Set('99CCCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99FFCC onMouseOver=View('99FFCC') onClick=Set('99FFCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC00CC onMouseOver=View('CC00CC') onClick=Set('CC00CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC33CC onMouseOver=View('CC33CC') onClick=Set('CC33CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC66CC onMouseOver=View('CC66CC') onClick=Set('CC66CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC99CC onMouseOver=View('CC99CC') onClick=Set('CC99CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCCCCC onMouseOver=View('CCCCCC') onClick=Set('CCCCCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCFFCC onMouseOver=View('CCFFCC') onClick=Set('CCFFCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF00CC onMouseOver=View('FF00CC') onClick=Set('FF00CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF33CC onMouseOver=View('FF33CC') onClick=Set('FF33CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF66CC onMouseOver=View('FF66CC') onClick=Set('FF66CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF99CC onMouseOver=View('FF99CC') onClick=Set('FF99CC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFCCCC onMouseOver=View('FFCCCC') onClick=Set('FFCCCC') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFFFCC onMouseOver=View('FFFFCC') onClick=Set('FFFFCC') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF00FF onMouseOver=View('FF00FF') onClick=Set('FF00FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#000000 onMouseOver=View('000000') onClick=Set('000000') height="10px" width="10px"></td>
|
||||
<td bgcolor=#9900FF onMouseOver=View('9900FF') onClick=Set('9900FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#9933FF onMouseOver=View('9933FF') onClick=Set('9933FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#9966FF onMouseOver=View('9966FF') onClick=Set('9966FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#9999FF onMouseOver=View('9999FF') onClick=Set('9999FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99CCFF onMouseOver=View('99CCFF') onClick=Set('99CCFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#99FFFF onMouseOver=View('99FFFF') onClick=Set('99FFFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC00FF onMouseOver=View('CC00FF') onClick=Set('CC00FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC33FF onMouseOver=View('CC33FF') onClick=Set('CC33FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC66FF onMouseOver=View('CC66FF') onClick=Set('CC66FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CC99FF onMouseOver=View('CC99FF') onClick=Set('CC99FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCCCFF onMouseOver=View('CCCCFF') onClick=Set('CCCCFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#CCFFFF onMouseOver=View('CCFFFF') onClick=Set('CCFFFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF00FF onMouseOver=View('FF00FF') onClick=Set('FF00FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF33FF onMouseOver=View('FF33FF') onClick=Set('FF33FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF66FF onMouseOver=View('FF66FF') onClick=Set('FF66FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FF99FF onMouseOver=View('FF99FF') onClick=Set('FF99FF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFCCFF onMouseOver=View('FFCCFF') onClick=Set('FFCCFF') height="10px" width="10px"></td>
|
||||
<td bgcolor=#FFFFFF onMouseOver=View('FFFFFF') onClick=Set('FFFFFF') height="10px" width="10px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body></html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 660 B |
Binary file not shown.
|
Before Width: | Height: | Size: 67 B |
Binary file not shown.
|
Before Width: | Height: | Size: 109 B |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB |
@ -1,199 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>JavaScript Color Picker - Demo</title>
|
||||
<meta name="description" content="Tigra Color Picker - Free JavaScript widget that makes it easy for your visitors to fill out color value field(s) by selecting the color from a popup palette.">
|
||||
<meta name="keywords" content="free JavaScript color picker, DHTML color picker, RGB, palette, pop-up, client side, web safe, grayscale, system colors, client side, netscape, explorer, IE, opera, cross browser, download">
|
||||
<meta name="robots" content="index,follow">
|
||||
<style>
|
||||
a, A:link, a:visited, a:active
|
||||
{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px}
|
||||
A:hover
|
||||
{color: #ff0000; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px}
|
||||
p, tr, td, ul, li
|
||||
{color: #000000; font-family: Tahoma, Verdana; font-size: 11px}
|
||||
.header1, h1
|
||||
{color: #ffffff; background: #4682B4; font-weight: bold; font-family: Tahoma, Verdana; font-size: 13px; margin: 0px; padding: 2px;}
|
||||
.header2, h2
|
||||
{color: #000000; background: #DBEAF5; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}
|
||||
.intd
|
||||
{color: #000000; font-family: Tahoma, Verdana; font-size: 11px; padding-left: 15px;}
|
||||
form
|
||||
{margin: 5px;}
|
||||
|
||||
</style>
|
||||
<!-- Link script file to the HTML document in the header -->
|
||||
<script language=JavaScript src="picker.js"></script>
|
||||
</head>
|
||||
|
||||
<body bottommargin="15" topmargin="15" leftmargin="15" rightmargin="15" marginheight="15" marginwidth="15" bgcolor="white">
|
||||
|
||||
<!-- Header -->
|
||||
<table cellpadding="0" cellspacing="0" width="100%" border="0">
|
||||
<tr>
|
||||
<td width="350" rowspan="2"><img src="img/tcolorp.gif" width="350" height="80" border="0" alt="Tigra Color Picker"></td>
|
||||
<td align="right" valign="top"><img src="img/logo.gif" width="178" height="30" border="0" alt="Softcomplex logo"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right" valign="bottom" nowrap>
|
||||
<b>
|
||||
| <a href="http://www.softcomplex.com/index.html">About Us</a>
|
||||
| <a href="http://www.softcomplex.com/services.html">Services</a>
|
||||
| <a href="http://www.softcomplex.com/download.html">Download</a>
|
||||
| <a href="http://www.softcomplex.com/order.html">Order</a>
|
||||
| <a href="http://www.softcomplex.com/support.html">Support</a>
|
||||
|
|
||||
</b>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td><img src="img/pixel.gif" width="1" height="5" border="0"></td></tr>
|
||||
</table>
|
||||
<!-- /Header -->
|
||||
|
||||
<!-- Body -->
|
||||
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#4682B4" width="100%"><tr><td>
|
||||
<table cellpadding="0" cellspacing="1" width="100%" border="0">
|
||||
<tr>
|
||||
<td class="header1" valign="top">Tigra Color Picker - Demo #1</td>
|
||||
<td class="header1" valign="top" width="100%"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top" bgcolor="#FFFFFF">
|
||||
<table cellpadding="3" cellspacing="1" border="0" width="100%">
|
||||
<tr><td class="header2">Notes</td></tr>
|
||||
<tr>
|
||||
<td class="intd">
|
||||
On the right hand side there is a form with Tigra Color Picker attached to the fields. Note, that you can have multiple pickers on the same page independently.
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td><img src="img/pixel.gif" width="250" height="1" border="0"></td></tr>
|
||||
<tr><td class="header2">Advantages</td></tr>
|
||||
<tr>
|
||||
<td class="intd">
|
||||
<p><b>Easy color input</b> - With Tigra Color Picker color input is simple and intuitive. Visitors can select any color from three available palettes with few clicks.
|
||||
<p><b>Cost Saving Component</b> - Don't waste your time coding color convertors and validators all over again for each new project. Get the colors on server side ready for further processing.
|
||||
<p><b>Professional Look</b> - Simple great looking improvement to the user interface of your web application. </p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td><img src="img/pixel.gif" width="1" height="1" border="0"></td></tr>
|
||||
<tr><td class="header2">Links</td></tr>
|
||||
<tr>
|
||||
<td class="intd">
|
||||
<b>
|
||||
<ul>
|
||||
<li><a href="http://www.softcomplex.com/products/tigra_color_picker/">Product Page</a>
|
||||
<li><a href="http://www.softcomplex.com/products/tigra_color_picker/demo1.html">Demo Page</a>
|
||||
<li><a href="http://www.softcomplex.com/forum/forumdisplay.php?fid=52">Product Forum</a>
|
||||
<li><a href="http://www.softcomplex.com/download.html">More Downloads</a>
|
||||
</ul>
|
||||
</b>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td><img src="img/pixel.gif" width="1" height="1" border="0"></td></tr>
|
||||
<tr><td class="header2">Getting Started</td></tr>
|
||||
<tr>
|
||||
<td class="intd">
|
||||
<p>The script is really easy to setup. To see an example just open this document with plain text editor and find comments. Didn't it help? Ask for help in <a href="http://www.softcomplex.com/forum/forumdisplay.php?fid=52">Product Forum</a>.
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td><img src="pixel.gif" width="1" height="1" border="0"></td></tr>
|
||||
<tr><td class="header2">Vote for the script</td></tr>
|
||||
<tr>
|
||||
<td class="intd">
|
||||
If you like the script, please vote for it. We do appreciate this much.
|
||||
<form action="http://www.scriptsearch.com/cgi-bin/rateit.cgi" method="post" target="_new">
|
||||
<input type="hidden" name="ID" value="7340">
|
||||
<a href="http://www.scriptsearch.com/details/7340.html"><b>ScriptSearch.com</b></a> :
|
||||
<select name="rate" size="1" style="font-size:10px;">
|
||||
<option value="5" selected>Excellent!</option>
|
||||
<option value="4">Very Good</option>
|
||||
<option value="3">Good</option>
|
||||
<option value="2">Fair</option>
|
||||
<option value="1">Poor</option>
|
||||
</select> <input type="submit" value="Vote!" style="font-size:10px;">
|
||||
</form>
|
||||
|
||||
<form action="http://www.hotscripts.com/cgi-bin/rate.cgi" method="POST" target="_new">
|
||||
<input type=hidden name="ID" value="19922">
|
||||
<a href="http://www.hotscripts.com/Detailed/19922.html"><b>HotScripts.com</b></a> :
|
||||
<select name="rate" size="1" style="font-size:10px;">
|
||||
<option selected value="5">Excellent!</option>
|
||||
<option value="4">Very Good</option>
|
||||
<option value="3">Good</option>
|
||||
<option value="2">Fair</option>
|
||||
<option value="1">Poor</option>
|
||||
</select> <input type="submit" value="Rate It!" style="font-size:10px;">
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td><img src="pixel.gif" width="1" height="1" border="0"></td></tr>
|
||||
</table>
|
||||
</td>
|
||||
|
||||
<td valign="top" bgcolor="#FFFFFF" align="center">
|
||||
<img src="img/pixel.gif" width="1" height="40" border="0"><br>
|
||||
<table cellpadding="0" cellspacing="0" width="450" border="0"><tr><td bgcolor="#4682B4">
|
||||
<table cellpadding="5" cellspacing="1" width="100%" border="0">
|
||||
<tr><th colspan="2" bgcolor="#DBEAF5"><font face="tahoma, verdana" size="2">Try out the script with this demo form</font></td></tr>
|
||||
<!-- Make sure you have valid named HTML form -->
|
||||
<form name="tcp_test">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff" valign="top" nowrap><font face="tahoma, verdana" size="2">Select color from Web safe palette:</font></td>
|
||||
<td bgcolor="#ffffff" valign="top">
|
||||
<!-- Add input box to the form -->
|
||||
<input type="Text" name="input0">
|
||||
<!--
|
||||
Put icon by the input control.
|
||||
Make it the link calling picker popup.
|
||||
Specify input object reference as first parameter to the function and palete selection as second.
|
||||
-->
|
||||
<a href="javascript:TCP.popup(document.forms['tcp_test'].elements['input0'])"><img width="15" height="13" border="0" alt="Click Here to Pick up the color" src="img/sel.gif"></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor="#ffffff" valign="top" nowrap><font face="tahoma, verdana" size="2">Select color from Windows system palette:</font></td>
|
||||
<td bgcolor="#ffffff" valign="top">
|
||||
<input type="Text" name="input1">
|
||||
<a href="javascript:TCP.popup(document.forms['tcp_test'].elements['input1'], 1)"><img width="15" height="13" border="0" alt="Click Here to Pick up the color" src="img/sel.gif"></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor="#ffffff" valign="top" nowrap><font face="tahoma, verdana" size="2">Select color from grayscale palette:</font> </td>
|
||||
<td bgcolor="#ffffff" valign="top">
|
||||
<input type="Text" name="input2">
|
||||
<a href="javascript:TCP.popup(document.forms['tcp_test'].elements['input2'], 2)"><img width="15" height="13" border="0" alt="Click Here to Pick up the color" src="img/sel.gif"></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor="#ffffff" valign="top" nowrap><font face="tahoma, verdana" size="2">Picker reads initial value from the input:</font></td>
|
||||
<td bgcolor="#ffffff" valign="top">
|
||||
<input type="Text" name="input3" value="#DBEAF5">
|
||||
<a href="javascript:TCP.popup(document.forms['tcp_test'].elements['input3'], 1)"><img width="15" height="13" border="0" alt="Click Here to Pick up the color" src="img/sel.gif"></a>
|
||||
</td>
|
||||
</tr>
|
||||
</form>
|
||||
<tr><td colspan="2" bgcolor="#DBEAF5"> </td></tr>
|
||||
</table>
|
||||
</td></tr></table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td></tr></table>
|
||||
<!-- /Body -->
|
||||
|
||||
<!-- Footer -->
|
||||
<table cellpadding="3" cellspacing="0" width="100%" border="0">
|
||||
<tr bgcolor="#4682B4">
|
||||
<td nowrap><font color="white">Copyright ©2003 SoftComplex Inc. All rights reserved.</font></td>
|
||||
<td align="right">
|
||||
| <a href="http://www.softcomplex.com/"><font color="white">company info</font></a>
|
||||
| <a href="http://www.softcomplex.com/privacy_policy.html"><font color="white">privacy policy</font></a>
|
||||
| <a href="http://www.softcomplex.com/support.html"><font color="white">contact us</font></a>
|
||||
|
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- /Footer -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,40 +0,0 @@
|
||||
<!--
|
||||
Title: Tigra Color Picker
|
||||
URL: http://www.softcomplex.com/products/tigra_color_picker/
|
||||
Version: 1.1
|
||||
Date: 06/26/2003 (mm/dd/yyyy)
|
||||
Note: Permission given to use this script in ANY kind of applications if
|
||||
header lines are left unchanged.
|
||||
Note: Script consists of two files: picker.js and picker.html
|
||||
-->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Tigra Color Picker</title>
|
||||
<style>
|
||||
.bd { border : 1px inset InactiveBorder; }
|
||||
.s { width:181 }
|
||||
</style>
|
||||
</head>
|
||||
<body leftmargin="5" topmargin="5" marginheight="5" marginwidth="5" onload="P.C(P.initPalette)">
|
||||
<table cellpadding=0 cellspacing=2 border=0 width=184>
|
||||
<form>
|
||||
<tr><td align="center">
|
||||
<select name="type" onchange="P.C(this.selectedIndex)" class="s">
|
||||
<option>Web Safe Palette</option>
|
||||
<option>Windows System Palette</option>
|
||||
<option>Grey Scale Palette</option>
|
||||
</select>
|
||||
</td></tr>
|
||||
<tr><td align="center">
|
||||
<script language="JavaScript">
|
||||
var P = opener.TCP;
|
||||
onload = "P.show(P.initPalette)";
|
||||
document.forms[0].elements[0].selectedIndex = P.initPalette;
|
||||
P.draw(window, document);
|
||||
</script>
|
||||
</td></tr>
|
||||
</form>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,137 +0,0 @@
|
||||
// Title: Tigra Color Picker
|
||||
// URL: http://www.softcomplex.com/products/tigra_color_picker/
|
||||
// Version: 1.1
|
||||
// Date: 06/26/2003 (mm/dd/yyyy)
|
||||
// Note: Permission given to use this script in ANY kind of applications if
|
||||
// header lines are left unchanged.
|
||||
// Note: Script consists of two files: picker.js and picker.html
|
||||
|
||||
var TCP = new TColorPicker();
|
||||
|
||||
function TCPopup(field, palette) {
|
||||
this.field = field;
|
||||
this.initPalette = !palette || palette > 2 ? 0 : palette;
|
||||
var w = 194, h = 206,
|
||||
move = screen ?
|
||||
',left=' + ((screen.width - w) >> 1) + ',top=' + ((screen.height - h) >> 1) : '',
|
||||
o_colWindow = window.open((this.url?this.url:'')+'picker.html', null, "help=no,status=no,scrollbars=no,resizable=no" + move + ",width=" + w + ",height=" + h + ",dependent=yes", true);
|
||||
o_colWindow.opener = window;
|
||||
o_colWindow.focus();
|
||||
}
|
||||
|
||||
function TCBuildCell (R, G, B, w, h) {
|
||||
return '<td bgcolor="#' + this.dec2hex((R << 16) + (G << 8) + B) + '"><a href="javascript:P.S(\'' + this.dec2hex((R << 16) + (G << 8) + B) + '\')" onmouseover="P.P(\'' + this.dec2hex((R << 16) + (G << 8) + B) + '\')"><img src="pixel.gif" width="' + w + '" height="' + h + '" border="0"></a></td>';
|
||||
}
|
||||
|
||||
function TCSelect(c) {
|
||||
this.field.value = '#' + c.toUpperCase();
|
||||
this.win.close();
|
||||
}
|
||||
|
||||
function TCPaint(c, b_noPref) {
|
||||
c = (b_noPref ? '' : '#') + c.toUpperCase();
|
||||
if (this.o_samp)
|
||||
this.o_samp.innerHTML = '<font face=Tahoma size=2>' + c +' <font color=white>' + c + '</font></font>'
|
||||
if(this.doc.layers)
|
||||
this.sample.bgColor = c;
|
||||
else {
|
||||
if (this.sample.backgroundColor != null) this.sample.backgroundColor = c;
|
||||
else if (this.sample.background != null) this.sample.background = c;
|
||||
}
|
||||
}
|
||||
|
||||
function TCGenerateSafe() {
|
||||
var s = '';
|
||||
for (j = 0; j < 12; j ++) {
|
||||
s += "<tr>";
|
||||
for (k = 0; k < 3; k ++)
|
||||
for (i = 0; i <= 5; i ++)
|
||||
s += this.bldCell(k * 51 + (j % 2) * 51 * 3, Math.floor(j / 2) * 51, i * 51, 8, 10);
|
||||
s += "</tr>";
|
||||
}
|
||||
return s;
|
||||
}
|
||||
|
||||
function TCGenerateWind() {
|
||||
var s = '';
|
||||
for (j = 0; j < 12; j ++) {
|
||||
s += "<tr>";
|
||||
for (k = 0; k < 3; k ++)
|
||||
for (i = 0; i <= 5; i++)
|
||||
s += this.bldCell(i * 51, k * 51 + (j % 2) * 51 * 3, Math.floor(j / 2) * 51, 8, 10);
|
||||
s += "</tr>";
|
||||
}
|
||||
return s
|
||||
}
|
||||
|
||||
function TCGenerateGray() {
|
||||
var s = '';
|
||||
for (j = 0; j <= 15; j ++) {
|
||||
s += "<tr>";
|
||||
for (k = 0; k <= 15; k ++) {
|
||||
g = Math.floor((k + j * 16) % 256);
|
||||
s += this.bldCell(g, g, g, 9, 7);
|
||||
}
|
||||
s += '</tr>';
|
||||
}
|
||||
return s
|
||||
}
|
||||
|
||||
function TCDec2Hex(v) {
|
||||
v = v.toString(16);
|
||||
for(; v.length < 6; v = '0' + v);
|
||||
return v;
|
||||
}
|
||||
|
||||
function TCChgMode(v) {
|
||||
for (var k in this.divs) this.hide(k);
|
||||
this.show(v);
|
||||
}
|
||||
|
||||
function TColorPicker(field) {
|
||||
this.build0 = TCGenerateSafe;
|
||||
this.build1 = TCGenerateWind;
|
||||
this.build2 = TCGenerateGray;
|
||||
this.show = document.layers ?
|
||||
function (div) { this.divs[div].visibility = 'show' } :
|
||||
function (div) { this.divs[div].visibility = 'visible' };
|
||||
this.hide = document.layers ?
|
||||
function (div) { this.divs[div].visibility = 'hide' } :
|
||||
function (div) { this.divs[div].visibility = 'hidden' };
|
||||
// event handlers
|
||||
this.C = TCChgMode;
|
||||
this.S = TCSelect;
|
||||
this.P = TCPaint;
|
||||
this.popup = TCPopup;
|
||||
this.draw = TCDraw;
|
||||
this.dec2hex = TCDec2Hex;
|
||||
this.bldCell = TCBuildCell;
|
||||
this.divs = [];
|
||||
}
|
||||
|
||||
function TCDraw(o_win, o_doc) {
|
||||
this.win = o_win;
|
||||
this.doc = o_doc;
|
||||
var
|
||||
s_tag_openT = o_doc.layers ?
|
||||
'layer visibility=hidden top=54 left=5 width=182' :
|
||||
'div style=visibility:hidden;position:absolute;left:6px;top:54px;width:182px;height:0',
|
||||
s_tag_openS = o_doc.layers ? 'layer top=32 left=6' : 'div',
|
||||
s_tag_close = o_doc.layers ? 'layer' : 'div'
|
||||
|
||||
this.doc.write('<' + s_tag_openS + ' id=sam name=sam><table cellpadding=0 cellspacing=0 border=1 width=181 align=center class=bd><tr><td align=center height=18><div id="samp"><font face=Tahoma size=2>sample <font color=white>sample</font></font></div></td></tr></table></' + s_tag_close + '>');
|
||||
this.sample = o_doc.layers ? o_doc.layers['sam'] :
|
||||
o_doc.getElementById ? o_doc.getElementById('sam').style : o_doc.all['sam'].style
|
||||
|
||||
for (var k = 0; k < 3; k ++) {
|
||||
this.doc.write('<' + s_tag_openT + ' id="p' + k + '" name="p' + k + '"><table cellpadding=0 cellspacing=0 border=1 align=center>' + this['build' + k]() + '</table></' + s_tag_close + '>');
|
||||
this.divs[k] = o_doc.layers
|
||||
? o_doc.layers['p' + k] : o_doc.all
|
||||
? o_doc.all['p' + k].style : o_doc.getElementById('p' + k).style
|
||||
}
|
||||
if (!o_doc.layers && o_doc.body.innerHTML)
|
||||
this.o_samp = o_doc.all
|
||||
? o_doc.all.samp : o_doc.getElementById('samp');
|
||||
this.C(this.initPalette);
|
||||
if (this.field.value) this.P(this.field.value, true)
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user