diff --git a/AUTHORS b/AUTHORS new file mode 100644 index 00000000..1fb2648e --- /dev/null +++ b/AUTHORS @@ -0,0 +1,2 @@ +Narendra Sisodiya +Pavol Rusnak diff --git a/GPL-LICENSE.txt b/COPYING similarity index 82% rename from GPL-LICENSE.txt rename to COPYING index 11dddd00..d511905c 100644 --- a/GPL-LICENSE.txt +++ b/COPYING @@ -1,12 +1,12 @@ - GNU GENERAL PUBLIC LICENSE - Version 2, June 1991 + GNU GENERAL PUBLIC LICENSE + Version 2, June 1991 - Copyright (C) 1989, 1991 Free Software Foundation, Inc. - 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + Copyright (C) 1989, 1991 Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed. - Preamble + Preamble The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public @@ -56,7 +56,7 @@ patent must be licensed for everyone's free use or not licensed at all. The precise terms and conditions for copying, distribution and modification follow. - GNU GENERAL PUBLIC LICENSE + GNU GENERAL PUBLIC LICENSE TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 0. This License applies to any program or other work which contains @@ -255,7 +255,7 @@ make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally. - NO WARRANTY + NO WARRANTY 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN @@ -276,3 +276,64 @@ TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +convey the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software; you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation; either version 2 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along + with this program; if not, write to the Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + +Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this +when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author + Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, the commands you use may +be called something other than `show w' and `show c'; they could even be +mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your +school, if any, to sign a "copyright disclaimer" for the program, if +necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program + `Gnomovision' (which makes passes at compilers) written by James Hacker. + + , 1 April 1989 + Ty Coon, President of Vice + +This General Public License does not permit incorporating your program into +proprietary programs. If your program is a subroutine library, you may +consider it more useful to permit linking proprietary applications with the +library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. diff --git a/SvgEditor.js b/SvgEditor.js deleted file mode 100644 index d007576b..00000000 --- a/SvgEditor.js +++ /dev/null @@ -1,58 +0,0 @@ -$(document).ready(function(){ - - - ApplyColorPicker("colorSelectorStroke" , "000000" , { - callback: function(hex){ - window.set_stroke_color(hex); - $('#div_color1').css("backgroundColor", hex); - } - }); - - ApplyColorPicker("colorSelectorFill" , "ffffff" , { - callback: function(hex){ - window.set_fill_color(hex); - $('#div_color2').css("backgroundColor", hex); - } - }); - - - $('#color1').colorPicker(); - $('#color2').colorPicker(); - -});//end ready - -function ApplyColorPicker(id , ini_col_hex , fun_var){ - - $("#" + id ).css({ - "border": "1px solid black", - "height" : "30px", - "width" : "30px", - "backgroundColor" : "#" + ini_col_hex - - }); - - $("#" + id).ColorPicker({ - color: "#" + ini_col_hex, - onChange: function (hsb, hex, rgb) { - $("#" + id).css("backgroundColor", "#" + hex); - fun_var.callback('#' + hex); - } - }); - -}//apply - - -function return_str_to_html(str){ - alert("This is svg image in string format \n This will be posted to server \n " + str) - //posting the data to server - - //document.getElementById("hidden_svg_data").setAttribute("value", escape(str)); - $.post( - "save.php", - {svg_data: escape(str) - }); -} - -function f1(col){ - $('#colorSelectorStroke').ColorPickerSetColor(col); -} diff --git a/blank.svg b/blank.svg index 688b60cf..983e7b80 100644 --- a/blank.svg +++ b/blank.svg @@ -1,7 +1,5 @@ - - + diff --git a/blanksvg.js b/blanksvg.js index b49b90df..c7c25f40 100644 --- a/blanksvg.js +++ b/blanksvg.js @@ -1,341 +1,465 @@ - SVGDocument = null; - SVGRoot = null; - var svgns = "http://www.w3.org/2000/svg"; - - top.clear_svg = SVGclear_svg ; - top.set_draw_mode = SVGset_draw_mode ; - top.submit_svg = SVGsubmit_svg ; - top.set_stroke_color = SVGset_stroke_color; - top.set_fill_color = SVGset_fill_color; - top.set_stroke_width = SVGset_stroke_width ; + SVGDocument = null; + SVGRoot = null; + var svgns = "http://www.w3.org/2000/svg"; - - var d_attr = "" ; - var signature_started = 0 ; - var path_elememt = 0 ; - var path_num = 1 ; - var rect_num = 1 ; - var line_num = 1 ; - var ellipse_num = 1 ; - var rect_x = null ; - var rect_y = null ; - var current_draw_element = "path" ; - var current_draw_element_fill = "none" ; - var current_draw_element_stroke_width = "1px" ; - var current_draw_element_stroke = "black" ; - var freehandcircle_min_x = null ; - var freehandcircle_max_x = null ; - var freehandcircle_min_y = null ; - var freehandcircle_max_y = null ; + top.clear_svg = SVGclear_svg ; + top.set_draw_mode = SVGset_draw_mode ; + top.submit_svg = SVGsubmit_svg ; + top.set_stroke_color = SVGset_stroke_color; + top.set_fill_color = SVGset_fill_color; + top.set_stroke_width = SVGset_stroke_width ; + var d_attr = "" ; + var signature_started = 0 ; + var path_elememt = 0 ; + var path_num = 1 ; + var rect_num = 1 ; + var line_num = 1 ; + var ellipse_num = 1 ; + var rect_x = null ; + var rect_y = null ; + var current_draw_element = "path" ; + var current_draw_element_fill = "none" ; + var current_draw_element_stroke_width = "1px" ; + var current_draw_element_stroke = "black" ; + var freehand_min_x = null ; + var freehand_max_x = null ; + var freehand_min_y = null ; + var freehand_max_y = null ; + var freehand_min_x = null ; + var freehand_max_x = null ; + var freehand_min_y = null ; + var freehand_max_y = null ; function SVGset_draw_mode(ele_name) { - current_draw_element = ele_name; + current_draw_element = ele_name; } - - function SVGset_stroke_color(col_hex){ - current_draw_element_stroke = col_hex; + current_draw_element_stroke = col_hex; } - + function SVGset_fill_color(col_hex){ - current_draw_element_fill = col_hex; + current_draw_element_fill = col_hex; } function SVGset_stroke_width(val){ - current_draw_element_stroke_width = val; + current_draw_element_stroke_width = val; } function Initialize(LoadEvent) { - SVGDocument = LoadEvent.target.ownerDocument; - SVGRoot = SVGDocument.documentElement ; - var Attr={ - "onmouseup":"fun_mouseUP(evt)", - "onmousedown":"fun_mouseDOWN(evt)", - "onmousemove":"fun_mouseMOVE(evt)" - } - assignAttr(SVGRoot,Attr); + SVGDocument = LoadEvent.target.ownerDocument; + SVGRoot = SVGDocument.documentElement ; + var Attr={ + "onmouseup":"fun_mouseUP(evt)", + "onmousedown":"fun_mouseDOWN(evt)", + "onmousemove":"fun_mouseMOVE(evt)" + } + assignAttr(SVGRoot,Attr); } - - function fun_mouseUP(evt) { - if (signature_started == 1 ) { - signature_started = 0 ; + signature_started = 0 ; - switch (current_draw_element) - { - case "path": - d_attr = 0 ; - path_num = path_num + 1 ; - break - case "rect": - rect_num = rect_num + 1 ; - break - case "line": - line_num = line_num + 1 ; - break - case "ellipse": - ellipse_num = ellipse_num + 1 ; - break - case "freehandcircle": - d_attr = 0 ; - - var element = SVGDocument.getElementById("path_" + path_num); - element.parentNode.removeChild(element); - - create_svg_element_by_json({ - "element": "ellipse", - "Attr": { - "cx": (freehandcircle_min_x + freehandcircle_max_x ) / 2, - "cy": (freehandcircle_min_y + freehandcircle_max_y ) / 2, - "rx": (freehandcircle_max_x - freehandcircle_min_x ) / 2 + "px", - "ry": (freehandcircle_max_y - freehandcircle_min_y ) / 2 + "px", - "id": "ellipse_" + ellipse_num, - "fill": current_draw_element_fill, - "stroke": current_draw_element_stroke, - "stroke-width": current_draw_element_stroke_width - } - }); - ellipse_num = ellipse_num + 1 ; - break; - }//switch + switch (current_draw_element) + { + case "select": + var element = SVGDocument.getElementById("rect_" + rect_num); + element.parentNode.removeChild(element); + break; + case "path": + d_attr = 0 ; + var element = SVGDocument.getElementById("path_" + path_num); + element.setAttribute("stroke-opacity", 1.0); + path_num = path_num + 1 ; + break; + case "line": + var element = SVGDocument.getElementById("line_" + line_num); + element.setAttribute("stroke-opacity", 1.0); + line_num = line_num + 1 ; + break; + case "square": + case "rect": + var element = SVGDocument.getElementById("rect_" + rect_num); + element.setAttribute("fill-opacity", 1.0); + element.setAttribute("stroke-opacity", 1.0); + rect_num = rect_num + 1 ; + break; + case "circle": + case "ellipse": + var element = SVGDocument.getElementById("ellipse_" + ellipse_num); + element.setAttribute("fill-opacity", 1.0); + element.setAttribute("stroke-opacity", 1.0); + ellipse_num = ellipse_num + 1 ; + break; + case "fhellipse": + d_attr = 0 ; - }//if + var element = SVGDocument.getElementById("path_" + path_num); + element.parentNode.removeChild(element); -}//function + create_svg_element_by_json({ + "element": "ellipse", + "Attr": { + "cx": (freehand_min_x + freehand_max_x ) / 2, + "cy": (freehand_min_y + freehand_max_y ) / 2, + "rx": (freehand_max_x - freehand_min_x ) / 2 + "px", + "ry": (freehand_max_y - freehand_min_y ) / 2 + "px", + "id": "ellipse_" + ellipse_num, + "fill": current_draw_element_fill, + "stroke": current_draw_element_stroke, + "stroke-width": current_draw_element_stroke_width + } + }); + ellipse_num = ellipse_num + 1 ; + break; + case "fhrect": + d_attr = 0 ; + + var element = SVGDocument.getElementById("path_" + path_num); + element.parentNode.removeChild(element); + + create_svg_element_by_json({ + "element": "rect", + "Attr": { + "x": freehand_min_x, + "y": freehand_min_y, + "width": (freehand_max_x - freehand_min_x ) + "px", + "height": (freehand_max_y - freehand_min_y ) + "px", + "id": "rect_" + rect_num, + "fill": current_draw_element_fill, + "stroke": current_draw_element_stroke, + "stroke-width": current_draw_element_stroke_width + } + }); + rect_num = rect_num + 1 ; + break; + } + + } + +} function fun_mouseDOWN(evt) { - - var x = evt.pageX; - var y = evt.pageY; - switch (current_draw_element) - { - case "freehandcircle": - d_attr = "M" + x + " " + y + " "; - signature_started = 1 ; + var x = evt.pageX; + var y = evt.pageY; - create_svg_element_by_json({ - "element": "path", - "Attr": { - "d": d_attr, - "id": "path_" + path_num, - "fill": "none", - "stroke": current_draw_element_stroke, - "stroke-width": current_draw_element_stroke_width - } - - }); - - freehandcircle_min_x = x ; - freehandcircle_max_x = x ; - freehandcircle_min_y = y ; - freehandcircle_max_y = y ; - - break - case "path": - d_attr = "M" + x + " " + y + " "; - signature_started = 1 ; - - create_svg_element_by_json({ - "element": "path", - "Attr": { - "d": d_attr, - "id": "path_" + path_num, - "fill": "none", - "stroke": current_draw_element_stroke, - "stroke-width": current_draw_element_stroke_width - } - - }); - - break - case "rect": - signature_started = 1 ; - rect_x = x ; - rect_y = y ; - create_svg_element_by_json({ - "element": "rect", - "Attr": { - "x": x, - "y": y, - "width": "1px", - "height": "1px", - "id": "rect_" + rect_num, - "fill": current_draw_element_fill, - "stroke": current_draw_element_stroke, - "stroke-width": current_draw_element_stroke_width - } - - }); - break - case "line": - signature_started = 1 ; + switch (current_draw_element) + { + case "select": + signature_started = 1 ; + rect_x = x ; + rect_y = y ; + create_svg_element_by_json({ + "element": "rect", + "Attr": { + "x": x, + "y": y, + "width": "1px", + "height": "1px", + "id": "rect_" + rect_num, + "fill": 'none', + "stroke": 'black', + "stroke-width": '1px', + "stroke-dasharray": "2,2" + } + }); + break; + case "fhellipse": + d_attr = "M" + x + " " + y + " "; + signature_started = 1 ; + + create_svg_element_by_json({ + "element": "path", + "Attr": { + "d": d_attr, + "id": "path_" + path_num, + "fill": "none", + "stroke": current_draw_element_stroke, + "stroke-width": current_draw_element_stroke_width, + "stroke-opacity": 0.5 + } + + }); + + freehand_min_x = x ; + freehand_max_x = x ; + freehand_min_y = y ; + freehand_max_y = y ; + + break; + case "fhrect": + d_attr = "M" + x + " " + y + " "; + signature_started = 1 ; + + create_svg_element_by_json({ + "element": "path", + "Attr": { + "d": d_attr, + "id": "path_" + path_num, + "fill": "none", + "stroke": current_draw_element_stroke, + "stroke-width": current_draw_element_stroke_width, + "stroke-opacity": 0.5 + } + + }); + + freehand_min_x = x ; + freehand_max_x = x ; + freehand_min_y = y ; + freehand_max_y = y ; + + break; + case "path": + d_attr = "M" + x + " " + y + " "; + signature_started = 1 ; + + create_svg_element_by_json({ + "element": "path", + "Attr": { + "d": d_attr, + "id": "path_" + path_num, + "fill": "none", + "stroke": current_draw_element_stroke, + "stroke-width": current_draw_element_stroke_width, + "stroke-opacity": 0.5 + } + + }); + + break; + case "square": + case "rect": + signature_started = 1 ; + rect_x = x ; + rect_y = y ; + create_svg_element_by_json({ + "element": "rect", + "Attr": { + "x": x, + "y": y, + "width": "1px", + "height": "1px", + "id": "rect_" + rect_num, + "fill": current_draw_element_fill, + "stroke": current_draw_element_stroke, + "stroke-width": current_draw_element_stroke_width, + "fill-opacity": 0.5, + "stroke-opacity": 0.5 + } + + }); + break; + case "line": + signature_started = 1 ; + + create_svg_element_by_json({ + "element": "line", + "Attr": { + "x1": x, + "y1": y, + "x2": x + 1 + "px", + "y2": y + 1 + "px", + "id": "line_" + line_num, + "stroke": current_draw_element_stroke, + "stroke-width": current_draw_element_stroke_width, + "stroke-opacity": 0.5 + } + + }); + break; + case "circle": + case "ellipse": + signature_started = 1 ; + create_svg_element_by_json({ + "element": "ellipse", + "Attr": { + "cx": x, + "cy": y, + "rx": 1 + "px", + "ry": 1 + "px", + "id": "ellipse_" + ellipse_num, + "fill": current_draw_element_fill, + "stroke": current_draw_element_stroke, + "stroke-width": current_draw_element_stroke_width, + "fill-opacity": 0.5, + "stroke-opacity": 0.5 + } + }); + break; + case "delete": + var T=evt.target + if(SVGRoot == evt.target ) return ; + T.parentNode.removeChild(T); + break; + } - create_svg_element_by_json({ - "element": "line", - "Attr": { - "x1": x, - "y1": y, - "x2": x + 1 + "px", - "y2": y + 1 + "px", - "id": "line_" + line_num, - "stroke": current_draw_element_stroke, - "stroke-width": current_draw_element_stroke_width - } - - }); - break - case "ellipse": - signature_started = 1 ; - create_svg_element_by_json({ - "element": "ellipse", - "Attr": { - "cx": x, - "cy": y, - "rx": 1 + "px", - "ry": 1 + "px", - "id": "ellipse_" + ellipse_num, - "fill": current_draw_element_fill, - "stroke": current_draw_element_stroke, - "stroke-width": current_draw_element_stroke_width - } - }); - break - case "delete": - var T=evt.target - if(SVGRoot == evt.target ) return ; - T.parentNode.removeChild(T); - break; - }//switch - } function fun_mouseMOVE(evt) { - if (signature_started == 1 ) - { - var x = evt.pageX; - var y = evt.pageY; + if (signature_started == 1 ) + { + var x = evt.pageX; + var y = evt.pageY; - switch (current_draw_element) - { - case "path": + switch (current_draw_element) + { + case "path": - d_attr = d_attr + "L" + x + " " + y + " "; - var shape = SVGDocument.getElementById("path_" + path_num); - shape.setAttributeNS(null, "d", d_attr); - break + d_attr = d_attr + "L" + x + " " + y + " "; + var shape = SVGDocument.getElementById("path_" + path_num); + shape.setAttributeNS(null, "d", d_attr); + break; - case "rect": + case "line": + var shape = SVGDocument.getElementById("line_" + line_num); + shape.setAttributeNS(null, "x2", x); + shape.setAttributeNS(null, "y2", y); + break; - var shape = SVGDocument.getElementById("rect_" + rect_num); - var start_x = shape.getAttributeNS(null, "x"); - var start_y = shape.getAttributeNS(null, "y"); + case "square": - if(rect_x < x ){ - shape.setAttributeNS(null, "x", rect_x); - shape.setAttributeNS(null, "width", x - rect_x); - }else{ - shape.setAttributeNS(null, "x", x); - shape.setAttributeNS(null, "width", rect_x - x); - } - if(rect_y < y ){ - shape.setAttributeNS(null, "y", rect_y); - shape.setAttributeNS(null, "height", y - rect_y); - }else{ - shape.setAttributeNS(null, "y", y); - shape.setAttributeNS(null, "height", rect_y - y); - } - - break - case "line": - var shape = SVGDocument.getElementById("line_" + line_num); - shape.setAttributeNS(null, "x2", x); - shape.setAttributeNS(null, "y2", y); - break - case "ellipse": - var shape = SVGDocument.getElementById("ellipse_" + ellipse_num); - var cx = shape.getAttributeNS(null, "cx"); - var cy = shape.getAttributeNS(null, "cy"); - var rad = Math.sqrt( (x-cx)*(x-cx) + (y-cy)*(y-cy) ); - - shape.setAttributeNS(null, "rx", rad); - shape.setAttributeNS(null, "ry", rad); - break; + var shape = SVGDocument.getElementById("rect_" + rect_num); + var size = Math.max( Math.abs(x-rect_x) , Math.abs(y-rect_y) ); - case "freehandcircle": - d_attr = d_attr + "L" + x + " " + y + " "; - var shape = SVGDocument.getElementById("path_" + path_num); - shape.setAttributeNS(null, "d", d_attr); + shape.setAttributeNS(null, "width", size); + shape.setAttributeNS(null, "height", size); + if(rect_x < x ){ + shape.setAttributeNS(null, "x", rect_x); + }else{ + shape.setAttributeNS(null, "x", rect_x - size); + } + if(rect_y < y ){ + shape.setAttributeNS(null, "y", rect_y); + }else{ + shape.setAttributeNS(null, "y", rect_y - size); + } - freehandcircle_min_x = min_of(x , freehandcircle_min_x ) ; - freehandcircle_max_x = max_of(x , freehandcircle_max_x ) ; - freehandcircle_min_y = min_of(y , freehandcircle_min_y ) ; - freehandcircle_max_y = max_of(y , freehandcircle_max_y ) ; - break; - - }//switch + break; + case "select": + case "rect": - }//if -}//function + var shape = SVGDocument.getElementById("rect_" + rect_num); + + if(rect_x < x ){ + shape.setAttributeNS(null, "x", rect_x); + shape.setAttributeNS(null, "width", x - rect_x); + }else{ + shape.setAttributeNS(null, "x", x); + shape.setAttributeNS(null, "width", rect_x - x); + } + if(rect_y < y ){ + shape.setAttributeNS(null, "y", rect_y); + shape.setAttributeNS(null, "height", y - rect_y); + }else{ + shape.setAttributeNS(null, "y", y); + shape.setAttributeNS(null, "height", rect_y - y); + } + + break; + case "circle": + var shape = SVGDocument.getElementById("ellipse_" + ellipse_num); + var cx = shape.getAttributeNS(null, "cx"); + var cy = shape.getAttributeNS(null, "cy"); + var rad = Math.sqrt( (x-cx)*(x-cx) + (y-cy)*(y-cy) ); + + shape.setAttributeNS(null, "rx", rad); + shape.setAttributeNS(null, "ry", rad); + break; + case "ellipse": + var shape = SVGDocument.getElementById("ellipse_" + ellipse_num); + var cx = shape.getAttributeNS(null, "cx"); + var cy = shape.getAttributeNS(null, "cy"); + + shape.setAttributeNS(null, "rx", Math.abs(x-cx)); + shape.setAttributeNS(null, "ry", Math.abs(y-cy)); + break; + + case "fhellipse": + d_attr = d_attr + "L" + x + " " + y + " "; + var shape = SVGDocument.getElementById("path_" + path_num); + shape.setAttributeNS(null, "d", d_attr); + + freehand_min_x = min_of(x , freehand_min_x ) ; + freehand_max_x = max_of(x , freehand_max_x ) ; + freehand_min_y = min_of(y , freehand_min_y ) ; + freehand_max_y = max_of(y , freehand_max_y ) ; + break; + + case "fhrect": + d_attr = d_attr + "L" + x + " " + y + " "; + var shape = SVGDocument.getElementById("path_" + path_num); + shape.setAttributeNS(null, "d", d_attr); + + freehand_min_x = min_of(x , freehand_min_x ) ; + freehand_max_x = max_of(x , freehand_max_x ) ; + freehand_min_y = min_of(y , freehand_min_y ) ; + freehand_max_y = max_of(y , freehand_max_y ) ; + break; + + } + + } +} function min_of(a ,b){ - if (a < b ) { return a ;} - else {return b ;} + if (a < b ) { return a ;} + else {return b ;} } function max_of(a ,b){ - if (a > b ) { return a ;} - else {return b ;} + if (a > b ) { return a ;} + else {return b ;} } function create_svg_element_by_json(data) { - var shape = SVGDocument.createElementNS(svgns, data.element); - assignAttr(shape, data.Attr); - SVGDocument.documentElement.appendChild(shape); - -}//function + var shape = SVGDocument.createElementNS(svgns, data.element); + assignAttr(shape, data.Attr); + SVGDocument.documentElement.appendChild(shape); + +} + function assignAttr(Node,Attr){ - for (i in Attr) { - Node.setAttributeNS(null, i, Attr[i]); - } -}//function - + for (i in Attr) { + Node.setAttributeNS(null, i, Attr[i]); + } +} + function SVGclear_svg() { - var Nodes = SVGRoot.childNodes ; - var Length = SVGRoot.childNodes.length ; - var i = 0 ; - for(var Rep=0; Rep< Length; Rep++){ - if(Nodes[i].nodeType == 1){ - Nodes[i].parentNode.removeChild(Nodes[i]); - } - else{ - i++; - } - }//for + var Nodes = SVGRoot.childNodes ; + var Length = SVGRoot.childNodes.length ; + var i = 0 ; + for(var Rep=0; Rep< Length; Rep++){ + if(Nodes[i].nodeType == 1){ + Nodes[i].parentNode.removeChild(Nodes[i]); + } + else{ + i++; + } + } } function SvgToString(elem , indent) { - var out = "" ; + var out = "" ; if (elem) { var attrs = elem.attributes; @@ -343,27 +467,31 @@ function SvgToString(elem , indent) var i; var childs = elem.childNodes; + // don't include scripts in output svg + if (elem.nodeName == "script") return ""; + for (i=0; i=0; i--) { attr = attrs.item(i); + // don't include events in output svg + if (attr.nodeName == "onload" || + attr.nodeName == "onmousedown" || + attr.nodeName == "onmousemove" || + attr.nodeName == "onmouseup") continue; out += " " + attr.nodeName + "=\"" + attr.nodeValue+ "\""; } - - if (elem.hasChildNodes()) { out += ">\n"; indent++; for (i=0; i \ - \n" - str = str + SvgToString(SVGRoot , 0); - top.return_str_to_html(str); -} +function SVGsubmit_svg(){ + var str = "\n\n"; + str = str + SvgToString(SVGRoot , 0); + top.serializeHandler(str); +} diff --git a/circle.png b/circle.png new file mode 100644 index 00000000..4e7c247b Binary files /dev/null and b/circle.png differ diff --git a/clear.png b/clear.png new file mode 100644 index 00000000..448bfa53 Binary files /dev/null and b/clear.png differ diff --git a/colorpicker/css/colorpicker.css b/colorpicker/css/colorpicker.css deleted file mode 100644 index 05b02b48..00000000 --- a/colorpicker/css/colorpicker.css +++ /dev/null @@ -1,161 +0,0 @@ -.colorpicker { - width: 356px; - height: 176px; - overflow: hidden; - position: absolute; - background: url(../images/colorpicker_background.png); - font-family: Arial, Helvetica, sans-serif; - display: none; -} -.colorpicker_color { - width: 150px; - height: 150px; - left: 14px; - top: 13px; - position: absolute; - background: #f00; - overflow: hidden; - cursor: crosshair; -} -.colorpicker_color div { - position: absolute; - top: 0; - left: 0; - width: 150px; - height: 150px; - background: url(../images/colorpicker_overlay.png); -} -.colorpicker_color div div { - position: absolute; - top: 0; - left: 0; - width: 11px; - height: 11px; - overflow: hidden; - background: url(../images/colorpicker_select.gif); - margin: -5px 0 0 -5px; -} -.colorpicker_hue { - position: absolute; - top: 13px; - left: 171px; - width: 35px; - height: 150px; - cursor: n-resize; -} -.colorpicker_hue div { - position: absolute; - width: 35px; - height: 9px; - overflow: hidden; - background: url(../images/colorpicker_indic.gif) left top; - margin: -4px 0 0 0; - left: 0px; -} -.colorpicker_new_color { - position: absolute; - width: 60px; - height: 30px; - left: 213px; - top: 13px; - background: #f00; -} -.colorpicker_current_color { - position: absolute; - width: 60px; - height: 30px; - left: 283px; - top: 13px; - background: #f00; -} -.colorpicker input { - background-color: transparent; - border: 1px solid transparent; - position: absolute; - font-size: 10px; - font-family: Arial, Helvetica, sans-serif; - color: #898989; - top: 4px; - right: 11px; - text-align: right; - margin: 0; - padding: 0; - height: 11px; -} -.colorpicker_hex { - position: absolute; - width: 72px; - height: 22px; - background: url(../images/colorpicker_hex.png) top; - left: 212px; - top: 142px; -} -.colorpicker_hex input { - right: 6px; -} -.colorpicker_field { - height: 22px; - width: 62px; - background-position: top; - position: absolute; -} -.colorpicker_field span { - position: absolute; - width: 12px; - height: 22px; - overflow: hidden; - top: 0; - right: 0; - cursor: n-resize; -} -.colorpicker_rgb_r { - background-image: url(../images/colorpicker_rgb_r.png); - top: 52px; - left: 212px; -} -.colorpicker_rgb_g { - background-image: url(../images/colorpicker_rgb_g.png); - top: 82px; - left: 212px; -} -.colorpicker_rgb_b { - background-image: url(../images/colorpicker_rgb_b.png); - top: 112px; - left: 212px; -} -.colorpicker_hsb_h { - background-image: url(../images/colorpicker_hsb_h.png); - top: 52px; - left: 282px; -} -.colorpicker_hsb_s { - background-image: url(../images/colorpicker_hsb_s.png); - top: 82px; - left: 282px; -} -.colorpicker_hsb_b { - background-image: url(../images/colorpicker_hsb_b.png); - top: 112px; - left: 282px; -} -.colorpicker_submit { - position: absolute; - width: 22px; - height: 22px; - background: url(../images/colorpicker_submit.png) top; - left: 322px; - top: 142px; - overflow: hidden; -} -.colorpicker_focus { - background-position: center; -} -.colorpicker_hex.colorpicker_focus { - background-position: bottom; -} -.colorpicker_submit.colorpicker_focus { - background-position: bottom; -} -.colorpicker_slider { - background-position: bottom; -} diff --git a/colorpicker/css/layout.css b/colorpicker/css/layout.css deleted file mode 100644 index 8b3f00ff..00000000 --- a/colorpicker/css/layout.css +++ /dev/null @@ -1,218 +0,0 @@ -body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { - margin:0; - padding:0; -} -table { - border-collapse:collapse; - border-spacing:0; -} -fieldset,img { - border:0; -} -address,caption,cite,code,dfn,em,strong,th,var { - font-style:normal; - font-weight:normal; -} -ol,ul { - list-style:none; -} -caption,th { - text-align:left; -} -h1,h2,h3,h4,h5,h6 { - font-size:100%; - font-weight:normal; -} -q:before,q:after { - content:''; -} -abbr,acronym { border:0; -} -html, body { - background-color: #fff; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - line-height: 18px; - color: #52697E; -} -body { - text-align: center; - overflow: auto; -} -.wrapper { - width: 700px; - margin: 0 auto; - text-align: left; -} -h1 { - font-size: 21px; - height: 47px; - line-height: 47px; - text-transform: uppercase; -} -.navigationTabs { - height: 23px; - line-height: 23px; - border-bottom: 1px solid #ccc; -} -.navigationTabs li { - float: left; - height: 23px; - line-height: 23px; - padding-right: 3px; -} -.navigationTabs li a{ - float: left; - dispaly: block; - height: 23px; - line-height: 23px; - padding: 0 10px; - overflow: hidden; - color: #52697E; - background-color: #eee; - position: relative; - text-decoration: none; -} -.navigationTabs li a:hover { - background-color: #f0f0f0; -} -.navigationTabs li a.active { - background-color: #fff; - border: 1px solid #ccc; - border-bottom: 0px solid; -} -.tabsContent { - border: 1px solid #ccc; - border-top: 0px solid; - width: 698px; - overflow: hidden; -} -.tab { - padding: 16px; - display: none; -} -.tab h2 { - font-weight: bold; - font-size: 16px; -} -.tab h3 { - font-weight: bold; - font-size: 14px; - margin-top: 20px; -} -.tab p { - margin-top: 16px; - clear: both; -} -.tab ul { - margin-top: 16px; - list-style: disc; -} -.tab li { - margin: 10px 0 0 35px; -} -.tab a { - color: #8FB0CF; -} -.tab strong { - font-weight: bold; -} -.tab pre { - font-size: 11px; - margin-top: 20px; - width: 668px; - overflow: auto; - clear: both; -} -.tab table { - width: 100%; -} -.tab table td { - padding: 6px 10px 6px 0; - vertical-align: top; -} -.tab dt { - margin-top: 16px; -} - -#colorSelector { - position: relative; - width: 36px; - height: 36px; - background: url(../images/select.png); -} -#colorSelector div { - position: absolute; - top: 3px; - left: 3px; - width: 30px; - height: 30px; - background: url(../images/select.png) center; -} -#colorSelector2 { - position: absolute; - top: 0; - left: 0; - width: 36px; - height: 36px; - background: url(../images/select2.png); -} -#colorSelector2 div { - position: absolute; - top: 4px; - left: 4px; - width: 28px; - height: 28px; - background: url(../images/select2.png) center; -} -#colorpickerHolder2 { - top: 32px; - left: 0; - width: 356px; - height: 0; - overflow: hidden; - position: absolute; -} -#colorpickerHolder2 .colorpicker { - background-image: url(../images/custom_background.png); - position: absolute; - bottom: 0; - left: 0; -} -#colorpickerHolder2 .colorpicker_hue div { - background-image: url(../images/custom_indic.gif); -} -#colorpickerHolder2 .colorpicker_hex { - background-image: url(../images/custom_hex.png); -} -#colorpickerHolder2 .colorpicker_rgb_r { - background-image: url(../images/custom_rgb_r.png); -} -#colorpickerHolder2 .colorpicker_rgb_g { - background-image: url(../images/custom_rgb_g.png); -} -#colorpickerHolder2 .colorpicker_rgb_b { - background-image: url(../images/custom_rgb_b.png); -} -#colorpickerHolder2 .colorpicker_hsb_s { - background-image: url(../images/custom_hsb_s.png); - display: none; -} -#colorpickerHolder2 .colorpicker_hsb_h { - background-image: url(../images/custom_hsb_h.png); - display: none; -} -#colorpickerHolder2 .colorpicker_hsb_b { - background-image: url(../images/custom_hsb_b.png); - display: none; -} -#colorpickerHolder2 .colorpicker_submit { - background-image: url(../images/custom_submit.png); -} -#colorpickerHolder2 .colorpicker input { - color: #778398; -} -#customWidget { - position: relative; - height: 36px; -} diff --git a/colorpicker/images/Thumbs.db b/colorpicker/images/Thumbs.db deleted file mode 100644 index d396c36d..00000000 Binary files a/colorpicker/images/Thumbs.db and /dev/null differ diff --git a/colorpicker/images/blank.gif b/colorpicker/images/blank.gif deleted file mode 100644 index 75b945d2..00000000 Binary files a/colorpicker/images/blank.gif and /dev/null differ diff --git a/colorpicker/images/colorpicker_background.png b/colorpicker/images/colorpicker_background.png deleted file mode 100644 index 8401572f..00000000 Binary files a/colorpicker/images/colorpicker_background.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_hex.png b/colorpicker/images/colorpicker_hex.png deleted file mode 100644 index 4e532d7c..00000000 Binary files a/colorpicker/images/colorpicker_hex.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_hsb_b.png b/colorpicker/images/colorpicker_hsb_b.png deleted file mode 100644 index dfac595d..00000000 Binary files a/colorpicker/images/colorpicker_hsb_b.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_hsb_h.png b/colorpicker/images/colorpicker_hsb_h.png deleted file mode 100644 index 3977ed9f..00000000 Binary files a/colorpicker/images/colorpicker_hsb_h.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_hsb_s.png b/colorpicker/images/colorpicker_hsb_s.png deleted file mode 100644 index a2a69973..00000000 Binary files a/colorpicker/images/colorpicker_hsb_s.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_indic.gif b/colorpicker/images/colorpicker_indic.gif deleted file mode 100644 index f9fa95e2..00000000 Binary files a/colorpicker/images/colorpicker_indic.gif and /dev/null differ diff --git a/colorpicker/images/colorpicker_overlay.png b/colorpicker/images/colorpicker_overlay.png deleted file mode 100644 index 561cdd9c..00000000 Binary files a/colorpicker/images/colorpicker_overlay.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_rgb_b.png b/colorpicker/images/colorpicker_rgb_b.png deleted file mode 100644 index dfac595d..00000000 Binary files a/colorpicker/images/colorpicker_rgb_b.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_rgb_g.png b/colorpicker/images/colorpicker_rgb_g.png deleted file mode 100644 index 72b32760..00000000 Binary files a/colorpicker/images/colorpicker_rgb_g.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_rgb_r.png b/colorpicker/images/colorpicker_rgb_r.png deleted file mode 100644 index 4855fe03..00000000 Binary files a/colorpicker/images/colorpicker_rgb_r.png and /dev/null differ diff --git a/colorpicker/images/colorpicker_select.gif b/colorpicker/images/colorpicker_select.gif deleted file mode 100644 index 599f7f13..00000000 Binary files a/colorpicker/images/colorpicker_select.gif and /dev/null differ diff --git a/colorpicker/images/colorpicker_submit.png b/colorpicker/images/colorpicker_submit.png deleted file mode 100644 index 7f4c0825..00000000 Binary files a/colorpicker/images/colorpicker_submit.png and /dev/null differ diff --git a/colorpicker/images/custom_background.png b/colorpicker/images/custom_background.png deleted file mode 100644 index cf55ffdd..00000000 Binary files a/colorpicker/images/custom_background.png and /dev/null differ diff --git a/colorpicker/images/custom_hex.png b/colorpicker/images/custom_hex.png deleted file mode 100644 index 888f4444..00000000 Binary files a/colorpicker/images/custom_hex.png and /dev/null differ diff --git a/colorpicker/images/custom_hsb_b.png b/colorpicker/images/custom_hsb_b.png deleted file mode 100644 index 2f99dae8..00000000 Binary files a/colorpicker/images/custom_hsb_b.png and /dev/null differ diff --git a/colorpicker/images/custom_hsb_h.png b/colorpicker/images/custom_hsb_h.png deleted file mode 100644 index a217e921..00000000 Binary files a/colorpicker/images/custom_hsb_h.png and /dev/null differ diff --git a/colorpicker/images/custom_hsb_s.png b/colorpicker/images/custom_hsb_s.png deleted file mode 100644 index 7826b415..00000000 Binary files a/colorpicker/images/custom_hsb_s.png and /dev/null differ diff --git a/colorpicker/images/custom_indic.gif b/colorpicker/images/custom_indic.gif deleted file mode 100644 index 222fb94c..00000000 Binary files a/colorpicker/images/custom_indic.gif and /dev/null differ diff --git a/colorpicker/images/custom_rgb_b.png b/colorpicker/images/custom_rgb_b.png deleted file mode 100644 index 80764e5d..00000000 Binary files a/colorpicker/images/custom_rgb_b.png and /dev/null differ diff --git a/colorpicker/images/custom_rgb_g.png b/colorpicker/images/custom_rgb_g.png deleted file mode 100644 index fc9778be..00000000 Binary files a/colorpicker/images/custom_rgb_g.png and /dev/null differ diff --git a/colorpicker/images/custom_rgb_r.png b/colorpicker/images/custom_rgb_r.png deleted file mode 100644 index 91b0cd4c..00000000 Binary files a/colorpicker/images/custom_rgb_r.png and /dev/null differ diff --git a/colorpicker/images/custom_submit.png b/colorpicker/images/custom_submit.png deleted file mode 100644 index cd202cd9..00000000 Binary files a/colorpicker/images/custom_submit.png and /dev/null differ diff --git a/colorpicker/images/select.png b/colorpicker/images/select.png deleted file mode 100644 index 21213bfd..00000000 Binary files a/colorpicker/images/select.png and /dev/null differ diff --git a/colorpicker/images/select2.png b/colorpicker/images/select2.png deleted file mode 100644 index 2cd2cabe..00000000 Binary files a/colorpicker/images/select2.png and /dev/null differ diff --git a/colorpicker/images/slider.png b/colorpicker/images/slider.png deleted file mode 100644 index 8b03da96..00000000 Binary files a/colorpicker/images/slider.png and /dev/null differ diff --git a/colorpicker/index.html b/colorpicker/index.html deleted file mode 100644 index 7e0b43f7..00000000 --- a/colorpicker/index.html +++ /dev/null @@ -1,171 +0,0 @@ - - - - - - ColorPicker - jQuery plugin - - - - - - - -
-

