Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
java-script:jquery:plugins [2017/12/29 03:46] – [Просмотр в окне / Lightbox] mirocowjava-script:jquery:plugins [2019/10/14 22:24] (текущий) – [Редакторы] mirocow
Строка 3: Строка 3:
 ====== JQuery plugins / Плагины (Bootstrap) ====== ====== JQuery plugins / Плагины (Bootstrap) ======
  
-  * [[:bootstrap|Bootstrap]]+  * [[develop:bootstrap|Bootstrap]]
   * http://jquery-plugins.net   * http://jquery-plugins.net
 ====== Cookie ====== ====== Cookie ======
Строка 21: Строка 21:
   * 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/ 
  
 ======= Визульное отображение / Виджеты ======= ======= Визульное отображение / Виджеты =======
Строка 54: Строка 47:
   * 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 =====
  
Строка 74: Строка 84:
 ===== Комбобокс / Селекторы / 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
Строка 85: Строка 96:
   * 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 ====
Строка 109: Строка 132:
   * 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]]
  
 ===== Переключатели ===== ===== Переключатели =====
Строка 142: Строка 167:
   * 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 =====
  
Строка 153: Строка 178:
   * http://www.leecarmichael.com/bootstrapx-clickover/examples.html   * http://www.leecarmichael.com/bootstrapx-clickover/examples.html
  
-====== Модальные окна ====== 
- 
-  * http://dev.iceburg.net/jquery/jqModal/ 
-  * http://rubaxa.github.io/Ply/ :!: 
-  * http://foundation.zurb.com/docs/components/reveal.html 
-  * https://github.com/jschr/bootstrap-modal 
-  * https://github.com/makeusabrew/bootbox (интересная реализация) 
-  * https://github.com/eternicode/bootstrap-bigmodal 
-  * https://github.com/nakupanda/bootstrap3-dialog 
-  * https://github.com/makeusabrew/bootbox [[http://bootboxjs.com/|DEMO]] <fc #FF0000>*</fc> 
-  * http://jschr.github.io/bootstrap-modal/ [[http://jschr.github.io/bootstrap-modal/|DEMO]] 
-  * http://tristanedwards.me/sweetalert * 
  
  
Строка 174: Строка 187:
   * 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 ======
Строка 217: Строка 222:
 ===== 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 ====
Строка 232: Строка 249:
 ====== Просмотр в окне / Lightbox ====== ====== Просмотр в окне / Lightbox ======
  
-  * http://fancybox.net/ +  * http://fancybox.net/ [[http://fancybox.net/|DEMO]] 
-  * https://github.com/jbutz/bootstrap-lightbox +  * https://github.com/jbutz/bootstrap-lightbox [[http://jbutz.github.io/bootstrap-lightbox/#demo|DEMO]] 
-  * http://www.jacklmoore.com/colorbox/+  * http://www.jacklmoore.com/colorbox/ [[http://www.jacklmoore.com/colorbox/example1/|DEMO]] 
 +  * http://codylindley.com/thickbox/ [[http://codylindley.com/thickbox/|DEMO]] 
 +  * https://noelboss.github.io/featherlight/ 
 +  * http://photoswipe.com/ :!: 
 +  * http://ilightbox.net/ [[http://ilightbox.net/#advanced_mixed|DEMO]] 
 +  * http://ashleydw.github.io/lightbox/ [[http://ashleydw.github.io/lightbox/#single-image|DEMO]] :!: 
 +  * http://ionicabizau.github.io/mini-lightbox/ 
 +  * http://cornel.bopp-art.com/lightcase/ :!: [[http://cornel.bopp-art.com/lightcase/#demo|DEMO]] 
 +  * http://lightlayer.martinmetodiev.com/ 
 +  * http://sachinchoolur.github.io/lightGallery/ 
 +  * http://terrymun.github.io/Fluidbox/demo/index.html :!: [[http://terrymun.github.io/Fluidbox/demo/index.html#content |DEMO]] 
 +  * http://dimsemenov.com/plugins/magnific-popup/ 
 +  * http://feimosi.github.io/baguetteBox.js/ 
 +  * http://lokeshdhakar.com/projects/lightbox2/ 
 +  * http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto 
 +  * http://projects.nickstakenburg.com/lightview 
 +  * 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/ 
 + 
 +===== Модальные окна ===== 
 + 
 +  * http://jquery.iceburg.net/jqModal/ 
 +  * http://rubaxa.github.io/Ply/ :!: 
 +  * http://foundation.zurb.com/docs/components/reveal.html 
 +  * https://github.com/jschr/bootstrap-modal 
 +  * https://github.com/eternicode/bootstrap-bigmodal 
 +  * https://github.com/nakupanda/bootstrap3-dialog 
 +  * https://github.com/makeusabrew/bootbox [[http://bootboxjs.com/|DEMO]] :!: 
 +  * http://jschr.github.io/bootstrap-modal/ [[http://jschr.github.io/bootstrap-modal/|DEMO]] 
 +  * https://sweetalert.js.org/ :!: 
 +  * https://www.jqueryscript.net/demo/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog/examples/ 
 +  * https://www.jqueryscript.net/demo/Responsive-Flexible-jQuery-Lightbox-Plugin-Nivo-Lightbox/ 
 +  * https://www.jqueryscript.net/demo/jQuery-Plugin-For-Full-Featured-Overlayed-Windows-containerPlus/ 
 +  * https://www.jqueryscript.net/demo/Responsive-Customizable-jQuery-Modal-Window-Plugin-Helium-Modal/ 
 +  * 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/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 ===== 
 + 
 +  * https://www.jqueryscript.net/demo/jQuery-Multi-Purpose-Popup-Modal-Plugin-popModal/
  
 ===== Галерея / Gallery ===== ===== Галерея / Gallery =====
Строка 241: Строка 303:
   * https://github.com/blueimp/Bootstrap-Image-Gallery [[http://blueimp.github.io/Bootstrap-Image-Gallery/|DEMO]]   * https://github.com/blueimp/Bootstrap-Image-Gallery [[http://blueimp.github.io/Bootstrap-Image-Gallery/|DEMO]]
   * 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/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 ====
  
Строка 255: Строка 332:
  
   * 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
Строка 267: Строка 345:
   * **https://github.com/DataTables/DataTables**   * **https://github.com/DataTables/DataTables**
  
-==== Control input length ====+==== Input controls ==== 
 + 
 +=== Masks === 
 + 
 +  * 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+  * https://github.com/mimo84/bootstrap-maxlength
  
-==== Validation ====+==== Validate ====
  
   * https://github.com/ReactiveRaven/jqBootstrapValidation   * https://github.com/ReactiveRaven/jqBootstrapValidation
 +  * https://github.com/Corollarium/validarium
  
 ==== Form Builder ==== ==== Form Builder ====
Строка 310: Строка 402:
   * 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 ====
  
Строка 330: Строка 425:
 ==== 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 ====