[8961] | 1 | /** |
---|
| 2 | * ----------------------------------------------------------------------------- |
---|
| 3 | * file: ui.inputColorPicker.js |
---|
| 4 | * file version: 1.0.0 |
---|
| 5 | * date: 2010-11-04 |
---|
| 6 | * |
---|
| 7 | * A jQuery plugin provided by the piwigo's plugin "GrumPluginClasses" |
---|
| 8 | * |
---|
| 9 | * ----------------------------------------------------------------------------- |
---|
| 10 | * Author : Grum |
---|
| 11 | * email : grum@piwigo.com |
---|
| 12 | * website : http://photos.grum.fr |
---|
| 13 | * PWG user : http://forum.phpwebgallery.net/profile.php?id=3706 |
---|
| 14 | * |
---|
| 15 | * << May the Little SpaceFrog be with you ! >> |
---|
| 16 | * ----------------------------------------------------------------------------- |
---|
| 17 | * |
---|
| 18 | * |
---|
| 19 | * |
---|
| 20 | * |
---|
| 21 | * :: HISTORY :: |
---|
| 22 | * |
---|
| 23 | * | release | date | |
---|
| 24 | * | 1.0.0 | 2010/11/04 | first release |
---|
| 25 | * | | | |
---|
| 26 | * | | | |
---|
| 27 | * | | | |
---|
| 28 | * | | | |
---|
| 29 | * | | | |
---|
| 30 | * | | | |
---|
| 31 | * |
---|
| 32 | */ |
---|
| 33 | |
---|
| 34 | |
---|
| 35 | |
---|
| 36 | ( |
---|
| 37 | function($) |
---|
| 38 | { |
---|
| 39 | /* |
---|
| 40 | * plugin 'public' functions |
---|
| 41 | */ |
---|
| 42 | var publicMethods = |
---|
| 43 | { |
---|
| 44 | init : function (opt) |
---|
| 45 | { |
---|
| 46 | return this.each(function() |
---|
| 47 | { |
---|
| 48 | // default values for the plugin |
---|
| 49 | var $this=$(this), |
---|
| 50 | data = $this.data('options'), |
---|
| 51 | objects = $this.data('objects'), |
---|
| 52 | properties = $this.data('properties'), |
---|
| 53 | options = |
---|
| 54 | { |
---|
| 55 | colors: |
---|
| 56 | { |
---|
| 57 | fg: |
---|
| 58 | { |
---|
| 59 | color:'#ffffff', |
---|
| 60 | opacity:1 |
---|
| 61 | }, |
---|
| 62 | bg: |
---|
| 63 | { |
---|
| 64 | color:'#000000', |
---|
| 65 | opacity:1 |
---|
| 66 | } |
---|
| 67 | }, |
---|
| 68 | alpha:true, |
---|
| 69 | texts: |
---|
| 70 | { |
---|
| 71 | r:'R', |
---|
| 72 | g:'G', |
---|
| 73 | b:'B', |
---|
| 74 | a:'A', |
---|
| 75 | color:'#', |
---|
| 76 | h:'H', |
---|
| 77 | s:'S', |
---|
| 78 | v:'V' |
---|
| 79 | }, |
---|
| 80 | mode:2, // 1 (fg) - 2 (fg+bg) |
---|
| 81 | selected:'fg', |
---|
| 82 | change:null |
---|
| 83 | }; |
---|
| 84 | |
---|
| 85 | // if options given, merge it |
---|
| 86 | // if(opt) $.extend(options, opt); ==> options are set by setters |
---|
| 87 | |
---|
| 88 | $this.data('options', options); |
---|
| 89 | |
---|
| 90 | |
---|
| 91 | if(!properties) |
---|
| 92 | { |
---|
| 93 | $this.data('properties', |
---|
| 94 | { |
---|
| 95 | initialized:false, |
---|
| 96 | refreshing:false |
---|
| 97 | } |
---|
| 98 | ); |
---|
| 99 | properties=$this.data('properties'); |
---|
| 100 | } |
---|
| 101 | |
---|
| 102 | if(!objects) |
---|
| 103 | { |
---|
| 104 | objects = |
---|
| 105 | { |
---|
| 106 | container:$('<div/>', |
---|
| 107 | { |
---|
| 108 | 'class':'ui-inputColorPicker' |
---|
| 109 | } |
---|
| 110 | ), |
---|
| 111 | dotAreaSV:$('<div/>', |
---|
| 112 | { |
---|
| 113 | 'class':'ui-inputColorPicker-dotAreaSV' |
---|
| 114 | } |
---|
| 115 | ), |
---|
| 116 | dotAreaH:$('<div/>', |
---|
| 117 | { |
---|
| 118 | 'class':'ui-inputColorPicker-dotAreaH' |
---|
| 119 | } |
---|
| 120 | ), |
---|
| 121 | inputContainer:$('<table>', |
---|
| 122 | { |
---|
| 123 | 'class':'ui-inputColorPicker-inputContainer' |
---|
| 124 | } |
---|
| 125 | ), |
---|
| 126 | inputCRL:$('<td/>', {'class':'label'} ), // red label |
---|
| 127 | inputCRI:$('<td/>', {'class':'input'} ), // red input |
---|
| 128 | inputCGL:$('<td/>', {'class':'label'} ), |
---|
| 129 | inputCGI:$('<td/>', {'class':'input'} ), |
---|
| 130 | inputCBL:$('<td/>', {'class':'label'} ), |
---|
| 131 | inputCBI:$('<td/>', {'class':'input'} ), |
---|
| 132 | inputCHL:$('<td/>', {'class':'label'} ), |
---|
| 133 | inputCHI:$('<td/>', {'class':'input'} ), |
---|
| 134 | inputCSL:$('<td/>', {'class':'label'} ), |
---|
| 135 | inputCSI:$('<td/>', {'class':'input'} ), |
---|
| 136 | inputCVL:$('<td/>', {'class':'label'} ), |
---|
| 137 | inputCVI:$('<td/>', {'class':'input'} ), |
---|
| 138 | inputCAL:$('<td/>', {'class':'label'} ), |
---|
| 139 | inputCAI:$('<td/>', {'class':'input'} ), |
---|
| 140 | inputCcolorL:$('<td/>', {'class':'label'} ), |
---|
| 141 | inputCcolorI:$('<td/>', {'class':'input'} ), |
---|
| 142 | inputCFB:$('<td/>', |
---|
| 143 | { |
---|
| 144 | colspan:2, |
---|
| 145 | rowspan:2 |
---|
| 146 | } |
---|
| 147 | ) |
---|
| 148 | |
---|
| 149 | }; |
---|
| 150 | |
---|
| 151 | $this |
---|
| 152 | .html('') |
---|
| 153 | .append( |
---|
| 154 | objects.container |
---|
| 155 | .append(objects.dotAreaSV) |
---|
| 156 | .append(objects.dotAreaH) |
---|
| 157 | .append(objects.inputContainer |
---|
| 158 | .append($('<tr/>').append(objects.inputCRL).append(objects.inputCRI).append(objects.inputCHL).append(objects.inputCHI)) |
---|
| 159 | .append($('<tr/>').append(objects.inputCGL).append(objects.inputCGI).append(objects.inputCSL).append(objects.inputCSI)) |
---|
| 160 | .append($('<tr/>').append(objects.inputCBL).append(objects.inputCBI).append(objects.inputCVL).append(objects.inputCVI)) |
---|
| 161 | .append($('<tr/>').append(objects.inputCAL).append(objects.inputCAI).append(objects.inputCFB)) |
---|
| 162 | .append($('<tr/>').append(objects.inputCcolorL).append(objects.inputCcolorI)) |
---|
| 163 | ) |
---|
| 164 | ); |
---|
| 165 | |
---|
| 166 | objects.dotAreaSV.inputDotArea( |
---|
| 167 | { |
---|
| 168 | range: |
---|
| 169 | { |
---|
| 170 | x:[0,100], |
---|
| 171 | y:[0,100] |
---|
| 172 | }, |
---|
| 173 | width:132, |
---|
| 174 | height:132, |
---|
| 175 | change: function (event, value) |
---|
| 176 | { |
---|
| 177 | privateMethods.computeCurrentColor($this, 'dotAreaSV'); |
---|
| 178 | } |
---|
| 179 | } |
---|
| 180 | ); |
---|
| 181 | objects.dotAreaH.inputDotArea( |
---|
| 182 | { |
---|
| 183 | range: |
---|
| 184 | { |
---|
| 185 | x:false, |
---|
| 186 | y:[0,359] |
---|
| 187 | }, |
---|
| 188 | width:20, |
---|
| 189 | height:132, |
---|
| 190 | change: function (event, value) |
---|
| 191 | { |
---|
| 192 | privateMethods.computeCurrentColor($this, 'dotAreaH'); |
---|
| 193 | } |
---|
| 194 | } |
---|
| 195 | ); |
---|
| 196 | objects.inputCRI.inputNum( |
---|
| 197 | { |
---|
| 198 | minValue:0, |
---|
| 199 | maxValue:255, |
---|
| 200 | stepValue:1, |
---|
| 201 | numDec:0, |
---|
| 202 | unitValue:'', |
---|
| 203 | btInc:'+', |
---|
| 204 | btDec:'-', |
---|
| 205 | value:0, |
---|
| 206 | showSlider:'auto', |
---|
| 207 | change: function (event, value) |
---|
| 208 | { |
---|
| 209 | privateMethods.computeCurrentColor($this, 'rgbR'); |
---|
| 210 | } |
---|
| 211 | } |
---|
| 212 | ); |
---|
| 213 | objects.inputCGI.inputNum( |
---|
| 214 | { |
---|
| 215 | minValue:0, |
---|
| 216 | maxValue:255, |
---|
| 217 | stepValue:1, |
---|
| 218 | numDec:0, |
---|
| 219 | unitValue:'', |
---|
| 220 | btInc:'+', |
---|
| 221 | btDec:'-', |
---|
| 222 | value:0, |
---|
| 223 | showSlider:'auto', |
---|
| 224 | change: function (event, value) |
---|
| 225 | { |
---|
| 226 | privateMethods.computeCurrentColor($this, 'rgbG'); |
---|
| 227 | } |
---|
| 228 | } |
---|
| 229 | ); |
---|
| 230 | objects.inputCBI.inputNum( |
---|
| 231 | { |
---|
| 232 | minValue:0, |
---|
| 233 | maxValue:255, |
---|
| 234 | stepValue:1, |
---|
| 235 | numDec:0, |
---|
| 236 | unitValue:'', |
---|
| 237 | btInc:'+', |
---|
| 238 | btDec:'-', |
---|
| 239 | value:0, |
---|
| 240 | showSlider:'auto', |
---|
| 241 | change: function (event, value) |
---|
| 242 | { |
---|
| 243 | privateMethods.computeCurrentColor($this, 'rgbB'); |
---|
| 244 | } |
---|
| 245 | } |
---|
| 246 | ); |
---|
| 247 | objects.inputCAI.inputNum( |
---|
| 248 | { |
---|
| 249 | minValue:0, |
---|
| 250 | maxValue:100, |
---|
| 251 | stepValue:1, |
---|
| 252 | numDec:0, |
---|
| 253 | unitValue:'', |
---|
| 254 | btInc:'+', |
---|
| 255 | btDec:'-', |
---|
| 256 | value:0, |
---|
| 257 | showSlider:'auto', |
---|
| 258 | change: function (event, value) |
---|
| 259 | { |
---|
| 260 | privateMethods.computeCurrentColor($this, 'alpha'); |
---|
| 261 | } |
---|
| 262 | } |
---|
| 263 | ); |
---|
| 264 | objects.inputCHI.inputNum( |
---|
| 265 | { |
---|
| 266 | minValue:0, |
---|
| 267 | maxValue:359, |
---|
| 268 | stepValue:1, |
---|
| 269 | numDec:0, |
---|
| 270 | unitValue:'', |
---|
| 271 | btInc:'+', |
---|
| 272 | btDec:'-', |
---|
| 273 | value:0, |
---|
| 274 | showSlider:'auto', |
---|
| 275 | change: function (event, value) |
---|
| 276 | { |
---|
| 277 | privateMethods.computeCurrentColor($this, 'hsvH'); |
---|
| 278 | } |
---|
| 279 | } |
---|
| 280 | ); |
---|
| 281 | objects.inputCSI.inputNum( |
---|
| 282 | { |
---|
| 283 | minValue:0, |
---|
| 284 | maxValue:100, |
---|
| 285 | stepValue:1, |
---|
| 286 | numDec:0, |
---|
| 287 | unitValue:'', |
---|
| 288 | btInc:'+', |
---|
| 289 | btDec:'-', |
---|
| 290 | value:0, |
---|
| 291 | showSlider:'auto', |
---|
| 292 | change: function (event, value) |
---|
| 293 | { |
---|
| 294 | privateMethods.computeCurrentColor($this, 'hsvS'); |
---|
| 295 | } |
---|
| 296 | } |
---|
| 297 | ); |
---|
| 298 | objects.inputCVI.inputNum( |
---|
| 299 | { |
---|
| 300 | minValue:0, |
---|
| 301 | maxValue:100, |
---|
| 302 | stepValue:1, |
---|
| 303 | numDec:0, |
---|
| 304 | unitValue:'', |
---|
| 305 | btInc:'+', |
---|
| 306 | btDec:'-', |
---|
| 307 | value:0, |
---|
| 308 | showSlider:'auto', |
---|
| 309 | change: function (event, value) |
---|
| 310 | { |
---|
| 311 | privateMethods.computeCurrentColor($this, 'hsvV'); |
---|
| 312 | } |
---|
| 313 | } |
---|
| 314 | ); |
---|
| 315 | objects.inputCcolorI.inputText( |
---|
| 316 | { |
---|
| 317 | value:'', |
---|
| 318 | displayChar:6, |
---|
| 319 | maxChar:6, |
---|
| 320 | regExp:'/^(?:[a-f0-9]{2}){3}$/i', |
---|
| 321 | change: function (event, value) |
---|
| 322 | { |
---|
| 323 | privateMethods.computeCurrentColor($this, 'color'); |
---|
| 324 | } |
---|
| 325 | } |
---|
| 326 | ); |
---|
| 327 | objects.inputCFB.inputColorsFB( |
---|
| 328 | { |
---|
| 329 | width:40, |
---|
| 330 | height:40, |
---|
| 331 | change: function (event, value) |
---|
| 332 | { |
---|
| 333 | privateMethods.computeCurrentColor($this, 'fb'); |
---|
| 334 | } |
---|
| 335 | } |
---|
| 336 | ); |
---|
| 337 | |
---|
| 338 | |
---|
| 339 | $this.data('objects', objects); |
---|
| 340 | } |
---|
| 341 | |
---|
| 342 | privateMethods.setOptions($this, opt); |
---|
| 343 | } |
---|
| 344 | ); |
---|
| 345 | }, // init |
---|
| 346 | destroy : function () |
---|
| 347 | { |
---|
| 348 | return this.each( |
---|
| 349 | function() |
---|
| 350 | { |
---|
| 351 | // default values for the plugin |
---|
| 352 | var $this=$(this), |
---|
| 353 | objects = $this.data('objects'); |
---|
| 354 | objects.dotAreaSV.remove(); |
---|
| 355 | objects.dotAreaH.remove(); |
---|
| 356 | objects.inputCRL.remove(); |
---|
| 357 | objects.inputCRI.remove(); |
---|
| 358 | objects.inputCHL.remove(); |
---|
| 359 | objects.inputCHI.remove(); |
---|
| 360 | objects.inputCGL.remove(); |
---|
| 361 | objects.inputCGI.remove(); |
---|
| 362 | objects.inputCSL.remove(); |
---|
| 363 | objects.inputCSI.remove(); |
---|
| 364 | objects.inputCBL.remove(); |
---|
| 365 | objects.inputCBI.remove(); |
---|
| 366 | objects.inputCVL.remove(); |
---|
| 367 | objects.inputCVI.remove(); |
---|
| 368 | objects.inputCAL.remove(); |
---|
| 369 | objects.inputCAI.remove(); |
---|
| 370 | objects.inputCFB.remove(); |
---|
| 371 | objects.inputCcolorL.remove(); |
---|
| 372 | objects.inputCcolorI.remove(); |
---|
| 373 | objects.inputContainer.remove(); |
---|
| 374 | objects.container.remove(); |
---|
| 375 | } |
---|
| 376 | ); |
---|
| 377 | }, // destroy |
---|
| 378 | |
---|
| 379 | options: function (value) |
---|
| 380 | { |
---|
| 381 | return( |
---|
| 382 | this.each( |
---|
| 383 | function() |
---|
| 384 | { |
---|
| 385 | privateMethods.setOptions($(this), value); |
---|
| 386 | } |
---|
| 387 | ) |
---|
| 388 | ); |
---|
| 389 | }, // options |
---|
| 390 | |
---|
| 391 | colors: function (value) |
---|
| 392 | { |
---|
| 393 | if(value!=null) |
---|
| 394 | { |
---|
| 395 | // set selected value |
---|
| 396 | return( |
---|
| 397 | this.each( |
---|
| 398 | function() |
---|
| 399 | { |
---|
| 400 | privateMethods.setColors($(this), value); |
---|
| 401 | } |
---|
| 402 | ) |
---|
| 403 | ); |
---|
| 404 | } |
---|
| 405 | else |
---|
| 406 | { |
---|
| 407 | // return the selected tags |
---|
| 408 | var options=this.data('options'); |
---|
| 409 | return(options.colors); |
---|
| 410 | } |
---|
| 411 | }, // colors |
---|
| 412 | |
---|
| 413 | texts: function (value) |
---|
| 414 | { |
---|
| 415 | if(value!=null) |
---|
| 416 | { |
---|
| 417 | // set selected value |
---|
| 418 | return( |
---|
| 419 | this.each( |
---|
| 420 | function() |
---|
| 421 | { |
---|
| 422 | privateMethods.setTexts($(this), value, true); |
---|
| 423 | } |
---|
| 424 | ) |
---|
| 425 | ); |
---|
| 426 | } |
---|
| 427 | else |
---|
| 428 | { |
---|
| 429 | // return the selected tags |
---|
| 430 | var options=this.data('options'); |
---|
| 431 | return(options.texts); |
---|
| 432 | } |
---|
| 433 | }, // texts |
---|
| 434 | |
---|
| 435 | alpha: function (value) |
---|
| 436 | { |
---|
| 437 | if(value!=null) |
---|
| 438 | { |
---|
| 439 | // set selected value |
---|
| 440 | return( |
---|
| 441 | this.each( |
---|
| 442 | function() |
---|
| 443 | { |
---|
| 444 | privateMethods.setAlpha($(this), value); |
---|
| 445 | } |
---|
| 446 | ) |
---|
| 447 | ); |
---|
| 448 | } |
---|
| 449 | else |
---|
| 450 | { |
---|
| 451 | // return the selected tags |
---|
| 452 | var options=this.data('options'); |
---|
| 453 | return(options.alpha); |
---|
| 454 | } |
---|
| 455 | }, // alpha |
---|
| 456 | |
---|
| 457 | selected: function (value) |
---|
| 458 | { |
---|
| 459 | if(value!=null) |
---|
| 460 | { |
---|
| 461 | // set selected value |
---|
| 462 | return( |
---|
| 463 | this.each( |
---|
| 464 | function() |
---|
| 465 | { |
---|
| 466 | privateMethods.setSelected($(this), value); |
---|
| 467 | } |
---|
| 468 | ) |
---|
| 469 | ); |
---|
| 470 | } |
---|
| 471 | else |
---|
| 472 | { |
---|
| 473 | // return the selected tags |
---|
| 474 | var options=this.data('options'); |
---|
| 475 | return(options.selected); |
---|
| 476 | } |
---|
| 477 | }, // selected |
---|
| 478 | |
---|
| 479 | mode: function (value) |
---|
| 480 | { |
---|
| 481 | if(value!=null) |
---|
| 482 | { |
---|
| 483 | // set selected value |
---|
| 484 | return( |
---|
| 485 | this.each( |
---|
| 486 | function() |
---|
| 487 | { |
---|
| 488 | privateMethods.setMode($(this), value); |
---|
| 489 | } |
---|
| 490 | ) |
---|
| 491 | ); |
---|
| 492 | } |
---|
| 493 | else |
---|
| 494 | { |
---|
| 495 | // return the selected tags |
---|
| 496 | var options=this.data('options'); |
---|
| 497 | return(options.mode); |
---|
| 498 | } |
---|
| 499 | }, // mode |
---|
| 500 | |
---|
| 501 | change: function (value) |
---|
| 502 | { |
---|
| 503 | if(value!=null && $.isFunction(value)) |
---|
| 504 | { |
---|
| 505 | // set selected value |
---|
| 506 | return( |
---|
| 507 | this.each( |
---|
| 508 | function() |
---|
| 509 | { |
---|
| 510 | privateMethods.setEventChange($(this), value); |
---|
| 511 | } |
---|
| 512 | ) |
---|
| 513 | ); |
---|
| 514 | } |
---|
| 515 | else |
---|
| 516 | { |
---|
| 517 | // return the selected value |
---|
| 518 | var options=this.data('options'); |
---|
| 519 | |
---|
| 520 | if(options) |
---|
| 521 | { |
---|
| 522 | return(options.change); |
---|
| 523 | } |
---|
| 524 | else |
---|
| 525 | { |
---|
| 526 | return(null); |
---|
| 527 | } |
---|
| 528 | } |
---|
| 529 | } // change |
---|
| 530 | |
---|
| 531 | }; // methods |
---|
| 532 | |
---|
| 533 | |
---|
| 534 | /* |
---|
| 535 | * plugin 'private' methods |
---|
| 536 | */ |
---|
| 537 | var privateMethods = |
---|
| 538 | { |
---|
| 539 | setOptions : function (object, value) |
---|
| 540 | { |
---|
| 541 | var properties=object.data('properties'), |
---|
| 542 | options=object.data('options'); |
---|
| 543 | |
---|
| 544 | if(!$.isPlainObject(value)) return(false); |
---|
| 545 | |
---|
| 546 | properties.initialized=false; |
---|
| 547 | |
---|
| 548 | privateMethods.setMode(object, (value.mode!=null)?value.mode:options.mode); |
---|
| 549 | privateMethods.setSelected(object, (value.selected!=null)?value.selected:options.selected); |
---|
| 550 | privateMethods.setColors(object, (value.colors!=null)?value.colors:options.colors); |
---|
| 551 | privateMethods.setAlpha(object, (value.alpha!=null)?value.alpha:options.alpha); |
---|
| 552 | privateMethods.setTexts(object, (value.texts!=null)?value.texts:options.texts); |
---|
| 553 | |
---|
| 554 | privateMethods.setEventChange(object, (value.change!=null)?value.change:options.change); |
---|
| 555 | |
---|
| 556 | properties.initialized=true; |
---|
| 557 | }, |
---|
| 558 | |
---|
| 559 | setAlpha : function (object, value) |
---|
| 560 | { |
---|
| 561 | var options=object.data('options'), |
---|
| 562 | objects=object.data('objects'); |
---|
| 563 | |
---|
| 564 | if((!properties.initialized || options.alpha!=value) && (value==true || value==false)) |
---|
| 565 | { |
---|
| 566 | options.alpha=value; |
---|
| 567 | |
---|
| 568 | if(options.alpha) |
---|
| 569 | { |
---|
| 570 | objects.inputCAI.css('visibility', 'visible'); |
---|
| 571 | objects.inputCAL.css('visibility', 'visible'); |
---|
| 572 | } |
---|
| 573 | else |
---|
| 574 | { |
---|
| 575 | objects.inputCAI.css('visibility', 'hidden'); |
---|
| 576 | objects.inputCAL.css('visibility', 'hidden'); |
---|
| 577 | } |
---|
| 578 | } |
---|
| 579 | return(options.alpha); |
---|
| 580 | }, //setAlpha |
---|
| 581 | |
---|
| 582 | setMode : function (object, value) |
---|
| 583 | { |
---|
| 584 | var options=object.data('options'), |
---|
| 585 | objects=object.data('objects'); |
---|
| 586 | |
---|
| 587 | if((!properties.initialized || options.mode!=value) && (value==1 || value==2)) |
---|
| 588 | { |
---|
| 589 | options.mode=value; |
---|
| 590 | |
---|
| 591 | objects.inputCFB.inputColorsFB('mode', options.mode); |
---|
| 592 | } |
---|
| 593 | return(options.mode); |
---|
| 594 | }, //setMode |
---|
| 595 | |
---|
| 596 | |
---|
| 597 | setSelected : function (object, value) |
---|
| 598 | { |
---|
| 599 | var options=object.data('options'), |
---|
| 600 | objects=object.data('objects'); |
---|
| 601 | |
---|
| 602 | if((!properties.initialized || options.selected!=value) && (value=='fg' || value=='bg')) |
---|
| 603 | { |
---|
| 604 | options.selected=value; |
---|
| 605 | |
---|
| 606 | objects.inputCFB.inputColorsFB('selected', options.selected); |
---|
| 607 | } |
---|
| 608 | return(options.selected); |
---|
| 609 | }, //setSelected |
---|
| 610 | |
---|
| 611 | |
---|
| 612 | setTexts : function (object, value) |
---|
| 613 | { |
---|
| 614 | var options=object.data('options'), |
---|
| 615 | objects=object.data('objects'); |
---|
| 616 | |
---|
| 617 | if(value.r!=null) |
---|
| 618 | { |
---|
| 619 | options.texts.r=value.r; |
---|
| 620 | objects.inputCRL.html(options.texts.r); |
---|
| 621 | } |
---|
| 622 | if(value.g!=null) |
---|
| 623 | { |
---|
| 624 | options.texts.g=value.g; |
---|
| 625 | objects.inputCGL.html(options.texts.g); |
---|
| 626 | } |
---|
| 627 | if(value.b!=null) |
---|
| 628 | { |
---|
| 629 | options.texts.b=value.b; |
---|
| 630 | objects.inputCBL.html(options.texts.b); |
---|
| 631 | } |
---|
| 632 | if(value.h!=null) |
---|
| 633 | { |
---|
| 634 | options.texts.h=value.h; |
---|
| 635 | objects.inputCHL.html(options.texts.h); |
---|
| 636 | } |
---|
| 637 | if(value.s!=null) |
---|
| 638 | { |
---|
| 639 | options.texts.s=value.s; |
---|
| 640 | objects.inputCSL.html(options.texts.s); |
---|
| 641 | } |
---|
| 642 | if(value.v!=null) |
---|
| 643 | { |
---|
| 644 | options.texts.v=value.v; |
---|
| 645 | objects.inputCVL.html(options.texts.v); |
---|
| 646 | } |
---|
| 647 | if(value.a!=null) |
---|
| 648 | { |
---|
| 649 | options.texts.a=value.a; |
---|
| 650 | objects.inputCAL.html(options.texts.a); |
---|
| 651 | } |
---|
| 652 | if(value.color!=null) |
---|
| 653 | { |
---|
| 654 | options.texts.color=value.color; |
---|
| 655 | objects.inputCcolorL.html(options.texts.color); |
---|
| 656 | } |
---|
| 657 | |
---|
| 658 | return(options.texts); |
---|
| 659 | }, //setColors |
---|
| 660 | |
---|
| 661 | /** |
---|
| 662 | * @param String color : a '#rrggbb' string |
---|
| 663 | * @param Integer opacity : [0..100] value |
---|
| 664 | * @param String target : 'fg' or 'bg' |
---|
| 665 | * @param String from : '' for refreshing all items |
---|
| 666 | */ |
---|
| 667 | setColor : function (object, color, opacity, target, from) |
---|
| 668 | { |
---|
| 669 | var objects=object.data('objects'), |
---|
| 670 | properties=object.data('properties'), |
---|
| 671 | options=object.data('options'), |
---|
| 672 | rgbColor={r:0, g:0, b:0}, |
---|
| 673 | hsvColor={h:0, s:0, v:0}, |
---|
| 674 | svColorHue=0; |
---|
| 675 | |
---|
| 676 | if(properties.refreshing || !(target=='fg' || target=='bg')) return(false); |
---|
| 677 | |
---|
| 678 | properties.refreshing=true; |
---|
| 679 | |
---|
| 680 | rgbColor=privateMethods.strToRGB(color); |
---|
| 681 | hsvColor=privateMethods.RGBtoHSV(rgbColor); |
---|
| 682 | |
---|
| 683 | if(from=='hsvH') hsvColor.h=objects.inputCHI.inputNum('value'); |
---|
| 684 | if(from=='hsvS') hsvColor.s=objects.inputCSI.inputNum('value'); |
---|
| 685 | if(from=='hsvV') hsvColor.v=objects.inputCVI.inputNum('value'); |
---|
| 686 | if(from=='dotAreaSV') |
---|
| 687 | { |
---|
| 688 | sv=objects.dotAreaSV.inputDotArea('values'); |
---|
| 689 | hsvColor.s=100-Math.round(sv.y); |
---|
| 690 | hsvColor.v=Math.round(sv.x); |
---|
| 691 | } |
---|
| 692 | if(from=='dotAreaH') hsvColor.h=360-Math.round(objects.dotAreaH.inputDotArea('values').y); |
---|
| 693 | svColorHue=hsvColor.h; |
---|
| 694 | |
---|
| 695 | if(from=='' || from=='fb') objects.inputCAI.inputNum('value', opacity); |
---|
| 696 | |
---|
| 697 | if(from!='hsvH' && from!='dotAreaSV' && from!='alpha') objects.dotAreaSV.inputDotArea('values', { x:hsvColor.v, y:100-hsvColor.s } ); |
---|
| 698 | if(from!='dotAreaH' && from!='alpha' && from!='hsvS' && from!='hsvV' && color!='#000000') objects.dotAreaH.inputDotArea('values', { y:360-hsvColor.h } ); |
---|
| 699 | if(from!='rgbR' && from!='rgbG' && from!='rgbB' && from!='alpha') |
---|
| 700 | { |
---|
| 701 | objects.inputCRI.inputNum('value', rgbColor.r); |
---|
| 702 | objects.inputCGI.inputNum('value', rgbColor.g); |
---|
| 703 | objects.inputCBI.inputNum('value', rgbColor.b); |
---|
| 704 | } |
---|
| 705 | if(from!='hsvH' && from!='hsvS' && from!='hsvV' && from!='alpha') |
---|
| 706 | { |
---|
| 707 | if(color!='#000000') |
---|
| 708 | { |
---|
| 709 | objects.inputCHI.inputNum('value', hsvColor.h); |
---|
| 710 | } |
---|
| 711 | else |
---|
| 712 | { |
---|
| 713 | svColorHue=objects.inputCHI.inputNum('value'); |
---|
| 714 | } |
---|
| 715 | objects.inputCSI.inputNum('value', hsvColor.s); |
---|
| 716 | objects.inputCVI.inputNum('value', hsvColor.v); |
---|
| 717 | } |
---|
| 718 | if(from!='color' && from!='alpha') objects.inputCcolorI.inputText('value', color.substr(1)); |
---|
| 719 | |
---|
| 720 | if(from!='alpha') objects.dotAreaSV |
---|
| 721 | .find('div.ui-inputDotArea') |
---|
| 722 | .css('background-color', |
---|
| 723 | privateMethods.RGBToStr(privateMethods.HSVtoRGB({h:svColorHue,s:100,v:100})) |
---|
| 724 | ); |
---|
| 725 | |
---|
| 726 | if(from!='fb') objects.inputCFB.inputColorsFB(target, {color:color, opacity:opacity/100} ); |
---|
| 727 | |
---|
| 728 | if(from!='') |
---|
| 729 | { |
---|
| 730 | if(target=='fg') |
---|
| 731 | { |
---|
| 732 | options.colors.fg.color=color; |
---|
| 733 | options.colors.fg.opacity=opacity/100; |
---|
| 734 | } |
---|
| 735 | else |
---|
| 736 | { |
---|
| 737 | options.colors.bg.color=color; |
---|
| 738 | options.colors.bg.opacity=opacity/100; |
---|
| 739 | } |
---|
| 740 | } |
---|
| 741 | |
---|
| 742 | properties.refreshing=false; |
---|
| 743 | |
---|
| 744 | if(options.change) object.trigger('inputColorPickerChange', {target:target, color:{color:color, opacity:opacity/100} } ); |
---|
| 745 | }, |
---|
| 746 | |
---|
| 747 | setColors : function (object, value) |
---|
| 748 | { |
---|
| 749 | var objects=object.data('objects'), |
---|
| 750 | options=object.data('options'); |
---|
| 751 | |
---|
| 752 | if(value.fg!=null) |
---|
| 753 | { |
---|
| 754 | if(value.fg.color!=null) options.colors.fg.color=value.fg.color; |
---|
| 755 | if(value.fg.opacity!=null) options.colors.fg.opacity=value.fg.opacity; |
---|
| 756 | if(objects.inputCFB.inputColorsFB('selected')=='fg') |
---|
| 757 | { |
---|
| 758 | privateMethods.setColor(object, options.colors.fg.color, Math.round(options.colors.fg.opacity*100), 'fg', ''); |
---|
| 759 | } |
---|
| 760 | else |
---|
| 761 | { |
---|
| 762 | objects.inputCFB.inputColorsFB('fg', options.colors.fg); |
---|
| 763 | } |
---|
| 764 | } |
---|
| 765 | |
---|
| 766 | if(value.bg!=null) |
---|
| 767 | { |
---|
| 768 | if(value.bg.color!=null) options.colors.bg.color=value.bg.color; |
---|
| 769 | if(value.bg.opacity!=null) options.colors.bg.opacity=value.bg.opacity; |
---|
| 770 | if(objects.inputCFB.inputColorsFB('selected')=='bg') |
---|
| 771 | { |
---|
| 772 | privateMethods.setColor(object, options.colors.bg.color, Math.round(options.colors.bg.opacity*100), 'bg', ''); |
---|
| 773 | } |
---|
| 774 | else |
---|
| 775 | { |
---|
| 776 | objects.inputCFB.inputColorsFB('bg', options.colors.bg); |
---|
| 777 | } |
---|
| 778 | } |
---|
| 779 | |
---|
| 780 | return(options.colors); |
---|
| 781 | }, //setFG |
---|
| 782 | |
---|
| 783 | setEventChange : function (object, value) |
---|
| 784 | { |
---|
| 785 | var options=object.data('options'); |
---|
| 786 | |
---|
| 787 | options.change=value; |
---|
| 788 | object.unbind('inputColorPickerChange'); |
---|
| 789 | if(value) object.bind('inputColorPickerChange', options.change); |
---|
| 790 | return(options.change); |
---|
| 791 | }, |
---|
| 792 | |
---|
| 793 | computeCurrentColor : function (object, from) |
---|
| 794 | { |
---|
| 795 | var options=object.data('options'), |
---|
| 796 | objects=object.data('objects'), |
---|
| 797 | properties=object.data('properties'), |
---|
| 798 | colors={}, |
---|
| 799 | target=objects.inputCFB.inputColorsFB('selected'); |
---|
| 800 | |
---|
| 801 | if(properties.refreshing) return(false); |
---|
| 802 | |
---|
| 803 | switch(from) |
---|
| 804 | { |
---|
| 805 | case 'dotAreaSV': |
---|
| 806 | case 'dotAreaH': |
---|
| 807 | var sv=objects.dotAreaSV.inputDotArea('values'); |
---|
| 808 | colors.color=privateMethods.RGBToStr( |
---|
| 809 | privateMethods.HSVtoRGB( |
---|
| 810 | { |
---|
| 811 | h:360-objects.dotAreaH.inputDotArea('values').y, |
---|
| 812 | s:100-sv.y, |
---|
| 813 | v:sv.x |
---|
| 814 | } |
---|
| 815 | ) |
---|
| 816 | ); |
---|
| 817 | if(target=='fg') |
---|
| 818 | { |
---|
| 819 | colors.opacity=Math.round(options.colors.fg.opacity*100); |
---|
| 820 | } |
---|
| 821 | else |
---|
| 822 | { |
---|
| 823 | colors.opacity=Math.round(options.colors.bg.opacity*100); |
---|
| 824 | } |
---|
| 825 | break; |
---|
| 826 | case 'hsvH': |
---|
| 827 | case 'hsvS': |
---|
| 828 | case 'hsvV': |
---|
| 829 | colors.color=privateMethods.RGBToStr( |
---|
| 830 | privateMethods.HSVtoRGB( |
---|
| 831 | { |
---|
| 832 | h:objects.inputCHI.inputNum('value'), |
---|
| 833 | s:objects.inputCSI.inputNum('value'), |
---|
| 834 | v:objects.inputCVI.inputNum('value') |
---|
| 835 | } |
---|
| 836 | ) |
---|
| 837 | ); |
---|
| 838 | if(target=='fg') |
---|
| 839 | { |
---|
| 840 | colors.opacity=Math.round(options.colors.fg.opacity*100); |
---|
| 841 | } |
---|
| 842 | else |
---|
| 843 | { |
---|
| 844 | colors.opacity=Math.round(options.colors.bg.opacity*100); |
---|
| 845 | } |
---|
| 846 | break; |
---|
| 847 | case 'rgbR': |
---|
| 848 | case 'rgbG': |
---|
| 849 | case 'rgbB': |
---|
| 850 | colors.color=privateMethods.RGBToStr( |
---|
| 851 | { |
---|
| 852 | r:objects.inputCRI.inputNum('value'), |
---|
| 853 | g:objects.inputCGI.inputNum('value'), |
---|
| 854 | b:objects.inputCBI.inputNum('value') |
---|
| 855 | } |
---|
| 856 | ); |
---|
| 857 | if(target=='fg') |
---|
| 858 | { |
---|
| 859 | colors.opacity=Math.round(options.colors.fg.opacity*100); |
---|
| 860 | } |
---|
| 861 | else |
---|
| 862 | { |
---|
| 863 | colors.opacity=Math.round(options.colors.bg.opacity*100); |
---|
| 864 | } |
---|
| 865 | break; |
---|
| 866 | case 'alpha': |
---|
| 867 | if(target=='fg') |
---|
| 868 | { |
---|
| 869 | colors.color=options.colors.fg.color; |
---|
| 870 | } |
---|
| 871 | else |
---|
| 872 | { |
---|
| 873 | colors.color=options.colors.bg.color; |
---|
| 874 | } |
---|
| 875 | colors.opacity=objects.inputCAI.inputNum('value'); |
---|
| 876 | break; |
---|
| 877 | case 'fb': |
---|
| 878 | if(target=='fg') |
---|
| 879 | { |
---|
| 880 | colors.color=options.colors.fg.color; |
---|
| 881 | colors.opacity=Math.round(options.colors.fg.opacity*100); |
---|
| 882 | } |
---|
| 883 | else |
---|
| 884 | { |
---|
| 885 | colors.color=options.colors.bg.color; |
---|
| 886 | colors.opacity=Math.round(options.colors.bg.opacity*100); |
---|
| 887 | } |
---|
| 888 | break; |
---|
| 889 | case 'color': |
---|
| 890 | colors.color='#'+objects.inputCcolorI.inputText('value'); |
---|
| 891 | if(target=='fg') |
---|
| 892 | { |
---|
| 893 | colors.opacity=Math.round(options.colors.fg.opacity*100); |
---|
| 894 | } |
---|
| 895 | else |
---|
| 896 | { |
---|
| 897 | colors.opacity=Math.round(options.colors.bg.opacity*100); |
---|
| 898 | } |
---|
| 899 | break; |
---|
| 900 | } |
---|
| 901 | |
---|
| 902 | privateMethods.setColor(object, colors.color, colors.opacity, target, from); |
---|
| 903 | }, |
---|
| 904 | |
---|
| 905 | /** |
---|
| 906 | * convert a RGB object {r,g,b} to String '#rrggbb' |
---|
| 907 | * @param Object color : {r,g,b} object |
---|
| 908 | * @return String |
---|
| 909 | */ |
---|
| 910 | RGBToStr : function (color) |
---|
| 911 | { |
---|
| 912 | var r=color.r.toString(16), |
---|
| 913 | g=color.g.toString(16), |
---|
| 914 | b=color.b.toString(16); |
---|
| 915 | if(r.length<2) r='0'+r; |
---|
| 916 | if(g.length<2) g='0'+g; |
---|
| 917 | if(b.length<2) b='0'+b; |
---|
| 918 | return('#'+r+g+b); |
---|
| 919 | }, |
---|
| 920 | |
---|
| 921 | /** |
---|
| 922 | * convert a string to RGB object {r,g,b} |
---|
| 923 | * string can be '#rrggbb' or 'rgb(r,g,b)' |
---|
| 924 | * @param String color |
---|
| 925 | * @return Object |
---|
| 926 | */ |
---|
| 927 | strToRGB : function (color) |
---|
| 928 | { |
---|
| 929 | var returned={ |
---|
| 930 | r:0, |
---|
| 931 | g:0, |
---|
| 932 | b:0 |
---|
| 933 | }, |
---|
| 934 | re1=/^rgb\((\d){1,3},(\d){1,3},(\d){1,3}\)$/i, |
---|
| 935 | re2=/^#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})$/i, |
---|
| 936 | colors=re1.exec(color); |
---|
| 937 | |
---|
| 938 | if(colors!=null) |
---|
| 939 | { |
---|
| 940 | returned.r=parseInt(colors[1]); |
---|
| 941 | returned.g=parseInt(colors[2]); |
---|
| 942 | returned.b=parseInt(colors[3]); |
---|
| 943 | } |
---|
| 944 | else |
---|
| 945 | { |
---|
| 946 | colors=re2.exec(color); |
---|
| 947 | |
---|
| 948 | if(colors!=null) |
---|
| 949 | { |
---|
| 950 | returned.r=parseInt('0x'+colors[1]); |
---|
| 951 | returned.g=parseInt('0x'+colors[2]); |
---|
| 952 | returned.b=parseInt('0x'+colors[3]); |
---|
| 953 | } |
---|
| 954 | } |
---|
| 955 | return(returned); |
---|
| 956 | }, |
---|
| 957 | |
---|
| 958 | /** |
---|
| 959 | * convert an RGB object {r,g,b} to HSV object {h,s,v} |
---|
| 960 | * @param Object color : {r,g,b} |
---|
| 961 | * @return Object |
---|
| 962 | */ |
---|
| 963 | RGBtoHSV : function (color) |
---|
| 964 | { |
---|
| 965 | var returned={ |
---|
| 966 | h:0, |
---|
| 967 | s:0, |
---|
| 968 | v:0 |
---|
| 969 | }, |
---|
| 970 | color={ |
---|
| 971 | r:color.r/255, |
---|
| 972 | g:color.g/255, |
---|
| 973 | b:color.b/255 |
---|
| 974 | }, |
---|
| 975 | max=Math.max(color.r, color.g, color.b), |
---|
| 976 | min=Math.min(color.r, color.g, color.b); |
---|
| 977 | |
---|
| 978 | if(max==min) |
---|
| 979 | { |
---|
| 980 | returned.h=0; |
---|
| 981 | } |
---|
| 982 | else if(max==color.r) |
---|
| 983 | { |
---|
| 984 | returned.h=Math.round((60*(color.g-color.b)/(max-min)+360)%360); |
---|
| 985 | } |
---|
| 986 | else if(max==color.g) |
---|
| 987 | { |
---|
| 988 | returned.h=Math.round((60*(color.b-color.r)/(max-min)+120)); |
---|
| 989 | } |
---|
| 990 | else if(max==color.b) |
---|
| 991 | { |
---|
| 992 | returned.h=Math.round((60*(color.r-color.g)/(max-min)+240)); |
---|
| 993 | } |
---|
| 994 | |
---|
| 995 | returned.s=Math.round(100*(max==0?0:1-min/max)); |
---|
| 996 | returned.v=Math.round(100*max); |
---|
| 997 | |
---|
| 998 | return(returned); |
---|
| 999 | }, |
---|
| 1000 | |
---|
| 1001 | /** |
---|
| 1002 | * convert an HSV object {h,s,v} to RGB object {r,g,b} |
---|
| 1003 | * @param Object color : {h,s,v} |
---|
| 1004 | * @return Object : {r,g,b} |
---|
| 1005 | */ |
---|
| 1006 | HSVtoRGB : function (color) |
---|
| 1007 | { |
---|
| 1008 | var h=Math.floor(Math.abs(color.h/60))%6, |
---|
| 1009 | f=color.h/60-h, |
---|
| 1010 | l=Math.round(2.55*color.v*(1-color.s/100)), |
---|
| 1011 | m=Math.round(2.55*color.v*(1-f*color.s/100)), |
---|
| 1012 | n=Math.round(2.55*color.v*(1-(1-f)*color.s/100)), |
---|
| 1013 | v=Math.round(2.55*color.v); |
---|
| 1014 | |
---|
| 1015 | switch(h) |
---|
| 1016 | { |
---|
| 1017 | case 0: |
---|
| 1018 | return({r:v, g:n, b:l}); |
---|
| 1019 | break; |
---|
| 1020 | case 1: |
---|
| 1021 | return({r:m, g:v, b:l}); |
---|
| 1022 | break; |
---|
| 1023 | case 2: |
---|
| 1024 | return({r:l, g:v, b:n}); |
---|
| 1025 | break; |
---|
| 1026 | case 3: |
---|
| 1027 | return({r:l, g:m, b:v}); |
---|
| 1028 | break; |
---|
| 1029 | case 4: |
---|
| 1030 | return({r:n, g:l, b:v}); |
---|
| 1031 | break; |
---|
| 1032 | case 5: |
---|
| 1033 | return({r:v, g:l, b:m}); |
---|
| 1034 | break; |
---|
| 1035 | } |
---|
| 1036 | return({r:0, g:0, b:0}); |
---|
| 1037 | } |
---|
| 1038 | }; |
---|
| 1039 | |
---|
| 1040 | |
---|
| 1041 | $.fn.inputColorPicker = function(method) |
---|
| 1042 | { |
---|
| 1043 | if(publicMethods[method]) |
---|
| 1044 | { |
---|
| 1045 | return publicMethods[method].apply( this, Array.prototype.slice.call( arguments, 1 )); |
---|
| 1046 | } |
---|
| 1047 | else if(typeof method === 'object' || ! method) |
---|
| 1048 | { |
---|
| 1049 | return publicMethods.init.apply(this, arguments); |
---|
| 1050 | } |
---|
| 1051 | else |
---|
| 1052 | { |
---|
| 1053 | $.error( 'Method ' + method + ' does not exist on jQuery.inputColorPicker' ); |
---|
| 1054 | } |
---|
| 1055 | } // $.fn.inputColorPicker |
---|
| 1056 | |
---|
| 1057 | } |
---|
| 1058 | )(jQuery); |
---|
| 1059 | |
---|
| 1060 | $.inputDialogColor = function(opt) |
---|
| 1061 | { |
---|
| 1062 | var options= |
---|
| 1063 | { |
---|
| 1064 | modal:true, |
---|
| 1065 | mode:2, |
---|
| 1066 | alpha:true, |
---|
| 1067 | colors: |
---|
| 1068 | { |
---|
| 1069 | fg:{ color:'#ffffff', opacity:1 }, |
---|
| 1070 | bg:{ color:'#000000', opacity:1 } |
---|
| 1071 | }, |
---|
| 1072 | title:'Colors selector', |
---|
| 1073 | texts:null, |
---|
| 1074 | buttons: |
---|
| 1075 | { |
---|
| 1076 | ok:'Ok', |
---|
| 1077 | cancel:'Cancel' |
---|
| 1078 | }, |
---|
| 1079 | selected:'fg', |
---|
| 1080 | change:null |
---|
| 1081 | }, |
---|
| 1082 | objects= |
---|
| 1083 | { |
---|
| 1084 | dialogBox:$('<div/>'), |
---|
| 1085 | colorPicker:$('<div/>', {'class':'dialogColor'} ) |
---|
| 1086 | }, |
---|
| 1087 | |
---|
| 1088 | setOptions = function (opt) |
---|
| 1089 | { |
---|
| 1090 | if(opt.modal==true || opt.modal==false) options.modal=opt.modal; |
---|
| 1091 | if(opt.mode==1 || opt.mode==2) options.mode=opt.mode; |
---|
| 1092 | if(opt.alpha==true || opt.alpha==false) options.alpha=opt.alpha; |
---|
| 1093 | if(opt.colors!=null) options.colors=opt.colors; |
---|
| 1094 | options.texts=opt.texts; |
---|
| 1095 | if(opt.selected=='fg' || opt.selected=='bg') options.selected=opt.selected; |
---|
| 1096 | if(opt.title) options.title=opt.title; |
---|
| 1097 | if(opt.buttons && opt.buttons.ok) options.buttons.ok=opt.buttons.ok; |
---|
| 1098 | if(opt.buttons && opt.buttons.cancel) options.buttons.cancel=opt.buttons.cancel; |
---|
| 1099 | if(opt.change && $.isFunction(opt.change)) options.change=opt.change; |
---|
| 1100 | }, |
---|
| 1101 | |
---|
| 1102 | initDialog = function () |
---|
| 1103 | { |
---|
| 1104 | var dialogOpt= |
---|
| 1105 | { |
---|
| 1106 | buttons:{}, |
---|
| 1107 | width:354, |
---|
| 1108 | closeText:'x', |
---|
| 1109 | dialogClass:'ui-inputDialogColor', |
---|
| 1110 | modal:options.modal, |
---|
| 1111 | resizable:false, |
---|
| 1112 | title:options.title, |
---|
| 1113 | open: null, |
---|
| 1114 | close: function () |
---|
| 1115 | { |
---|
| 1116 | objects.colorPicker.inputColorPicker('destroy').remove(); |
---|
| 1117 | $(this).dialog('destroy'); |
---|
| 1118 | } |
---|
| 1119 | }; |
---|
| 1120 | |
---|
| 1121 | if(options.modal) |
---|
| 1122 | { |
---|
| 1123 | dialogOpt.buttons= |
---|
| 1124 | { |
---|
| 1125 | 'ok' : function (event) |
---|
| 1126 | { |
---|
| 1127 | if(options.change) |
---|
| 1128 | { |
---|
| 1129 | if(options.mode==1) |
---|
| 1130 | { |
---|
| 1131 | options.change(event, objects.colorPicker.inputColorPicker('colors').fg ); |
---|
| 1132 | } |
---|
| 1133 | else |
---|
| 1134 | { |
---|
| 1135 | options.change(event, objects.colorPicker.inputColorPicker('colors') ); |
---|
| 1136 | } |
---|
| 1137 | } |
---|
| 1138 | $(this).dialog('close'); |
---|
| 1139 | }, |
---|
| 1140 | 'cancel' : function (event) |
---|
| 1141 | { |
---|
| 1142 | $(this).dialog('close'); |
---|
| 1143 | } |
---|
| 1144 | }; |
---|
| 1145 | dialogOpt.open= function () |
---|
| 1146 | { |
---|
| 1147 | objects.colorPicker |
---|
| 1148 | .inputColorPicker( |
---|
| 1149 | { |
---|
| 1150 | mode:options.mode, |
---|
| 1151 | alpha:options.alpha, |
---|
| 1152 | texts:options.texts, |
---|
| 1153 | colors:options.colors, |
---|
| 1154 | selected:options.selected |
---|
| 1155 | } |
---|
| 1156 | ); |
---|
| 1157 | }; |
---|
| 1158 | } |
---|
| 1159 | else |
---|
| 1160 | { |
---|
| 1161 | dialogOpt.open= function () |
---|
| 1162 | { |
---|
| 1163 | objects.colorPicker |
---|
| 1164 | .inputColorPicker( |
---|
| 1165 | { |
---|
| 1166 | mode:options.mode, |
---|
| 1167 | alpha:options.alpha, |
---|
| 1168 | texts:options.texts, |
---|
| 1169 | colors:options.colors, |
---|
| 1170 | change:options.change, |
---|
| 1171 | selected:options.selected |
---|
| 1172 | } |
---|
| 1173 | ); |
---|
| 1174 | }; |
---|
| 1175 | } |
---|
| 1176 | |
---|
| 1177 | objects.dialogBox |
---|
| 1178 | .append(objects.colorPicker) |
---|
| 1179 | .dialog(dialogOpt); |
---|
| 1180 | }; |
---|
| 1181 | |
---|
| 1182 | setOptions(opt); |
---|
| 1183 | initDialog(); |
---|
| 1184 | |
---|
| 1185 | } // $.fn.inputDialogColor |
---|
| 1186 | |
---|
| 1187 | |
---|