Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия |
java-script:jquery:plugins [2017/12/30 01:30] – [Модальные окна] mirocow | java-script:jquery:plugins [2019/10/14 22:24] (текущий) – [Редакторы] mirocow |
---|
====== JQuery plugins / Плагины (Bootstrap) ====== | ====== JQuery plugins / Плагины (Bootstrap) ====== |
| |
* [[:bootstrap|Bootstrap]] | * [[develop:bootstrap|Bootstrap]] |
* http://jquery-plugins.net | * http://jquery-plugins.net |
====== Cookie ====== | ====== Cookie ====== |
* http://veselov.sumy.ua/ | * http://veselov.sumy.ua/ |
| |
====== Редакторы ====== | |
| |
* http://aloha-editor.org/ | |
* http://imperavi.com/redactor/ | |
* http://ckeditor.com/ | |
* http://kunstmaan.github.io/BootstrapCK-Skin/ | |
* https://github.com/mindmup/bootstrap-wysiwyg/ | |
| |
======= Визульное отображение / Виджеты ======= | ======= Визульное отображение / Виджеты ======= |
* http://bootswatch.com/cosmo/ | * http://bootswatch.com/cosmo/ |
* http://alloyui.com/examples/color-picker/ | * http://alloyui.com/examples/color-picker/ |
| |
| ====== Редакторы ====== |
| |
| * http://aloha-editor.org |
| * http://imperavi.com/redactor :!: |
| * http://ckeditor.com :!: |
| * http://kunstmaan.github.io/BootstrapCK-Skin |
| * https://ckeditor.com/ckeditor-4/demo |
| * https://ckeditor.com/ckeditor-5/demo |
| * https://github.com/mindmup/bootstrap-wysiwyg |
| * https://www.froala.com/wysiwyg-editor :!: |
| * https://summernote.org |
| * https://quilljs.com |
| * https://xdsoft.net/jodit :!: |
| * https://alex-d.github.io/Trumbowyg |
| |
====== Работа с контентом ====== | ====== Работа с контентом ====== |
| |
* [[jquery:pjax|Pjax]] | * [[jquery:pjax|Pjax]] |
| * http://gregfranko.com/jquery.tocify.js/ |
| * http://labs.mintchaos.com/flippant.js/ |
| * https://github.com/neokoenig/jQuery-gridmanager/ |
===== Themes ===== | ===== Themes ===== |
| |
===== Комбобокс / Селекторы / Listbox ===== | ===== Комбобокс / Селекторы / Listbox ===== |
| |
| * https://github.com/ivaynberg/select2 :!: |
| * https://github.com/selectize/selectize.js ([[http://selectize.github.io/selectize.js/|DEMO]], [[https://github.com/selectize/selectize.js/tree/master/examples|EXAMPLES]]) :!: |
* https://github.com/silviomoreto/bootstrap-select | * https://github.com/silviomoreto/bootstrap-select |
* https://github.com/davidstutz/bootstrap-multiselect | * https://github.com/davidstutz/bootstrap-multiselect :!: |
* https://github.com/danielfarrell/bootstrap-combobox | * https://github.com/danielfarrell/bootstrap-combobox |
* https://github.com/ivaynberg/select2 (Предпочтителен) | |
* https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox | * https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox |
* https://github.com/rroppolo/bootstrap-multisuggestplugin | * https://github.com/rroppolo/bootstrap-multisuggestplugin |
* http://davidstutz.github.io/bootstrap-multiselect/ - Bootstrap Multiselect | * http://davidstutz.github.io/bootstrap-multiselect/ - Bootstrap Multiselect |
* http://brianreavis.github.io/selectize.js/ | * http://brianreavis.github.io/selectize.js/ |
* https://github.com/davidstutz/bootstrap-multiselect | |
* https://silviomoreto.github.io/bootstrap-select/ | * https://silviomoreto.github.io/bootstrap-select/ |
| * https://github.com/silviomoreto/bootstrap-select [[http://silviomoreto.github.io/bootstrap-select/examples/|DEMO]] |
| * https://hernansartorio.com/jquery-nice-select/ |
| * https://github.com/lcdsantos/jQuery-Selectric - [[http://selectric.js.org/demo.html|DEMO]] |
| * https://github.com/lou/multi-select/ - [[http://loudev.com/#demos|DEMO]] |
| * https://github.com/nbuytaert1/apex-select2 - [[https://apex.oracle.com/pls/apex/f?p=64237:20:::NO:20::|DEMO]] |
| * https://github.com/gfranko/jquery.selectBoxIt.js - [[http://gregfranko.com/jquery.selectBoxIt.js/#Examples|DEMO]] |
| * https://github.com/select2/select2-bootstrap-theme - [[https://select2.github.io/select2-bootstrap-theme/4.0.3.html|DEMO]] |
| * https://github.com/jshjohnson/Choices - [[https://joshuajohnson.co.uk/Choices/|DEMO]] |
| * https://github.com/monterail/vuelidate - [[https://vue-multiselect.js.org/#sub-single-select|DEMO]] |
| |
| ===== Мультиселект ===== |
| |
| * https://github.com/lou/multi-select - loudev |
| |
==== DropDown ==== | ==== DropDown ==== |
* https://github.com/nanlabs/taggable-typeahead [[http://nan-labs.com/taggable-typeahead/|DEMO]] | * https://github.com/nanlabs/taggable-typeahead [[http://nan-labs.com/taggable-typeahead/|DEMO]] |
* https://github.com/max-favilli/tagmanager [[http://welldonethings.com/tags/manager/v3|DEMO]] | * https://github.com/max-favilli/tagmanager [[http://welldonethings.com/tags/manager/v3|DEMO]] |
| * https://github.com/sliptree/bootstrap-tokenfield [[http://sliptree.github.io/bootstrap-tokenfield/#examples|DEMO]] |
| * https://github.com/Pixabay/jQuery-tagEditor [[https://goodies.pixabay.com/jquery/tag-editor/demo.html|DEMO]] |
| |
===== Переключатели ===== | ===== Переключатели ===== |
* https://github.com/sydcanem/bootstrap-contextmenu | * https://github.com/sydcanem/bootstrap-contextmenu |
* https://github.com/tdziurko/wicket-bootstrap-navbar | * https://github.com/tdziurko/wicket-bootstrap-navbar |
| * http://www.webdesignrazzi.com/2014/jquery-menus-plugins/2 |
http://www.webdesignrazzi.com/2014/jquery-menus-plugins/2/ | * http://geedmo.github.io/yamm/ |
===== Mobile ===== | ===== Mobile ===== |
| |
* https://github.com/malsup/blockui/ - или всплывающее окно (пожайлуста подождите) или блокировка выбранного node | * https://github.com/malsup/blockui/ - или всплывающее окно (пожайлуста подождите) или блокировка выбранного node |
| |
====== Слайдеры ====== | |
| |
* http://refreshless.com/nouislider/ - не плохой | |
* http://jqueryui.com/demos/slider/ - конечно UI. | |
* http://ghusse.github.com/jQRangeSlider/stable/demo/ | |
* http://egorkhmelev.github.com/jslider/ | |
* http://ionden.com/a/plugins/ion.rangeSlider/ | |
* http://ghusse.github.io/jQRangeSlider/technicalDemo.html | |
| |
====== Template ====== | ====== Template ====== |
===== Notify ===== | ===== Notify ===== |
| |
* https://github.com/goodybag/bootstrap-notify | * https://github.com/CodeSeven/toastr [[http://codeseven.github.io/toastr/demo.html|DEMO]] :!: |
* **http://pinesframework.org/pnotify** [[http://sciactive.com/pnotify/|DEMO]] * | * http://pinesframework.org/pnotify [[http://sciactive.com/pnotify/|DEMO]] :!: |
| * https://github.com/mouse0270/bootstrap-notify [[http://bootstrap-notify.remabledesigns.com/|DEMO]] :!: |
* https://github.com/Nijikokun/bootstrap-notify | * https://github.com/Nijikokun/bootstrap-notify |
* https://github.com/jpillora/notifyjs [[http://notifyjs.com/|DEMO]] | * https://github.com/jpillora/notifyjs [[http://notifyjs.com/|DEMO]] |
* https://github.com/goodybag/bootstrap-notify [[http://goodybag.github.io/bootstrap-notify/|DEMO]] | * https://github.com/goodybag/bootstrap-notify [[http://goodybag.github.io/bootstrap-notify/|DEMO]] |
* http://goodybag.github.io/bootstrap-notify/ | |
* https://github.com/goodybag/bootstrap-notify | |
* https://github.com/cnlevy/jNotify | * https://github.com/cnlevy/jNotify |
| * https://ned.im/noty/ |
| * https://notifyjs.com/ :!: |
| * http://akquinet.github.io/jquery-toastmessage-plugin/ |
| * https://taitems.github.io/iOS-Overlay/ |
| * http://roshiro.github.io/TitleNotifier.js/ |
| * https://ifightcrime.github.io/bootstrap-growl/ |
| * http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery |
| * http://naoxink.hol.es/notifIt/ |
| * http://amaranjs.com/ |
| * https://github.com/pontikis/jui_alert/ |
| * https://fabien-d.github.io/alertify.js/ |
| * https://github.com/needim/noty [[https://ned.im/noty/#/|DEMO]] |
| * http://jhuet.github.io/jquery-jnotify/ |
| |
==== growl ==== | ==== growl ==== |
* http://projects.nickstakenburg.com/lightview | * http://projects.nickstakenburg.com/lightview |
* http://www.digitalia.be/software/slimbox2/#demo | * http://www.digitalia.be/software/slimbox2/#demo |
| * https://www.jqueryscript.net/demo/Quick-Simple-LightBox-Plugin-Boxer/demo/ |
| * https://jqueryhouse.com/jquery-lightbox-plugins/ |
| * http://jslightbox.felixhagspiel.de/ |
| |
===== Модальные окна ===== | ===== Модальные окна ===== |
* https://www.jqueryscript.net/demo/Responsive-jQuery-Modal-Window-Plugin-with-CSS3-Transitions-Custombox/ :!: | * https://www.jqueryscript.net/demo/Responsive-jQuery-Modal-Window-Plugin-with-CSS3-Transitions-Custombox/ :!: |
* https://www.jqueryscript.net/lightbox/Modal-Boxes-Popups-Plugin-Avgrund-Modal.html | * https://www.jqueryscript.net/lightbox/Modal-Boxes-Popups-Plugin-Avgrund-Modal.html |
* | * https://www.jqueryscript.net/lightbox/Animated-Responsive-Modal-Window-with-jQuery-CSS3-Expose-Modal.html |
| * https://www.jqueryscript.net/lightbox/Minimal-Responsive-jQuery-Modal-Window-Plugin-Pop-Up-Window.html |
| * https://www.jqueryscript.net/other/Stylish-jQuery-Notification-Alert-Plugin-Smart-Alert.html |
| |
===== Popup ===== | ===== Popup ===== |
* http://blueimp.github.io/Bootstrap-Image-Gallery/ | * http://blueimp.github.io/Bootstrap-Image-Gallery/ |
* https://www.jqueryscript.net/demo/Responsive-Touch-Friendly-jQuery-Image-Video-Gallery-Plugin/ | * https://www.jqueryscript.net/demo/Responsive-Touch-Friendly-jQuery-Image-Video-Gallery-Plugin/ |
| * https://www.jqueryscript.net/demo/Creating-A-Image-Viewer-with-Descriptions-Like-Facebook-jQuery-FBPhotoBox/ |
| * https://www.jqueryscript.net/lightbox/Lightweight-Responsive-jQuery-CSS3-Modal-Plugin-LiteBox.html |
| * https://github.com/felixhagspiel/jsOnlyLightbox |
| * http://dimsemenov.com/plugins/magnific-popup/ |
| |
| ===== Слайдеры ===== |
| |
| * https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html :!: |
| * http://refreshless.com/nouislider/ :!: - не плохой |
| * http://jqueryui.com/demos/slider/ - конечно UI. |
| * http://ghusse.github.com/jQRangeSlider/stable/demo/ :!: |
| * http://egorkhmelev.github.com/jslider/ |
| * http://ionden.com/a/plugins/ion.rangeSlider/ |
| * http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/ |
| * http://kenwheeler.github.io/slick/ |
==== Lazy images ==== | ==== Lazy images ==== |
| |
| |
* https://github.com/montrezorro/bootstrap-checkbox | * https://github.com/montrezorro/bootstrap-checkbox |
| * https://github.com/abpetkov/switchery [[http://abpetkov.github.io/switchery/|DEMO]] |
| |
==== Editables / Tables / Sortable ==== | ==== Editables / Tables / Sortable ==== |
| |
* https://github.com/vitalets/x-editable | * https://github.com/vitalets/x-editable [[http://vitalets.github.io/x-editable/|DEMO]] |
* https://github.com/vitalets/bootstrap-editable [[http://vitalets.github.io/bootstrap-editable/|DEMO]] | * https://github.com/vitalets/bootstrap-editable [[http://vitalets.github.io/bootstrap-editable/|DEMO]] |
* https://github.com/drvic10k/bootstrap-sortable | * https://github.com/drvic10k/bootstrap-sortable |
* **https://github.com/DataTables/DataTables** | * **https://github.com/DataTables/DataTables** |
| |
==== Control input length ==== | ==== Input controls ==== |
| |
* https://github.com/mimo84 | === Masks === |
| |
==== Validation ==== | * https://github.com/igorescobar/jQuery-Mask-Plugin [[http://igorescobar.github.io/jQuery-Mask-Plugin/|DEMO]], [[http://igorescobar.github.io/jQuery-Mask-Plugin/docs.html|DOCS]] |
| * https://github.com/RobinHerbots/Inputmask [[http://robinherbots.github.io/Inputmask/|DEMO]] |
| * https://github.com/digitalBush/jquery.maskedinput [[http://digitalbush.com/projects/masked-input-plugin/|DEMO]] |
| * http://plentz.github.io/jquery-maskmoney/ |
| * http://www.decorplanit.com/plugin/ |
| * https://github.com/customd/jquery-number [[http://opensource.teamdf.com/number/examples/demo-as-you-type.html|DEMO]] |
| * http://andr-04.github.io/inputmask-multi/ru.html |
| * https://github.com/wbruno/jquery.maskx |
| |
| === Control input length === |
| |
| * https://github.com/mimo84/bootstrap-maxlength |
| |
| ==== Validate ==== |
| |
* https://github.com/ReactiveRaven/jqBootstrapValidation | * https://github.com/ReactiveRaven/jqBootstrapValidation |
| * https://github.com/Corollarium/validarium |
| |
==== Form Builder ==== | ==== Form Builder ==== |
* https://github.com/brianreavis/selectize.js [[http://brianreavis.github.io/selectize.js/|DEMO]] | * https://github.com/brianreavis/selectize.js [[http://brianreavis.github.io/selectize.js/|DEMO]] |
| |
| ==== Auto submit ==== |
| |
| * https://github.com/simsalabim/sisyphus - [[http://sisyphus-js.herokuapp.com/|DEMO]] |
==== Wizard ==== | ==== Wizard ==== |
| |
==== File Input ==== | ==== File Input ==== |
| |
* https://github.com/grevory/bootstrap-file-input | * https://github.com/grevory/bootstrap-file-input :!: |
* https://github.com/markusslima/bootstrap-filestyle/ [[http://dev.tudosobreweb.com.br/bootstrap-filestyle/|DEMO]] | * https://github.com/markusslima/bootstrap-filestyle/ [[http://dev.tudosobreweb.com.br/bootstrap-filestyle/|DEMO]] |
* http://gregpike.net/demos/bootstrap-file-input/demo.html | * http://gregpike.net/demos/bootstrap-file-input/demo.html |
* https://github.com/jasny/bootstrap/ [[http://jasny.github.io/bootstrap/javascript/#fileinput|DEMO]] | * https://github.com/jasny/bootstrap/ [[http://jasny.github.io/bootstrap/javascript/#fileinput|DEMO]] |
* https://github.com/RubaXa/jquery.fileapi | * https://github.com/RubaXa/jquery.fileapi |
| * |
| |
==== Tree view ==== | ==== Tree view ==== |