Color Picker - jQuery plugin

- -
-
-

About

-

A simple component to select color in the same way you select color in Adobe Photoshop

-

Features

-
    -
  • Flat mode - as element in page
    • -
  • Powerful controls for color selection
    • -
  • Easy to customize the look by changing some images
    • -
  • Fits into the viewport
    • -
-

Examples

-

Flat mode.

-

-

- 
-$('#colorpickerHolder').ColorPicker({flat: true});
-
-

Custom skin and using flat mode to display the color picker in a custom widget.

-
-
-
-
-
- -

Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.

-

- 
-$('#colorpickerField1').ColorPicker({
-	onSubmit: function(hsb, hex, rgb) {
-		$('#colorpickerField1').val(hex);
-	},
-	onBeforeShow: function () {
-		$(this).ColorPickerSetColor(this.value);
-	}
-})
-.bind('keyup', function(){
-	$(this).ColorPickerSetColor(this.value);
-});
-
-

Attached to DOMElement and using callbacks to live preview the color and adding animation.

-

-

-

- 
-$('#colorSelector').ColorPicker({
-	color: '#0000ff',
-	onShow: function (colpkr) {
-		$(colpkr).fadeIn(500);
-		return false;
-	},
-	onHide: function (colpkr) {
-		$(colpkr).fadeOut(500);
-		return false;
-	},
-	onChange: function (hsb, hex, rgb) {
-		$('#colorSelector div').css('backgroundColor', '#' + hex);
-	}
-});
-
-
-
-

