Coder Social home page Coder Social logo

thecreation / jquery-ascolorpicker Goto Github PK

View Code? Open in Web Editor NEW
19.0 19.0 17.0 1.31 MB

ColorInput is a jQuery plugin used to show color picker for a input field.

License: GNU Lesser General Public License v3.0

CSS 7.69% JavaScript 92.31%
color-picker form-input jquery-plugin

jquery-ascolorpicker's People

Contributors

iejerry avatar joeylin avatar kaptinlin avatar leoylin avatar mybestfriend avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

jquery-ascolorpicker's Issues

html issue

input which type=color can't work normally in IE and firefox

Radial?

Hello,

Is there a way to switch from linear to radial gradients? It would make this plugin more complete.

Is there a way to limit number of markers?

Checklist

  • I'm using version [0.4.4]
  • My browser is: Google Chrome 87.0.4280.88

Description

Wonderful plugin!
But I have a question: I cannot find if there is a way to limit the number of markers to add.
I should need to set only 2 markers

How can we reproduce this bug?

my code

var picker = $("#backgroundGradient");
picker.asColorPicker({
    mode:'gradient',
    hideInput:false,
});
picker.asColorPicker('val', "linear-gradient(to top right, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%)");

keyboard navigate issue

when keyboard navigate to the boundary of element, it can't go back immediately, but the handle it still on the boudary, it looks like going out ,and come back.

d is not a constructor

I'm using v0.3.1
While initializing asColorPicker in iframe i am getting this issue

d is not a constructor

Any idea how can I fix this issue

Localisation for gradientText

Hi,

great script at first :-)

Could you add the localisation for the gradient-text - that will make the localisation complete!

Thanks!

Issue with Gradient Markes and HEX Input

Checklist

  • I'm using version [0.4.3]
  • My browser is: Firefox latest

Description

There seems to be a bug with the gradient markers and the HEX input field.

How can we reproduce this bug?

  1. [Add a Gradient]
  2. [Click on a Gradient Marker]
  3. [Click in the HEX Input Field (below saturation field) and add a custom color (copy and paste does not work) or manually]

What did you expect to happen?

This should update the gradient marker and the gradient color string.

What happened instead?

It removes the gradient string from the picker and only adds the single color.

mousemove event issue

when the text in the page is selected, pick the color and then the mousemove event failed to unbind, the picker is still moving with mouse after mouse up

Set color not working with gradient

Checklist

  • I'm using version [0.4.3]
  • My browser is: Google Chrome 63.0.3239.132 (64 bits)

Description

Trying to set a gradient value with the API is not working. It looks that this is a bug or actually there is no explicit way to achieve this. Anyone with same problem / workaround?

The picker is in 'gradient' mode.

How can we reproduce this bug?

  1. Try to set a gradient value.
    $().asColorPicker('val', 'linear-gradient(to top, rgb(126, 13, 192) 0%, rgb(48, 8, 8) 100%)');

What did you expect to happen?

Gradient should be set in the input and in the trigger just as when a flat color is set.

What happened instead?

The input becomes empty and the trigger loads flat white color no matter what gradient colors were used.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.