Adds change event trigger for ColorPicker if color is updated

If you want to use the color picker to select a color for an element that is currently visible, it might be nice to update the color of the element "live", i.e. each time the user updates the selected color, the element gets the new color. Currently, there is no way to detect when the user has changed the selected color. Now, they can simply listen to the `change` event of the input field.

diff --git a/wcfsetup/install/files/js/WCF.ColorPicker.js b/wcfsetup/install/files/js/WCF.ColorPicker.js
index 5a6808025702bce424aed414848fc0a887a75f2a..e9134ecb40f2c54678dbfa9223f039807f3a4b83 100644 (file)
--- a/wcfsetup/install/files/js/WCF.ColorPicker.js
+++ b/wcfsetup/install/files/js/WCF.ColorPicker.js
@@ -267,7 +267,7 @@ WCF.ColorPicker = Class.extend({
                        g: this._rgba.g.val(),
                        b: this._rgba.b.val()
                });
-               $('#' + $element.data('store')).val('rgba(' + this._rgba.r.val() + ', ' + this._rgba.g.val() + ', ' + this._rgba.b.val() + ', ' + (this._rgba.a.val() / 100) + ')');
+               $('#' + $element.data('store')).val('rgba(' + this._rgba.r.val() + ', ' + this._rgba.g.val() + ', ' + this._rgba.b.val() + ', ' + (this._rgba.a.val() / 100) + ')').trigger('change');
                
                this._dialog.wcfDialog('close');
        },