Download

-

colorpicker.zip (73 kb): jQuery, Javscript files, CSS files, images, examples and instructions.

-

Changelog

-
-
22.08.2008
-
Fixed bug: where some events were not canceled right on Safari
-
Fixed bug: where teh view port was not detected right on Safari
-
16-07-2008
-
Fixed bug where the letter 'F' could not be typed in the Hex field
-
Fixed bug where the changes on Hex field where not parsed
-
Added new option 'livePreview'
-
08-07-2008
-
Fixed typo in the code, both JavaScript and CSS
-
Changed the cursor for some elements
-
Added new demo explaining how to implement custom skin
-
07.07.2008
-
The first release.
-
-
-
-

Implement

-

Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme.

- 
-<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" />
-<script type="text/javascript" src="js/colorpicker.js"></script>
-
-

Invocation code

-

All you have to do is to select the elements in a jQuery way and call the plugin.

- 
- $('input').ColorPickerSetColor(options);
-
-

Options

-

A hash of parameters. All parameters are optional.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
eventNamestringThe desired event to trigger the colorpicker. Default: 'click'
colorstring or hashThe default color. String for hex color or hash for RGB and HSB ({r:255, r:0, b:0}) . Default: 'ff0000'
flatbooleanWhatever if the color picker is appended to the element or triggered by an event. Default false
livePreviewbooleanWhatever if the color values are filled in the fields while changing values on selector or a field. If false it may improve speed. Default true
onShowfunctionCallback function triggered when the color picker is shown
onBeforeShowfunctionCallback function triggered before the color picker is shown
onHidefunctionCallback function triggered when the color picker is hidden
onChangefunctionCallback function triggered when the color is changed
onSubmitfunctionCallback function triggered when the color it is chosen
-

