{"id":24755569,"url":"https://github.com/zefirka/jqueryselectorwheel","last_synced_at":"2026-05-03T13:35:37.052Z","repository":{"id":13587942,"uuid":"16280668","full_name":"zefirka/jquerySelectorWheel","owner":"zefirka","description":"Simple jQuery wheel selector plugin.","archived":false,"fork":false,"pushed_at":"2014-02-18T17:36:30.000Z","size":544,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-23T06:28:48.704Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://zefirka.github.io/jquerySelectorWheel","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"hlissner/.emacs.d","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zefirka.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-01-27T14:04:03.000Z","updated_at":"2014-02-21T10:52:41.000Z","dependencies_parsed_at":"2022-08-30T18:22:11.201Z","dependency_job_id":null,"html_url":"https://github.com/zefirka/jquerySelectorWheel","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/zefirka/jquerySelectorWheel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zefirka%2FjquerySelectorWheel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zefirka%2FjquerySelectorWheel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zefirka%2FjquerySelectorWheel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zefirka%2FjquerySelectorWheel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zefirka","download_url":"https://codeload.github.com/zefirka/jquerySelectorWheel/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zefirka%2FjquerySelectorWheel/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32571455,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-28T12:48:02.855Z","updated_at":"2026-05-03T13:35:37.037Z","avatar_url":"https://github.com/zefirka.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#jqSelectorWheel : jQuery Plugin#\n\njqSelectorWheel is a simple jQuery plugin which provides behavior of wheel symbol selector. \u003ca href=\"http://zefirka.github.io/jquerySelectorWheel\"\u003eHomepage\u003c/a\u003e\u003cbr\u003e\nPlugin uses \u003ca href=\"https://github.com/brandonaaron/jquery-mousewheel\"\u003ejquery-mousewheel\u003c/a\u003e\n\n##Usage##\nIncluding files into DOM:\u003cbr\u003e\n\u003cpre\u003e\n\t\u0026lt;script src=\"jquery.mousewheel.js\"\u0026gt;\u0026lt;/script\u0026gt;\n\t\u0026lt;script src=\"jquery.jqSelectorWheel.js\"\u0026gt;\u0026lt;/script\u0026gt;\n\t\u0026lt;link rel=\"stylesheet\" type=\"text/css\" href=\"jqSelectorWheel.css\"\u0026gt;\n\u003c/pre\u003e\nHow to attach plugin to element:\u003cbr\u003e\n\u003cpre\u003e\n\t\u0026lt;div id='myPrettyID' class='jqSelectorWheel' \n\t\t\t\t\t\t\tlength='4' \n\t\t\t\t\t\t\tvalueTo='8888' \n\t\t\t\t\t\t\tvalueFrom='0' \n\t\t\t\t\t\t\tvalue=\"666\u0026gt;\u0026lt;/div\u0026gt;\n\t\u0026lt;script\u0026gt; \n\t\tvar jqSelectorWheel = $(\"#myPrettyID\").jqSelectorWheel({\n\t\t\t//settings JSON\n\t\t});\n\t\u0026lt;/script\u0026gt;\t\n\u003c/pre\u003e\n\nAttributes \u003ccode\u003elength\u003c/code\u003e, \u003ccode\u003evalue\u003c/code\u003e, \u003ccode\u003evalueFrom\u003c/code\u003e, \u003ccode\u003evalueTo\u003c/code\u003e  is not required; You can set up these in settings json.\n\n**Settings JSON**\n\u003cpre\u003e\n|=============|=======================|===========================================|\n|  PROPERTY   |  STD VALUE            |      DESCRIPTION                          |\n|=============|=======================|===========================================| \n| value       | 'value' attr or 0     | Initial value of controller               |\n|-------------|-----------------------|-------------------------------------------|\n| valueLength | 'length' attr or 3    | Count of symbol cells                     |\n|-------------|-----------------------|-------------------------------------------|\n| valueFrom   | 'valueFrom' attr or 0 | Minimal value of controller               |\n|-------------|-----------------------|-------------------------------------------|\n| valueTo     | 'valueTo' attr or 999 | Maximal value of controller               |\n|-------------|-----------------------|-------------------------------------------|\n| changeSign  | false                 | Make value sign opposite by click or not  |\n|-------------|-----------------------|-------------------------------------------|\n| sensetivity | 1                     | Value from 0 to 1. Multiplied by scroll   |\n|-------------|-----------------------|-------------------------------------------|\n| scrollBlock | true                  | Prevents event for scroll window          |\n|-------------|-----------------------|-------------------------------------------|\n| eachSymbol  | true                  | Make every symbol change independently    |\n|-------------|-----------------------|-------------------------------------------|\n\u003c/pre\u003e\n\n**Hidden input**\nIf you want use hidden input to collect value of wheel selector control - switch hiddenInput.enabled value to true and set up hiddenInput.id and hiddenInput.name for your input. Value of input will update automaticaly. \n\u003cpre\u003e\n|-------------|-----------------------|-------------------------------------------|\n| hiddenInput | Object{}              | Hidden input to collect values            |\n|-------------|-----------------------|-------------------------------------------|\n| * enabled   | false                 | Enable hidden input or not                |\n|-------------|-----------------------|-------------------------------------------|\n| * id        | undefined             | 'ID' attribute of hidden input            |\n|-------------|-----------------------|-------------------------------------------|\n| * name      | undefined             | 'name' attribute of hidden input          |\n|-------------|-----------------------|-------------------------------------------|\n\u003c/pre\u003e\n\n**Custom alphabet**\nTo customize alphabet and symbol order use next two properties in **settings.json**:\n\n1. \u003ccode\u003etype\u003c/code\u003e  - Sets value's datatype. By default type is \u003ccode\u003e'int-10'\u003c/code\u003e (it means that value's datatype is integer and last 2 digit says about value's base - 10 is decimal, 16 is hexadecimal etc). You can use all 2 digital bases from 02 (binar) to 36 (0-9a-z). Also you can use type \u003ccode\u003e'string'\u003c/code\u003e. If you use string value type that means that you can't switch option \u003ccode\u003eeachSymbol\u003c/code\u003e to false. And you must set up your custom alphabet for string type.\n2. \u003ccode\u003ealphabet\u003c/code\u003e - Sets order and symbols for alphabet. For example for 'int-16' type, alphabet is '0132456789abcdef'. For integer types alphabet calculates automaticaly. For string type - alphabet sets up by designer. Example: \u003ccode\u003ealphabet:\"abc\"\u003c/code\u003e means that user can turn wheel between 3 values \"a\", \"b\", \"c\".\n\n**Listening for events**\n\n1. wheel\n2. mousewheel\n3. DOMMouseScroll\n4. MozMousePixelScroll\n\n1 per 40 px scroll.\n\n##Lightweight version##\nThere is available light weight version of plugin 2.5 KB - minimized, that equivalent for regular version of plugin with options : \u003ccode\u003eeachSymbol: true\u003c/code\u003e, \u003ccode\u003etype: 'int-10'\u003c/code\u003e, \u003ccode\u003echangeSign: false\u003c/code\u003e, \u003ccode\u003escrollBlock: true \u003c/code\u003e. This version is in directory \u003ccode\u003elightweight-version\u003c/code\u003e\u003cbr\u003e \n\n##Version with included jquery.MouseWheel##\nVersion where jquery.mousewheel has already included is in directory \u003ccode\u003emousewheel-version\u003c/code\u003e. In this version you have no need to include jquery.mousewheel plugin into you HTML file.\n\n##Development##\nbower files unpacking into bower_components directory; Dependencies is: **jQuery** and **jQuery.mousecheel**.\n\n1. Installing components with **bower** for development: \u003ccode\u003ebower instal\u003c/code\u003e \u003cbr\u003e\n2. Updating css with **LESSC**: \u003ccode\u003elessc dev/main.less \u0026gt; jqSelectorWheel.css\u003c/code\u003e\u003cbr\u003e\n3. Updating minified versions : \u003ccode\u003esh update.sh\u003c/code\u003e\n4. Including plugins and packages: \u003ccode\u003e\u0026lt;script src=\"/bower_components/jquery/index.js\"\u0026gt;\u003c/script\u003e\u003c/code\u003e\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzefirka%2Fjqueryselectorwheel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzefirka%2Fjqueryselectorwheel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzefirka%2Fjqueryselectorwheel/lists"}