Loading...

Search jQuery

Search

jQuery Forum

Screen name:
SLSCoder

SLSCoder's Profile

2 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Spectrum Color Picker Change event
[3Replies]
- 03-Jun-2021 03:30 PM
- Forum: Using jQuery Plugins
I'm trying to use the spectrum color picker 2.
When I load the page I can click anywhere on the page outside the color picker and the color picker's change event fires. What's more it throws an error when I try to use color.toHexString() because the color is null.

This happens even if I haven't clicked the color picker at all.

I have the option: clickoutFiresChange set to false.

If I can't fix this I can't use this color picker.
How can I make it stop firing the change event every time I click anywhere on the page?

CDN:
https://cdn.jsdelivr.net/npm/spectrum-colorpicker2/dist/spectrum.min.js
1. $(clrpkrAcntClr).spectrum({
          type: "flat",
          flat: true,
          showInput: true,
          preferredFormat: "hex",
          showPalette: false,
          allowEmpty: true,
          showAlpha: false,
          clickoutFiresChange: false,
          change: function(color) {
              var prmColor;
              try {
              prmColor = color.toHexString(); // #ff0000
              }
              catch(err) {
              console.log(err);
              return false;
              }
              frmEmailTmpl.accentColor.value = prmColor;
              console.log("Color: " + frmEmailTmpl.accentColor.value);
  
          }
          });

Make 6 divs look like grid but with 2 ways to scroll??
[0Replies]
- 04-Aug-2017 02:44 PM
- Forum: Using jQuery
This is really more than a JQuery problem and any help would be greatly appreciated.
I've created a .JSFiddle of my problem.

I've got a grid cut up into 6 div tags.
Top1             |       Top2
Mid1             |       Mid2            <-scrolls vertically
Bottom1       |       Bottom2      <- scrolls horizontally

Mid2 and Bottom2 are set in css to scroll-y & scroll-x respectively. the rest are set to hidden.
When Mid2 scrolls (vertically) I need Mid1 to scroll with it but leave Top1, Top2, Bottom1 and Bottom2 frozen.
When Bottom2 scrolls (horizontally), I need Top2 and Mid2 to scroll with it but leave Top1, Mid1 and Bottom1 frozen.

I've tried various methods & have JQuery code in the example.
So far, I can't make it work.
HELP??

I need it to work in:
IE 11+
Edge
FireFox
Chrome
Opera
Safari

«Prev
Next »