Set color

-

If you want to set a new color.

- 
$('input').ColorPickerSetColor(color);
-

The 'color' argument is the same format as the option color, string for hex color or hash for RGB and HSB ({r:255, r:0, b:0}).

-
-
-
- - diff --git a/colorpicker/js/colorpicker.js b/colorpicker/js/colorpicker.js deleted file mode 100644 index aa100062..00000000 --- a/colorpicker/js/colorpicker.js +++ /dev/null @@ -1,450 +0,0 @@ -/** - * - * Color picker - * Author: Stefan Petre www.eyecon.ro - * - */ -(function ($) { - var ColorPicker = function () { - var - ids = {}, - inAction, - charMin = 65, - visible, - tpl = '
', - defaults = { - eventName: 'click', - onShow: function () {}, - onBeforeShow: function(){}, - onHide: function () {}, - onChange: function () {}, - onSubmit: function () {}, - color: 'ff0000', - livePreview: true, - flat: false - }, - fillRGBFields = function (hsb, cal) { - var rgb = HSBToRGB(hsb); - $(cal).data('colorpicker').fields - .eq(1).val(rgb.r).end() - .eq(2).val(rgb.g).end() - .eq(3).val(rgb.b).end(); - }, - fillHSBFields = function (hsb, cal) { - $(cal).data('colorpicker').fields - .eq(4).val(hsb.h).end() - .eq(5).val(hsb.s).end() - .eq(6).val(hsb.b).end(); - }, - fillHexFields = function (hsb, cal) { - $(cal).data('colorpicker').fields - .eq(0).val(HSBToHex(hsb)).end(); - }, - setSelector = function (hsb, cal) { - $(cal).data('colorpicker').selector.css('backgroundColor', '#' + HSBToHex({h: hsb.h, s: 100, b: 100})); - $(cal).data('colorpicker').selectorIndic.css({ - left: parseInt(150 * hsb.s/100, 10), - top: parseInt(150 * (100-hsb.b)/100, 10) - }); - }, - setHue = function (hsb, cal) { - $(cal).data('colorpicker').hue.css('top', parseInt(150 - 150 * hsb.h/360, 10)); - }, - setCurrentColor = function (hsb, cal) { - $(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb)); - }, - setNewColor = function (hsb, cal) { - $(cal).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(hsb)); - }, - keyDown = function (ev) { - var pressedKey = ev.charCode || ev.keyCode || -1; - if ((pressedKey > charMin && pressedKey <= 90) || pressedKey == 32) { - return false; - } - var cal = $(this).parent().parent(); - if (cal.data('colorpicker').livePreview === true) { - change.apply(this); - } - }, - change = function (ev) { - var cal = $(this).parent().parent(), col; - if (this.parentNode.className.indexOf('_hex') > 0) { - cal.data('colorpicker').color = col = HexToHSB(fixHex(this.value)); - } else if (this.parentNode.className.indexOf('_hsb') > 0) { - cal.data('colorpicker').color = col = fixHSB({ - h: parseInt(cal.data('colorpicker').fields.eq(4).val(), 10), - s: parseInt(cal.data('colorpicker').fields.eq(5).val(), 10), - b: parseInt(cal.data('colorpicker').fields.eq(6).val(), 10) - }); - } else { - cal.data('colorpicker').color = col = RGBToHSB(fixRGB({ - r: parseInt(cal.data('colorpicker').fields.eq(1).val(), 10), - g: parseInt(cal.data('colorpicker').fields.eq(2).val(), 10), - b: parseInt(cal.data('colorpicker').fields.eq(3).val(), 10) - })); - } - if (ev) { - fillRGBFields(col, cal.get(0)); - fillHexFields(col, cal.get(0)); - fillHSBFields(col, cal.get(0)); - } - setSelector(col, cal.get(0)); - setHue(col, cal.get(0)); - setNewColor(col, cal.get(0)); - cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]); - }, - blur = function (ev) { - var cal = $(this).parent().parent(); - cal.data('colorpicker').fields.parent().removeClass('colorpicker_focus') - }, - focus = function () { - charMin = this.parentNode.className.indexOf('_hex') > 0 ? 70 : 65; - $(this).parent().parent().data('colorpicker').fields.parent().removeClass('colorpicker_focus'); - $(this).parent().addClass('colorpicker_focus'); - }, - downIncrement = function (ev) { - var field = $(this).parent().find('input').focus(); - var current = { - el: $(this).parent().addClass('colorpicker_slider'), - max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255), - y: ev.pageY, - field: field, - val: parseInt(field.val(), 10), - preview: $(this).parent().parent().data('colorpicker').livePreview - }; - $(document).bind('mouseup', current, upIncrement); - $(document).bind('mousemove', current, moveIncrement); - }, - moveIncrement = function (ev) { - ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val + ev.pageY - ev.data.y, 10)))); - if (ev.data.preview) { - change.apply(ev.data.field.get(0), [true]); - } - return false; - }, - upIncrement = function (ev) { - change.apply(ev.data.field.get(0), [true]); - ev.data.el.removeClass('colorpicker_slider').find('input').focus(); - $(document).unbind('mouseup', upIncrement); - $(document).unbind('mousemove', moveIncrement); - return false; - }, - downHue = function (ev) { - var current = { - cal: $(this).parent(), - y: $(this).offset().top - }; - current.preview = current.cal.data('colorpicker').livePreview; - $(document).bind('mouseup', current, upHue); - $(document).bind('mousemove', current, moveHue); - }, - moveHue = function (ev) { - change.apply( - ev.data.cal.data('colorpicker') - .fields - .eq(4) - .val(parseInt(360*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.y))))/150, 10)) - .get(0), - [ev.data.preview] - ); - return false; - }, - upHue = function (ev) { - fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0)); - fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0)); - $(document).unbind('mouseup', upHue); - $(document).unbind('mousemove', moveHue); - return false; - }, - downSelector = function (ev) { - var current = { - cal: $(this).parent(), - pos: $(this).offset() - }; - current.preview = current.cal.data('colorpicker').livePreview; - $(document).bind('mouseup', current, upSelector); - $(document).bind('mousemove', current, moveSelector); - }, - moveSelector = function (ev) { - change.apply( - ev.data.cal.data('colorpicker') - .fields - .eq(6) - .val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10)) - .end() - .eq(5) - .val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10)) - .get(0), - [ev.data.preview] - ); - return false; - }, - upSelector = function (ev) { - fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0)); - fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0)); - $(document).unbind('mouseup', upSelector); - $(document).unbind('mousemove', moveSelector); - return false; - }, - enterSubmit = function (ev) { - $(this).addClass('colorpicker_focus'); - }, - leaveSubmit = function (ev) { - $(this).removeClass('colorpicker_focus'); - }, - clickSubmit = function (ev) { - var cal = $(this).parent(); - var col = cal.data('colorpicker').color; - cal.data('colorpicker').origColor = col; - setCurrentColor(col, cal.get(0)); - cal.data('colorpicker').onSubmit(col, HSBToHex(col), HSBToRGB(col)); - }, - show = function (ev) { - var cal = $('#' + $(this).data('colorpickerId')); - cal.data('colorpicker').onBeforeShow.apply(this, [cal.get(0)]); - var pos = $(this).offset(); - var viewPort = getViewport(); - var top = pos.top + this.offsetHeight; - var left = pos.left; - if (top + 176 > viewPort.t + viewPort.h) { - top -= this.offsetHeight + 176; - } - if (left + 356 > viewPort.l + viewPort.w) { - left -= 356; - } - cal.css({left: left + 'px', top: top + 'px'}); - if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) { - cal.show(); - } - $(document).bind('mousedown', {cal: cal}, hide); - return false; - }, - hide = function (ev) { - if (!isChildOf(ev.data.cal.get(0), ev.target, ev.data.cal.get(0))) { - if (ev.data.cal.data('colorpicker').onHide.apply(this, [ev.data.cal.get(0)]) != false) { - ev.data.cal.hide(); - } - $(document).unbind('mousedown', hide); - } - }, - isChildOf = function(parentEl, el, container) { - if (parentEl == el) { - return true; - } - if (parentEl.contains) { - return parentEl.contains(el); - } - if ( parentEl.compareDocumentPosition ) { - return !!(parentEl.compareDocumentPosition(el) & 16); - } - var prEl = el.parentNode; - while(prEl && prEl != container) { - if (prEl == parentEl) - return true; - prEl = prEl.parentNode; - } - return false; - }, - getViewport = function () { - var m = document.compatMode == 'CSS1Compat'; - return { - l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft), - t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop), - w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth), - h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight) - }; - }, - fixHSB = function (hsb) { - return { - h: Math.min(360, Math.max(0, hsb.h)), - s: Math.min(100, Math.max(0, hsb.s)), - b: Math.min(100, Math.max(0, hsb.b)) - }; - }, - fixRGB = function (rgb) { - return { - r: Math.min(255, Math.max(0, rgb.r)), - g: Math.min(255, Math.max(0, rgb.g)), - b: Math.min(255, Math.max(0, rgb.b)) - }; - }, - fixHex = function (hex) { - var len = 6 - hex.length; - if (len > 0) { - var o = []; - for (var i=0; i -1) ? hex.substring(1) : hex), 16); - return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)}; - }, - HexToHSB = function (hex) { - return RGBToHSB(HexToRGB(hex)); - }, - RGBToHSB = function (rgb) { - var hsb = {}; - hsb.b = Math.max(Math.max(rgb.r,rgb.g),rgb.b); - hsb.s = (hsb.b <= 0) ? 0 : Math.round(100*(hsb.b - Math.min(Math.min(rgb.r,rgb.g),rgb.b))/hsb.b); - hsb.b = Math.round((hsb.b /255)*100); - if((rgb.r==rgb.g) && (rgb.g==rgb.b)) hsb.h = 0; - else if(rgb.r>=rgb.g && rgb.g>=rgb.b) hsb.h = 60*(rgb.g-rgb.b)/(rgb.r-rgb.b); - else if(rgb.g>=rgb.r && rgb.r>=rgb.b) hsb.h = 60 + 60*(rgb.g-rgb.r)/(rgb.g-rgb.b); - else if(rgb.g>=rgb.b && rgb.b>=rgb.r) hsb.h = 120 + 60*(rgb.b-rgb.r)/(rgb.g-rgb.r); - else if(rgb.b>=rgb.g && rgb.g>=rgb.r) hsb.h = 180 + 60*(rgb.b-rgb.g)/(rgb.b-rgb.r); - else if(rgb.b>=rgb.r && rgb.r>=rgb.g) hsb.h = 240 + 60*(rgb.r-rgb.g)/(rgb.b-rgb.g); - else if(rgb.r>=rgb.b && rgb.b>=rgb.g) hsb.h = 300 + 60*(rgb.r-rgb.b)/(rgb.r-rgb.g); - else hsb.h = 0; - hsb.h = Math.round(hsb.h); - return hsb; - }, - HSBToRGB = function (hsb) { - var rgb = {}; - var h = Math.round(hsb.h); - var s = Math.round(hsb.s*255/100); - var v = Math.round(hsb.b*255/100); - if(s == 0) { - rgb.r = rgb.g = rgb.b = v; - } else { - var t1 = v; - var t2 = (255-s)*v/255; - var t3 = (t1-t2)*(h%60)/60; - if(h==360) h = 0; - if(h<60) {rgb.r=t1; rgb.b=t2; rgb.g=t2+t3} - else if(h<120) {rgb.g=t1; rgb.b=t2; rgb.r=t1-t3} - else if(h<180) {rgb.g=t1; rgb.r=t2; rgb.b=t2+t3} - else if(h<240) {rgb.b=t1; rgb.r=t2; rgb.g=t1-t3} - else if(h<300) {rgb.b=t1; rgb.g=t2; rgb.r=t2+t3} - else if(h<360) {rgb.r=t1; rgb.g=t2; rgb.b=t1-t3} - else {rgb.r=0; rgb.g=0; rgb.b=0} - } - return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)}; - }, - RGBToHex = function (rgb) { - var hex = [ - rgb.r.toString(16), - rgb.g.toString(16), - rgb.b.toString(16) - ]; - $.each(hex, function (nr, val) { - if (val.length == 1) { - hex[nr] = '0' + val; - } - }); - return hex.join(''); - }, - HSBToHex = function (hsb) { - return RGBToHex(HSBToRGB(hsb)); - }; - return { - init: function (options) { - options = $.extend({}, defaults, options||{}); - if (typeof options.color == 'string') { - options.color = HexToHSB(options.color); - } else if (options.color.r != undefined && options.color.g != undefined && options.color.b != undefined) { - options.color = RGBToHSB(options.color); - } else if (options.color.h != undefined && options.color.s != undefined && options.color.b != undefined) { - options.color = fixHSB(options.color); - } else { - return this; - } - options.origColor = options.color; - return this.each(function () { - if (!$(this).data('colorpickerId')) { - var id = 'collorpicker_' + parseInt(Math.random() * 1000); - $(this).data('colorpickerId', id); - var cal = $(tpl).attr('id', id); - if (options.flat) { - cal.appendTo(this).show(); - } else { - cal.appendTo(document.body); - } - options.fields = cal - .find('input') - .bind('keydown', keyDown) - .bind('change', change) - .bind('blur', blur) - .bind('focus', focus); - cal.find('span').bind('mousedown', downIncrement); - options.selector = cal.find('div.colorpicker_color').bind('mousedown', downSelector); - options.selectorIndic = options.selector.find('div div'); - options.hue = cal.find('div.colorpicker_hue div'); - cal.find('div.colorpicker_hue').bind('mousedown', downHue); - options.newColor = cal.find('div.colorpicker_new_color'); - options.currentColor = cal.find('div.colorpicker_current_color'); - cal.data('colorpicker', options); - cal.find('div.colorpicker_submit') - .bind('mouseenter', enterSubmit) - .bind('mouseleave', leaveSubmit) - .bind('click', clickSubmit); - fillRGBFields(options.color, cal.get(0)); - fillHSBFields(options.color, cal.get(0)); - fillHexFields(options.color, cal.get(0)); - setHue(options.color, cal.get(0)); - setSelector(options.color, cal.get(0)); - setCurrentColor(options.color, cal.get(0)); - setNewColor(options.color, cal.get(0)); - if (options.flat) { - cal.css({ - position: 'relative', - display: 'block' - }); - } else { - $(this).bind(options.eventName, show); - } - } - }); - }, - showPicker: function() { - return this.each( function () { - if ($(this).data('colorpickerId')) { - show.apply(this); - } - }); - }, - hidePicker: function() { - return this.each( function () { - if ($(this).data('colorpickerId')) { - $('#' + $(this).data('colorpickerId')).hide(); - } - }); - }, - setColor: function(col) { - if (typeof col == 'string') { - col = HexToHSB(col); - } else if (col.r != undefined && col.g != undefined && col.b != undefined) { - col = RGBToHSB(col); - } else if (col.h != undefined && col.s != undefined && col.b != undefined) { - col = fixHSB(col); - } else { - return this; - } - return this.each(function(){ - if ($(this).data('colorpickerId')) { - var cal = $('#' + $(this).data('colorpickerId')); - cal.data('colorpicker').color = col; - cal.data('colorpicker').origColor = col; - fillRGBFields(col, cal.get(0)); - fillHSBFields(col, cal.get(0)); - fillHexFields(col, cal.get(0)); - setHue(col, cal.get(0)); - setSelector(col, cal.get(0)); - setCurrentColor(col, cal.get(0)); - setNewColor(col, cal.get(0)); - } - }); - } - }; - }(); - $.fn.extend({ - ColorPicker: ColorPicker.init, - ColorPickerHide: ColorPicker.hide, - ColorPickerShow: ColorPicker.show, - ColorPickerSetColor: ColorPicker.setColor - }); -})(jQuery) \ No newline at end of file diff --git a/colorpicker/js/eye.js b/colorpicker/js/eye.js deleted file mode 100644 index ea70e643..00000000 --- a/colorpicker/js/eye.js +++ /dev/null @@ -1,34 +0,0 @@ -/** - * - * Zoomimage - * Author: Stefan Petre www.eyecon.ro - * - */ -(function($){ - var EYE = window.EYE = function() { - var _registered = { - init: [] - }; - return { - init: function() { - $.each(_registered.init, function(nr, fn){ - fn.call(); - }); - }, - extend: function(prop) { - for (var i in prop) { - if (prop[i] != undefined) { - this[i] = prop[i]; - } - } - }, - register: function(fn, type) { - if (!_registered[type]) { - _registered[type] = []; - } - _registered[type].push(fn); - } - }; - }(); - $(EYE.init); -})(jQuery); diff --git a/colorpicker/js/layout.js b/colorpicker/js/layout.js deleted file mode 100644 index 95358adc..00000000 --- a/colorpicker/js/layout.js +++ /dev/null @@ -1,66 +0,0 @@ -(function($){ - var initLayout = function() { - var hash = window.location.hash.replace('#', ''); - var currentTab = $('ul.navigationTabs a') - .bind('click', showTab) - .filter('a[rel=' + hash + ']'); - if (currentTab.size() == 0) { - currentTab = $('ul.navigationTabs a:first'); - } - showTab.apply(currentTab.get(0)); - $('#colorpickerHolder').ColorPicker({flat: true}); - $('#colorpickerHolder2').ColorPicker({ - flat: true, - color: '#00ff00', - onSubmit: function(hsb, hex, rgb) { - $('#colorSelector2 div').css('backgroundColor', '#' + hex); - } - }); - $('#colorpickerHolder2>div').css('position', 'absolute'); - var widt = false; - $('#colorSelector2').bind('click', function() { - $('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500); - widt = !widt; - }); - $('#colorpickerField1').ColorPicker({ - onSubmit: function(hsb, hex, rgb) { - $('#colorpickerField1').val(hex); - }, - onBeforeShow: function () { - $(this).ColorPickerSetColor(this.value); - } - }) - .bind('keyup', function(){ - $(this).ColorPickerSetColor(this.value); - }); - $('#colorSelector').ColorPicker({ - color: '#0000ff', - onShow: function (colpkr) { - $(colpkr).fadeIn(500); - return false; - }, - onHide: function (colpkr) { - $(colpkr).fadeOut(500); - return false; - }, - onChange: function (hsb, hex, rgb) { - $('#colorSelector div').css('backgroundColor', '#' + hex); - } - }); - }; - - var showTab = function(e) { - var tabIndex = $('ul.navigationTabs a') - .removeClass('active') - .index(this); - $(this) - .addClass('active') - .blur(); - $('div.tab') - .hide() - .eq(tabIndex) - .show(); - }; - - EYE.register(initLayout, 'init'); -})(jQuery) \ No newline at end of file diff --git a/colorpicker/js/sdjquery.js b/colorpicker/js/sdjquery.js deleted file mode 100644 index e044f91e..00000000 --- a/colorpicker/js/sdjquery.js +++ /dev/null @@ -1,3549 +0,0 @@ -(function(){ -/* - * jQuery 1.2.6 - New Wave Javascript - * - * Copyright (c) 2008 John Resig (jquery.com) - * Dual licensed under the MIT (MIT-LICENSE.txt) - * and GPL (GPL-LICENSE.txt) licenses. - * - * $Date: 2008-05-24 14:22:17 -0400 (Sat, 24 May 2008) $ - * $Rev: 5685 $ - */ - -// Map over jQuery in case of overwrite -var _jQuery = window.jQuery, -// Map over the $ in case of overwrite - _$ = window.$; - -var jQuery = window.jQuery = window.$ = function( selector, context ) { - // The jQuery object is actually just the init constructor 'enhanced' - return new jQuery.fn.init( selector, context ); -}; - -// A simple way to check for HTML strings or ID strings -// (both of which we optimize for) -var quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#(\w+)$/, - -// Is it a simple selector - isSimple = /^.[^:#\[\.]*$/, - -// Will speed up references to undefined, and allows munging its name. - undefined; - -jQuery.fn = jQuery.prototype = { - init: function( selector, context ) { - // Make sure that a selection was provided - selector = selector || document; - - // Handle $(DOMElement) - if ( selector.nodeType ) { - this[0] = selector; - this.length = 1; - return this; - } - // Handle HTML strings - if ( typeof selector == "string" ) { - // Are we dealing with HTML string or an ID? - var match = quickExpr.exec( selector ); - - // Verify a match, and that no context was specified for #id - if ( match && (match[1] || !context) ) { - - // HANDLE: $(html) -> $(array) - if ( match[1] ) - selector = jQuery.clean( [ match[1] ], context ); - - // HANDLE: $("#id") - else { - var elem = document.getElementById( match[3] ); - - // Make sure an element was located - if ( elem ){ - // Handle the case where IE and Opera return items - // by name instead of ID - if ( elem.id != match[3] ) - return jQuery().find( selector ); - - // Otherwise, we inject the element directly into the jQuery object - return jQuery( elem ); - } - selector = []; - } - - // HANDLE: $(expr, [context]) - // (which is just equivalent to: $(content).find(expr) - } else - return jQuery( context ).find( selector ); - - // HANDLE: $(function) - // Shortcut for document ready - } else if ( jQuery.isFunction( selector ) ) - return jQuery( document )[ jQuery.fn.ready ? "ready" : "load" ]( selector ); - - return this.setArray(jQuery.makeArray(selector)); - }, - - // The current version of jQuery being used - jquery: "1.2.6", - - // The number of elements contained in the matched element set - size: function() { - return this.length; - }, - - // The number of elements contained in the matched element set - length: 0, - - // Get the Nth element in the matched element set OR - // Get the whole matched element set as a clean array - get: function( num ) { - return num == undefined ? - - // Return a 'clean' array - jQuery.makeArray( this ) : - - // Return just the object - this[ num ]; - }, - - // Take an array of elements and push it onto the stack - // (returning the new matched element set) - pushStack: function( elems ) { - // Build a new jQuery matched element set - var ret = jQuery( elems ); - - // Add the old object onto the stack (as a reference) - ret.prevObject = this; - - // Return the newly-formed element set - return ret; - }, - - // Force the current matched set of elements to become - // the specified array of elements (destroying the stack in the process) - // You should use pushStack() in order to do this, but maintain the stack - setArray: function( elems ) { - // Resetting the length to 0, then using the native Array push - // is a super-fast way to populate an object with array-like properties - this.length = 0; - Array.prototype.push.apply( this, elems ); - - return this; - }, - - // Execute a callback for every element in the matched set. - // (You can seed the arguments with an array of args, but this is - // only used internally.) - each: function( callback, args ) { - return jQuery.each( this, callback, args ); - }, - - // Determine the position of an element within - // the matched set of elements - index: function( elem ) { - var ret = -1; - - // Locate the position of the desired element - return jQuery.inArray( - // If it receives a jQuery object, the first element is used - elem && elem.jquery ? elem[0] : elem - , this ); - }, - - attr: function( name, value, type ) { - var options = name; - - // Look for the case where we're accessing a style value - if ( name.constructor == String ) - if ( value === undefined ) - return this[0] && jQuery[ type || "attr" ]( this[0], name ); - - else { - options = {}; - options[ name ] = value; - } - - // Check to see if we're setting style values - return this.each(function(i){ - // Set all the styles - for ( name in options ) - jQuery.attr( - type ? - this.style : - this, - name, jQuery.prop( this, options[ name ], type, i, name ) - ); - }); - }, - - css: function( key, value ) { - // ignore negative width and height values - if ( (key == 'width' || key == 'height') && parseFloat(value) < 0 ) - value = undefined; - return this.attr( key, value, "curCSS" ); - }, - - text: function( text ) { - if ( typeof text != "object" && text != null ) - return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) ); - - var ret = ""; - - jQuery.each( text || this, function(){ - jQuery.each( this.childNodes, function(){ - if ( this.nodeType != 8 ) - ret += this.nodeType != 1 ? - this.nodeValue : - jQuery.fn.text( [ this ] ); - }); - }); - - return ret; - }, - - wrapAll: function( html ) { - if ( this[0] ) - // The elements to wrap the target around - jQuery( html, this[0].ownerDocument ) - .clone() - .insertBefore( this[0] ) - .map(function(){ - var elem = this; - - while ( elem.firstChild ) - elem = elem.firstChild; - - return elem; - }) - .append(this); - - return this; - }, - - wrapInner: function( html ) { - return this.each(function(){ - jQuery( this ).contents().wrapAll( html ); - }); - }, - - wrap: function( html ) { - return this.each(function(){ - jQuery( this ).wrapAll( html ); - }); - }, - - append: function() { - return this.domManip(arguments, true, false, function(elem){ - if (this.nodeType == 1) - this.appendChild( elem ); - }); - }, - - prepend: function() { - return this.domManip(arguments, true, true, function(elem){ - if (this.nodeType == 1) - this.insertBefore( elem, this.firstChild ); - }); - }, - - before: function() { - return this.domManip(arguments, false, false, function(elem){ - this.parentNode.insertBefore( elem, this ); - }); - }, - - after: function() { - return this.domManip(arguments, false, true, function(elem){ - this.parentNode.insertBefore( elem, this.nextSibling ); - }); - }, - - end: function() { - return this.prevObject || jQuery( [] ); - }, - - find: function( selector ) { - var elems = jQuery.map(this, function(elem){ - return jQuery.find( selector, elem ); - }); - - return this.pushStack( /[^+>] [^+>]/.test( selector ) || selector.indexOf("..") > -1 ? - jQuery.unique( elems ) : - elems ); - }, - - clone: function( events ) { - // Do the clone - var ret = this.map(function(){ - if ( jQuery.browser.msie && !jQuery.isXMLDoc(this) ) { - // IE copies events bound via attachEvent when - // using cloneNode. Calling detachEvent on the - // clone will also remove the events from the orignal - // In order to get around this, we use innerHTML. - // Unfortunately, this means some modifications to - // attributes in IE that are actually only stored - // as properties will not be copied (such as the - // the name attribute on an input). - var clone = this.cloneNode(true), - container = document.createElement("div"); - container.appendChild(clone); - return jQuery.clean([container.innerHTML])[0]; - } else - return this.cloneNode(true); - }); - - // Need to set the expando to null on the cloned set if it exists - // removeData doesn't work here, IE removes it from the original as well - // this is primarily for IE but the data expando shouldn't be copied over in any browser - var clone = ret.find("*").andSelf().each(function(){ - if ( this[ expando ] != undefined ) - this[ expando ] = null; - }); - - // Copy the events from the original to the clone - if ( events === true ) - this.find("*").andSelf().each(function(i){ - if (this.nodeType == 3) - return; - var events = jQuery.data( this, "events" ); - - for ( var type in events ) - for ( var handler in events[ type ] ) - jQuery.event.add( clone[ i ], type, events[ type ][ handler ], events[ type ][ handler ].data ); - }); - - // Return the cloned set - return ret; - }, - - filter: function( selector ) { - return this.pushStack( - jQuery.isFunction( selector ) && - jQuery.grep(this, function(elem, i){ - return selector.call( elem, i ); - }) || - - jQuery.multiFilter( selector, this ) ); - }, - - not: function( selector ) { - if ( selector.constructor == String ) - // test special case where just one selector is passed in - if ( isSimple.test( selector ) ) - return this.pushStack( jQuery.multiFilter( selector, this, true ) ); - else - selector = jQuery.multiFilter( selector, this ); - - var isArrayLike = selector.length && selector[selector.length - 1] !== undefined && !selector.nodeType; - return this.filter(function() { - return isArrayLike ? jQuery.inArray( this, selector ) < 0 : this != selector; - }); - }, - - add: function( selector ) { - return this.pushStack( jQuery.unique( jQuery.merge( - this.get(), - typeof selector == 'string' ? - jQuery( selector ) : - jQuery.makeArray( selector ) - ))); - }, - - is: function( selector ) { - return !!selector && jQuery.multiFilter( selector, this ).length > 0; - }, - - hasClass: function( selector ) { - return this.is( "." + selector ); - }, - - val: function( value ) { - if ( value == undefined ) { - - if ( this.length ) { - var elem = this[0]; - - // We need to handle select boxes special - if ( jQuery.nodeName( elem, "select" ) ) { - var index = elem.selectedIndex, - values = [], - options = elem.options, - one = elem.type == "select-one"; - - // Nothing was selected - if ( index < 0 ) - return null; - - // Loop through all the selected options - for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) { - var option = options[ i ]; - - if ( option.selected ) { - // Get the specifc value for the option - value = jQuery.browser.msie && !option.attributes.value.specified ? option.text : option.value; - - // We don't need an array for one selects - if ( one ) - return value; - - // Multi-Selects return an array - values.push( value ); - } - } - - return values; - - // Everything else, we just grab the value - } else - return (this[0].value || "").replace(/\r/g, ""); - - } - - return undefined; - } - - if( value.constructor == Number ) - value += ''; - - return this.each(function(){ - if ( this.nodeType != 1 ) - return; - - if ( value.constructor == Array && /radio|checkbox/.test( this.type ) ) - this.checked = (jQuery.inArray(this.value, value) >= 0 || - jQuery.inArray(this.name, value) >= 0); - - else if ( jQuery.nodeName( this, "select" ) ) { - var values = jQuery.makeArray(value); - - jQuery( "option", this ).each(function(){ - this.selected = (jQuery.inArray( this.value, values ) >= 0 || - jQuery.inArray( this.text, values ) >= 0); - }); - - if ( !values.length ) - this.selectedIndex = -1; - - } else - this.value = value; - }); - }, - - html: function( value ) { - return value == undefined ? - (this[0] ? - this[0].innerHTML : - null) : - this.empty().append( value ); - }, - - replaceWith: function( value ) { - return this.after( value ).remove(); - }, - - eq: function( i ) { - return this.slice( i, i + 1 ); - }, - - slice: function() { - return this.pushStack( Array.prototype.slice.apply( this, arguments ) ); - }, - - map: function( callback ) { - return this.pushStack( jQuery.map(this, function(elem, i){ - return callback.call( elem, i, elem ); - })); - }, - - andSelf: function() { - return this.add( this.prevObject ); - }, - - data: function( key, value ){ - var parts = key.split("."); - parts[1] = parts[1] ? "." + parts[1] : ""; - - if ( value === undefined ) { - var data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]); - - if ( data === undefined && this.length ) - data = jQuery.data( this[0], key ); - - return data === undefined && parts[1] ? - this.data( parts[0] ) : - data; - } else - return this.trigger("setData" + parts[1] + "!", [parts[0], value]).each(function(){ - jQuery.data( this, key, value ); - }); - }, - - removeData: function( key ){ - return this.each(function(){ - jQuery.removeData( this, key ); - }); - }, - - domManip: function( args, table, reverse, callback ) { - var clone = this.length > 1, elems; - - return this.each(function(){ - if ( !elems ) { - elems = jQuery.clean( args, this.ownerDocument ); - - if ( reverse ) - elems.reverse(); - } - - var obj = this; - - if ( table && jQuery.nodeName( this, "table" ) && jQuery.nodeName( elems[0], "tr" ) ) - obj = this.getElementsByTagName("tbody")[0] || this.appendChild( this.ownerDocument.createElement("tbody") ); - - var scripts = jQuery( [] ); - - jQuery.each(elems, function(){ - var elem = clone ? - jQuery( this ).clone( true )[0] : - this; - - // execute all scripts after the elements have been injected - if ( jQuery.nodeName( elem, "script" ) ) - scripts = scripts.add( elem ); - else { - // Remove any inner scripts for later evaluation - if ( elem.nodeType == 1 ) - scripts = scripts.add( jQuery( "script", elem ).remove() ); - - // Inject the elements into the document - callback.call( obj, elem ); - } - }); - - scripts.each( evalScript ); - }); - } -}; - -// Give the init function the jQuery prototype for later instantiation -jQuery.fn.init.prototype = jQuery.fn; - -function evalScript( i, elem ) { - if ( elem.src ) - jQuery.ajax({ - url: elem.src, - async: false, - dataType: "script" - }); - - else - jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" ); - - if ( elem.parentNode ) - elem.parentNode.removeChild( elem ); -} - -function now(){ - return +new Date; -} - -jQuery.extend = jQuery.fn.extend = function() { - // copy reference to target object - var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options; - - // Handle a deep copy situation - if ( target.constructor == Boolean ) { - deep = target; - target = arguments[1] || {}; - // skip the boolean and the target - i = 2; - } - - // Handle case when target is a string or something (possible in deep copy) - if ( typeof target != "object" && typeof target != "function" ) - target = {}; - - // extend jQuery itself if only one argument is passed - if ( length == i ) { - target = this; - --i; - } - - for ( ; i < length; i++ ) - // Only deal with non-null/undefined values - if ( (options = arguments[ i ]) != null ) - // Extend the base object - for ( var name in options ) { - var src = target[ name ], copy = options[ name ]; - - // Prevent never-ending loop - if ( target === copy ) - continue; - - // Recurse if we're merging object values - if ( deep && copy && typeof copy == "object" && !copy.nodeType ) - target[ name ] = jQuery.extend( deep, - // Never move original objects, clone them - src || ( copy.length != null ? [ ] : { } ) - , copy ); - - // Don't bring in undefined values - else if ( copy !== undefined ) - target[ name ] = copy; - - } - - // Return the modified object - return target; -}; - -var expando = "jQuery" + now(), uuid = 0, windowData = {}, - // exclude the following css properties to add px - exclude = /z-?index|font-?weight|opacity|zoom|line-?height/i, - // cache defaultView - defaultView = document.defaultView || {}; - -jQuery.extend({ - noConflict: function( deep ) { - window.$ = _$; - - if ( deep ) - window.jQuery = _jQuery; - - return jQuery; - }, - - // See test/unit/core.js for details concerning this function. - isFunction: function( fn ) { - return !!fn && typeof fn != "string" && !fn.nodeName && - fn.constructor != Array && /^[\s[]?function/.test( fn + "" ); - }, - - // check if an element is in a (or is an) XML document - isXMLDoc: function( elem ) { - return elem.documentElement && !elem.body || - elem.tagName && elem.ownerDocument && !elem.ownerDocument.body; - }, - - // Evalulates a script in a global context - globalEval: function( data ) { - data = jQuery.trim( data ); - - if ( data ) { - // Inspired by code by Andrea Giammarchi - // http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html - var head = document.getElementsByTagName("head")[0] || document.documentElement, - script = document.createElement("script"); - - script.type = "text/javascript"; - if ( jQuery.browser.msie ) - script.text = data; - else - script.appendChild( document.createTextNode( data ) ); - - // Use insertBefore instead of appendChild to circumvent an IE6 bug. - // This arises when a base node is used (#2709). - head.insertBefore( script, head.firstChild ); - head.removeChild( script ); - } - }, - - nodeName: function( elem, name ) { - return elem.nodeName && elem.nodeName.toUpperCase() == name.toUpperCase(); - }, - - cache: {}, - - data: function( elem, name, data ) { - elem = elem == window ? - windowData : - elem; - - var id = elem[ expando ]; - - // Compute a unique ID for the element - if ( !id ) - id = elem[ expando ] = ++uuid; - - // Only generate the data cache if we're - // trying to access or manipulate it - if ( name && !jQuery.cache[ id ] ) - jQuery.cache[ id ] = {}; - - // Prevent overriding the named cache with undefined values - if ( data !== undefined ) - jQuery.cache[ id ][ name ] = data; - - // Return the named cache data, or the ID for the element - return name ? - jQuery.cache[ id ][ name ] : - id; - }, - - removeData: function( elem, name ) { - elem = elem == window ? - windowData : - elem; - - var id = elem[ expando ]; - - // If we want to remove a specific section of the element's data - if ( name ) { - if ( jQuery.cache[ id ] ) { - // Remove the section of cache data - delete jQuery.cache[ id ][ name ]; - - // If we've removed all the data, remove the element's cache - name = ""; - - for ( name in jQuery.cache[ id ] ) - break; - - if ( !name ) - jQuery.removeData( elem ); - } - - // Otherwise, we want to remove all of the element's data - } else { - // Clean up the element expando - try { - delete elem[ expando ]; - } catch(e){ - // IE has trouble directly removing the expando - // but it's ok with using removeAttribute - if ( elem.removeAttribute ) - elem.removeAttribute( expando ); - } - - // Completely remove the data cache - delete jQuery.cache[ id ]; - } - }, - - // args is for internal usage only - each: function( object, callback, args ) { - var name, i = 0, length = object.length; - - if ( args ) { - if ( length == undefined ) { - for ( name in object ) - if ( callback.apply( object[ name ], args ) === false ) - break; - } else - for ( ; i < length; ) - if ( callback.apply( object[ i++ ], args ) === false ) - break; - - // A special, fast, case for the most common use of each - } else { - if ( length == undefined ) { - for ( name in object ) - if ( callback.call( object[ name ], name, object[ name ] ) === false ) - break; - } else - for ( var value = object[0]; - i < length && callback.call( value, i, value ) !== false; value = object[++i] ){} - } - - return object; - }, - - prop: function( elem, value, type, i, name ) { - // Handle executable functions - if ( jQuery.isFunction( value ) ) - value = value.call( elem, i ); - - // Handle passing in a number to a CSS property - return value && value.constructor == Number && type == "curCSS" && !exclude.test( name ) ? - value + "px" : - value; - }, - - className: { - // internal only, use addClass("class") - add: function( elem, classNames ) { - jQuery.each((classNames || "").split(/\s+/), function(i, className){ - if ( elem.nodeType == 1 && !jQuery.className.has( elem.className, className ) ) - elem.className += (elem.className ? " " : "") + className; - }); - }, - - // internal only, use removeClass("class") - remove: function( elem, classNames ) { - if (elem.nodeType == 1) - elem.className = classNames != undefined ? - jQuery.grep(elem.className.split(/\s+/), function(className){ - return !jQuery.className.has( classNames, className ); - }).join(" ") : - ""; - }, - - // internal only, use hasClass("class") - has: function( elem, className ) { - return jQuery.inArray( className, (elem.className || elem).toString().split(/\s+/) ) > -1; - } - }, - - // A method for quickly swapping in/out CSS properties to get correct calculations - swap: function( elem, options, callback ) { - var old = {}; - // Remember the old values, and insert the new ones - for ( var name in options ) { - old[ name ] = elem.style[ name ]; - elem.style[ name ] = options[ name ]; - } - - callback.call( elem ); - - // Revert the old values - for ( var name in options ) - elem.style[ name ] = old[ name ]; - }, - - css: function( elem, name, force ) { - if ( name == "width" || name == "height" ) { - var val, props = { position: "absolute", visibility: "hidden", display:"block" }, which = name == "width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ]; - - function getWH() { - val = name == "width" ? elem.offsetWidth : elem.offsetHeight; - var padding = 0, border = 0; - jQuery.each( which, function() { - padding += parseFloat(jQuery.curCSS( elem, "padding" + this, true)) || 0; - border += parseFloat(jQuery.curCSS( elem, "border" + this + "Width", true)) || 0; - }); - val -= Math.round(padding + border); - } - - if ( jQuery(elem).is(":visible") ) - getWH(); - else - jQuery.swap( elem, props, getWH ); - - return Math.max(0, val); - } - - return jQuery.curCSS( elem, name, force ); - }, - - curCSS: function( elem, name, force ) { - var ret, style = elem.style; - - // A helper method for determining if an element's values are broken - function color( elem ) { - if ( !jQuery.browser.safari ) - return false; - - // defaultView is cached - var ret = defaultView.getComputedStyle( elem, null ); - return !ret || ret.getPropertyValue("color") == ""; - } - - // We need to handle opacity special in IE - if ( name == "opacity" && jQuery.browser.msie ) { - ret = jQuery.attr( style, "opacity" ); - - return ret == "" ? - "1" : - ret; - } - // Opera sometimes will give the wrong display answer, this fixes it, see #2037 - if ( jQuery.browser.opera && name == "display" ) { - var save = style.outline; - style.outline = "0 solid black"; - style.outline = save; - } - - // Make sure we're using the right name for getting the float value - if ( name.match( /float/i ) ) - name = styleFloat; - - if ( !force && style && style[ name ] ) - ret = style[ name ]; - - else if ( defaultView.getComputedStyle ) { - - // Only "float" is needed here - if ( name.match( /float/i ) ) - name = "float"; - - name = name.replace( /([A-Z])/g, "-$1" ).toLowerCase(); - - var computedStyle = defaultView.getComputedStyle( elem, null ); - - if ( computedStyle && !color( elem ) ) - ret = computedStyle.getPropertyValue( name ); - - // If the element isn't reporting its values properly in Safari - // then some display: none elements are involved - else { - var swap = [], stack = [], a = elem, i = 0; - - // Locate all of the parent display: none elements - for ( ; a && color(a); a = a.parentNode ) - stack.unshift(a); - - // Go through and make them visible, but in reverse - // (It would be better if we knew the exact display type that they had) - for ( ; i < stack.length; i++ ) - if ( color( stack[ i ] ) ) { - swap[ i ] = stack[ i ].style.display; - stack[ i ].style.display = "block"; - } - - // Since we flip the display style, we have to handle that - // one special, otherwise get the value - ret = name == "display" && swap[ stack.length - 1 ] != null ? - "none" : - ( computedStyle && computedStyle.getPropertyValue( name ) ) || ""; - - // Finally, revert the display styles back - for ( i = 0; i < swap.length; i++ ) - if ( swap[ i ] != null ) - stack[ i ].style.display = swap[ i ]; - } - - // We should always get a number back from opacity - if ( name == "opacity" && ret == "" ) - ret = "1"; - - } else if ( elem.currentStyle ) { - var camelCase = name.replace(/\-(\w)/g, function(all, letter){ - return letter.toUpperCase(); - }); - - ret = elem.currentStyle[ name ] || elem.currentStyle[ camelCase ]; - - // From the awesome hack by Dean Edwards - // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291 - - // If we're not dealing with a regular pixel number - // but a number that has a weird ending, we need to convert it to pixels - if ( !/^\d+(px)?$/i.test( ret ) && /^\d/.test( ret ) ) { - // Remember the original values - var left = style.left, rsLeft = elem.runtimeStyle.left; - - // Put in the new values to get a computed value out - elem.runtimeStyle.left = elem.currentStyle.left; - style.left = ret || 0; - ret = style.pixelLeft + "px"; - - // Revert the changed values - style.left = left; - elem.runtimeStyle.left = rsLeft; - } - } - - return ret; - }, - - clean: function( elems, context ) { - var ret = []; - context = context || document; - // !context.createElement fails in IE with an error but returns typeof 'object' - if (typeof context.createElement == 'undefined') - context = context.ownerDocument || context[0] && context[0].ownerDocument || document; - - jQuery.each(elems, function(i, elem){ - if ( !elem ) - return; - - if ( elem.constructor == Number ) - elem += ''; - - // Convert html string into DOM nodes - if ( typeof elem == "string" ) { - // Fix "XHTML"-style tags in all browsers - elem = elem.replace(/(<(\w+)[^>]*?)\/>/g, function(all, front, tag){ - return tag.match(/^(abbr|br|col|img|input|link|meta|param|hr|area|embed)$/i) ? - all : - front + ">"; - }); - - // Trim whitespace, otherwise indexOf won't work as expected - var tags = jQuery.trim( elem ).toLowerCase(), div = context.createElement("div"); - - var wrap = - // option or optgroup - !tags.indexOf("", "" ] || - - !tags.indexOf("", "" ] || - - tags.match(/^<(thead|tbody|tfoot|colg|cap)/) && - [ 1, "", "
" ] || - - !tags.indexOf("", "" ] || - - // matched above - (!tags.indexOf("", "" ] || - - !tags.indexOf("", "" ] || - - // IE can't serialize and - - - - -Add a text field to take the color input. -
- -Then call 'colorPicker' method on the text field when document loads. - - -Your favorite colors are missing? -Just add them to the palette - - -Or completely change the color palette as you need... - - -That’s all you have to do! - - diff --git a/simple-colorpicker/arrow.gif b/simple-colorpicker/arrow.gif deleted file mode 100644 index b9bdca92..00000000 Binary files a/simple-colorpicker/arrow.gif and /dev/null differ diff --git a/simple-colorpicker/arrow.png b/simple-colorpicker/arrow.png deleted file mode 100644 index 876968dd..00000000 Binary files a/simple-colorpicker/arrow.png and /dev/null differ diff --git a/simple-colorpicker/colorPicker.css b/simple-colorpicker/colorPicker.css deleted file mode 100644 index 39674fa0..00000000 --- a/simple-colorpicker/colorPicker.css +++ /dev/null @@ -1,30 +0,0 @@ -div.color_picker { - height: 16px; - width: 16px; - padding: 0 !important; - border: 1px solid #ccc; - background: url(arrow.gif) no-repeat top right; - cursor: pointer; - line-height: 16px; -} - -div#color_selector { - width: 110px; - position: absolute; - border: 1px solid #598FEF; - background-color: #EFEFEF; - padding: 2px; -} - div#color_custom {width: 100%; float:left } - div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%} - div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; } - -div.color_swatch { - height: 12px; - width: 12px; - border: 1px solid #000; - margin: 2px; - float: left; - cursor: pointer; - line-height: 12px; -} diff --git a/simple-colorpicker/demo.html b/simple-colorpicker/demo.html deleted file mode 100644 index 223c4c58..00000000 --- a/simple-colorpicker/demo.html +++ /dev/null @@ -1,75 +0,0 @@ - - - - -Really Simple Color Picker - - - - - - - - - - - - - -
- -

Really Simple Color Picker (jQuery)

- - - -

More information about this can be found in this blog article.

-
-
-
-
-
-
-
-
-
- - - - - diff --git a/simple-colorpicker/jquery.colorPicker.js b/simple-colorpicker/jquery.colorPicker.js deleted file mode 100644 index 3320267f..00000000 --- a/simple-colorpicker/jquery.colorPicker.js +++ /dev/null @@ -1,158 +0,0 @@ -/** - * Really Simple Color Picker in jQuery - * - * Copyright (c) 2008 Lakshan Perera (www.laktek.com) - * Licensed under the MIT (MIT-LICENSE.txt) licenses. - * - */ - -(function($){ - $.fn.colorPicker = function(){ - if(this.length > 0) buildSelector(); - return this.each(function(i) { buildPicker(this)}); - }; - - var selectorOwner; - var selectorShowing = false; - - buildPicker = function(element){ - //build color picker - control = $("
 
") - control.css('background-color', $(element).val()); - control.attr('id' , 'div_' + $(element).attr("id")); - - //bind click event to color picker - control.bind("click", toggleSelector); - - //add the color picker section - $(element).after(control); - - //hide the input box - $(element).hide(); - }; - - buildSelector = function(){ - selector = $("
"); - - //add color pallete - $.each($.fn.colorPicker.defaultColors, function(i){ - swatch = $("
 
") - swatch.css("background-color", "#" + this); - swatch.bind("click", function(e){ changeColor($(this).css("background-color")) }); - swatch.bind("mouseover", function(e){ - $(this).css("border-color", "#598FEF"); - $("input#color_value").val(toHex($(this).css("background-color"))); - }); - swatch.bind("mouseout", function(e){ - $(this).css("border-color", "#000"); - $("input#color_value").val(toHex($(selectorOwner).css("background-color"))); - }); - - swatch.appendTo(selector); - }); - - //add HEX value field - hex_field = $(""); - hex_field.bind("keydown", function(event){ - if(event.keyCode == 13) {changeColor($(this).val());} - if(event.keyCode == 27) {toggleSelector()} - }); - - $("
").append(hex_field).appendTo(selector); - - $("body").append(selector); - selector.hide(); - - }; - - checkMouse = function(event){ - //check the click was on selector itself or on selectorOwner - var selector = "div#color_selector"; - var selectorParent = $(event.target).parents(selector).length; - if(event.target == $(selector)[0] || event.target == selectorOwner || selectorParent > 0) return - - hideSelector(); - } - - hideSelector = function(){ - var selector = $("div#color_selector"); - - $(document).unbind("mousedown", checkMouse); - selector.hide(); - selectorShowing = false - } - - showSelector = function(){ - var selector = $("div#color_selector"); - - //alert($(selectorOwner).offset().top); - - selector.css({ - top: $(selectorOwner).offset().top + ($(selectorOwner).outerHeight()), - left: $(selectorOwner).offset().left - }); - hexColor = $(selectorOwner).prev("input").val(); - $("input#color_value").val(hexColor); - selector.show(); - - //bind close event handler - $(document).bind("mousedown", checkMouse); - selectorShowing = true - } - - toggleSelector = function(event){ - selectorOwner = this; - selectorShowing ? hideSelector() : showSelector(); - } - - changeColor = function(value){ - if(selectedValue = toHex(value)){ - $(selectorOwner).css("background-color", selectedValue); - $(selectorOwner).prev("input").val(selectedValue).change(); - - //close the selector - hideSelector(); - } - }; - - //converts RGB string to HEX - inspired by http://code.google.com/p/jquery-color-utils - toHex = function(color){ - //valid HEX code is entered - if(color.match(/[0-9a-fA-F]{3}$/) || color.match(/[0-9a-fA-F]{6}$/)){ - color = (color.charAt(0) == "#") ? color : ("#" + color); - } - //rgb color value is entered (by selecting a swatch) - else if(color.match(/^rgb\(([0-9]|[1-9][0-9]|[1][0-9]{2}|[2][0-4][0-9]|[2][5][0-5]),[ ]{0,1}([0-9]|[1-9][0-9]|[1][0-9]{2}|[2][0-4][0-9]|[2][5][0-5]),[ ]{0,1}([0-9]|[1-9][0-9]|[1][0-9]{2}|[2][0-4][0-9]|[2][5][0-5])\)$/)){ - var c = ([parseInt(RegExp.$1),parseInt(RegExp.$2),parseInt(RegExp.$3)]); - - var pad = function(str){ - if(str.length < 2){ - for(var i = 0,len = 2 - str.length ; i - - - - - - - - - + + + + +
- - - -
Draw Your SVG image here Control
+
- - + + + +
+ + + +
+ + + +
+ + + + + +
Fill +
+
+ +
Stroke + + +
+ +
+ + + +
+ +
+ +
-
 - - - -
- - - - -
- - - - -
- -Select Stroke Color - -
-
-Stroke Width - -
-Select Fill Color -
- - - +
+
+
-
+ + - - -
diff --git a/svg-editor.js b/svg-editor.js new file mode 100644 index 00000000..c8807e5e --- /dev/null +++ b/svg-editor.js @@ -0,0 +1,88 @@ +var palette = ["#000000","#202020","#404040","#606060","#808080","#A0A0A0","#C0C0C0","#E0E0E0","#FFFFFF","#800000","#FF0000","#808000","#FFFF00","#008000","#00FF00","#008080","#00FFFF","#000080","#0000FF","#800080","#FF00FF","#2B0000","#550000","#800000","#AA0000","#D40000","#FF0000","#FF2A2A","#FF5555","#FF8080","#FFAAAA","#FFD5D5","#280B0B","#501616","#782121","#A02C2C","#C83737","#D35F5F","#DE8787","#E9AFAF","#F4D7D7","#241C1C","#483737","#6C5353","#916F6F","#AC9393","#C8B7B7","#E3DBDB","#2B1100","#552200","#803300","#AA4400","#D45500","#FF6600","#FF7F2A","#FF9955","#FFB380","#FFCCAA","#FFE6D5","#28170B","#502D16","#784421","#A05A2C","#C87137","#D38D5F","#DEAA87","#E9C6AF","#F4E3D7","#241F1C","#483E37","#6C5D53","#917C6F","#AC9D93","#C8BEB7","#E3DEDB","#2B2200","#554400","#806600","#AA8800","#D4AA00","#FFCC00","#FFD42A","#FFDD55","#FFE680","#FFEEAA","#FFF6D5","#28220B","#504416","#786721","#A0892C","#C8AB37","#D3BC5F","#DECD87","#E9DDAF","#F4EED7","#24221C","#484537","#6C6753","#918A6F","#ACA793","#C8C4B7","#E3E2DB","#222B00","#445500","#668000","#88AA00","#AAD400","#CCFF00","#D4FF2A","#DDFF55","#E5FF80","#EEFFAA","#F6FFD5","#22280B","#445016","#677821","#89A02C","#ABC837","#BCD35F","#CDDE87","#DDE9AF","#EEF4D7","#22241C","#454837","#676C53","#8A916F","#A7AC93","#C4C8B7","#E2E3DB","#112B00","#225500","#338000","#44AA00","#55D400","#66FF00","#7FFF2A","#99FF55","#B3FF80","#CCFFAA","#E5FFD5","#17280B","#2D5016","#447821","#5AA02C","#71C837","#8DD35F","#AADE87","#C6E9AF","#E3F4D7","#1F241C","#3E4837","#5D6C53","#7C916F","#9DAC93","#BEC8B7","#DEE3DB","#002B00","#005500","#008000","#00AA00","#00D400","#00FF00","#2AFF2A","#55FF55","#80FF80","#AAFFAA","#D5FFD5","#0B280B","#165016","#217821","#2CA02C","#37C837","#5FD35F","#87DE87","#AFE9AF","#D7F4D7","#1C241C","#374837","#536C53","#6F916F","#93AC93","#B7C8B7","#DBE3DB","#002B11","#005522","#008033","#00AA44","#00D455","#00FF66","#2AFF80","#55FF99","#80FFB3","#AAFFCC","#D5FFE6","#0B2817","#16502D","#217844","#2CA05A","#37C871","#5FD38D","#87DEAA","#AFE9C6","#D7F4E3","#1C241F","#37483E","#536C5D","#6F917C","#93AC9D","#B7C8BE","#DBE3DE","#002B22","#005544","#008066","#00AA88","#00D4AA","#00FFCC","#2AFFD5","#55FFDD","#80FFE6","#AAFFEE","#D5FFF6","#0B2822","#165044","#217867","#2CA089","#37C8AB","#5FD3BC","#87DECD","#AFE9DD","#D7F4EE","#1C2422","#374845","#536C67","#6F918A","#93ACA7","#B7C8C4","#DBE3E2","#00222B","#004455","#006680","#0088AA","#00AAD4","#00CCFF","#2AD4FF","#55DDFF","#80E5FF","#AAEEFF","#D5F6FF","#0B2228","#164450","#216778","#2C89A0","#37ABC8","#5FBCD3","#87CDDE","#AFDDE9","#D7EEF4","#1C2224","#374548","#53676C","#6F8A91","#93A7AC","#B7C4C8","#DBE2E3","#00112B","#002255","#003380","#0044AA","#0055D4","#0066FF","#2A7FFF","#5599FF","#80B3FF","#AACCFF","#D5E5FF","#0B1728","#162D50","#214478","#2C5AA0","#3771C8","#5F8DD3","#87AADE","#AFC6E9","#D7E3F4","#1C1F24","#373E48","#535D6C","#6F7C91","#939DAC","#B7BEC8","#DBDEE3","#00002B","#000055","#000080","#0000AA","#0000D4","#0000FF","#2A2AFF","#5555FF","#8080FF","#AAAAFF","#D5D5FF","#0B0B28","#161650","#212178","#2C2CA0","#3737C8","#5F5FD3","#8787DE","#AFAFE9","#D7D7F4","#1C1C24","#373748","#53536C","#6F6F91","#9393AC","#B7B7C8","#DBDBE3","#11002B","#220055","#330080","#4400AA","#5500D4","#6600FF","#7F2AFF","#9955FF","#B380FF","#CCAAFF","#E5D5FF","#170B28","#2D1650","#442178","#5A2CA0","#7137C8","#8D5FD3","#AA87DE","#C6AFE9","#E3D7F4","#1F1C24","#3E3748","#5D536C","#7C6F91","#9D93AC","#BEB7C8","#DEDBE3","#22002B","#440055","#660080","#8800AA","#AA00D4","#CC00FF","#D42AFF","#DD55FF","#E580FF","#EEAAFF","#F6D5FF","#220B28","#441650","#672178","#892CA0","#AB37C8","#BC5FD3","#CD87DE","#DDAFE9","#EED7F4","#221C24","#453748","#67536C","#8A6F91","#A793AC","#C4B7C8","#E2DBE3","#2B0022","#550044","#800066","#AA0088","#D400AA","#FF00CC","#FF2AD4","#FF55DD","#FF80E5","#FFAAEE","#FFD5F6","#280B22","#501644","#782167","#A02C89","#C837AB","#D35FBC","#DE87CD","#E9AFDD","#F4D7EE","#241C22","#483745","#6C5367","#916F8A","#AC93A7","#C8B7C4","#E3DBE2","#2B0011","#550022","#800033","#AA0044","#D40055","#FF0066","#FF2A7F","#FF5599","#FF80B2","#FFAACC","#FFD5E5","#280B17","#50162D","#782144","#A02C5A","#C83771","#D35F8D","#DE87AA","#E9AFC6","#F4D7E3","#241C1F","#48373E","#6C535D","#916F7C","#AC939D","#C8B7BE","#E3DBDE"] + +$(document).ready(function(){ + var str = '
' + $.each(palette, function(i,item){ + str += '
'; + }); + $('#palette').append(str); + + $('#stroke_width').change(function(){ + window.set_stroke_width(this.options[this.selectedIndex].value); + }); + + $('.palette_item').click(function(){ + color = $(this).css('background-color'); + if (color == 'transparent') { + color = 'none'; + $('#fill_color').css('background', 'url(\'none.png\')'); + } else { + $('#fill_color').css('background', color); + } + window.set_fill_color(color); + }); + + $('.palette_item').rightClick(function(){ + color = $(this).css('background-color'); + if (color == 'transparent') { + color = 'none'; + $('#stroke_color').css('background', 'url(\'none.png\')'); + } else { + $('#stroke_color').css('background', color); + } + window.set_stroke_color(color); + }); + + $('#tool_select').click(function(){ + window.set_draw_mode('select'); + }); + + $('#tool_path').click(function(){ + window.set_draw_mode('path'); + }); + + $('#tool_line').click(function(){ + window.set_draw_mode('line'); + }); + + $('#tool_square').click(function(){ + window.set_draw_mode('square'); + }); + + $('#tool_rect').click(function(){ + window.set_draw_mode('rect'); + }); + + $('#tool_fhrect').click(function(){ + window.set_draw_mode('fhrect'); + }); + + $('#tool_circle').click(function(){ + window.set_draw_mode('circle'); + }); + + $('#tool_ellipse').click(function(){ + window.set_draw_mode('ellipse'); + }); + + $('#tool_fhellipse').click(function(){ + window.set_draw_mode('fhellipse'); + }); + + $('#tool_delete').click(function(){ + window.set_draw_mode('delete'); + }); + + $('#tool_clear').click(function(){ + window.clear_svg(); + }); + + $('#tool_submit').click(function(){ + window.submit_svg(); + }); + +}) + +function serializeHandler(str){ + alert(str); +}