mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-04-19 20:09:14 +03:00
Remove broken jquery-ui
This commit is contained in:
Mark Schouten
parent
39aa35f2aa
commit
d3488a963e
718 changed files with 10 additions and 518340 deletions
20
index.php
20
index.php
|
|
@ -33,21 +33,21 @@ if (is_logged_in() and isset($_POST['formname']) and $_POST['formname'] === "cha
|
|||
<html>
|
||||
<head>
|
||||
<title>NSEdit!</title>
|
||||
<link href="jquery-ui/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="jquery-ui/themes/base/all.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="jtable/lib/themes/metro/blue/jtable.min.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="css/base.css" rel="stylesheet" type="text/css"/>
|
||||
<?php if ($menutype === 'horizontal') { ?>
|
||||
<link href="css/horizontal-menu.css" rel="stylesheet" type="text/css"/>
|
||||
<?php } ?>
|
||||
<script src="jquery-ui/jquery-1.10.2.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery.ui.core.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery.ui.widget.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery.ui.mouse.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery.ui.draggable.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery.ui.position.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery.ui.button.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery.ui.resizable.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery.ui.dialog.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/jquery-1-7.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/core.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/widget.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/mouse.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/draggable.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/position.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/button.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/resizable.js" type="text/javascript"></script>
|
||||
<script src="jquery-ui/ui/dialog.js" type="text/javascript"></script>
|
||||
<script src="jtable/lib/jquery.jtable.min.js" type="text/javascript"></script>
|
||||
<script src="js/addclear/addclear.js" type="text/javascript"></script>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,12 +0,0 @@
|
|||
{
|
||||
"adjoining-classes": false,
|
||||
"box-model": false,
|
||||
"box-sizing": false,
|
||||
"compatible-vendor-prefixes": false,
|
||||
"duplicate-background-images": false,
|
||||
"import": false,
|
||||
"important": false,
|
||||
"outline-none": false,
|
||||
"overqualified-elements": false,
|
||||
"text-indent": false
|
||||
}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
# This file is for unifying the coding style for different editors and IDEs
|
||||
# editorconfig.org
|
||||
|
||||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = tab
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
[external/**]
|
||||
trim_trailing_whitespace = false
|
||||
insert_final_newline = varies
|
||||
end_of_line = varies
|
||||
5
jquery-ui/.gitattributes
vendored
5
jquery-ui/.gitattributes
vendored
|
|
@ -1,5 +0,0 @@
|
|||
# Auto detect text files and perform LF normalization
|
||||
* text=auto
|
||||
|
||||
# JS files must always use LF for tools to work
|
||||
*.js eol=lf
|
||||
4
jquery-ui/.gitignore
vendored
4
jquery-ui/.gitignore
vendored
|
|
@ -1,4 +0,0 @@
|
|||
dist
|
||||
bower_components
|
||||
node_modules
|
||||
.sizecache.json
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
{
|
||||
"preset": "jquery",
|
||||
|
||||
// This is currently unenforcable see https://github.com/jscs-dev/node-jscs/issues/1686
|
||||
"requireCapitalizedComments": null,
|
||||
|
||||
// Until we drop IE8 this prevents things like warning on float keyword
|
||||
"es3": true,
|
||||
|
||||
// We want to output all errors
|
||||
"maxErrors": 1000000
|
||||
}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
{
|
||||
"boss": true,
|
||||
"curly": true,
|
||||
"eqeqeq": true,
|
||||
"eqnull": true,
|
||||
"expr": true,
|
||||
"immed": true,
|
||||
"noarg": true,
|
||||
"quotmark": "double",
|
||||
"smarttabs": true,
|
||||
"trailing": true,
|
||||
"undef": true,
|
||||
"unused": true,
|
||||
|
||||
"node": true
|
||||
}
|
||||
|
|
@ -1,118 +0,0 @@
|
|||
Aaron Peterson <aaronp123@yahoo.com>
|
||||
Adam Baratz <adam@adambaratz.com> <adam.baratz@gmail.com>
|
||||
Adam Sontag <ajpiano@ajpiano.com>
|
||||
Alexander Polomoshnov <alex.polomoshnov@gmail.com>
|
||||
Aliaksandr Rahalevich <saksmlz@gmail.com>
|
||||
Andrew Couch <andy@couchand.com> <acouch@bluewolf.com>
|
||||
Andrew Newcomb <ext.github@preceptsoftware.co.uk>
|
||||
Andrew Powell <andrew@shellscape.org> <andrew@shellcape.org>
|
||||
Andrew Powell <andrew@shellscape.org> <powella@gmail.com>
|
||||
Andrey Kapitcyn <ru.m157y@gmail.com>
|
||||
Ben Hollis <bhollis@amazon.com> <ben@benhollis.net>
|
||||
Benjamin Scott Boyle <benjamins.boyle@gmail.com>
|
||||
Bert ter Heide <bertjh@hotmail.com>
|
||||
Bjørn Johansen <post@bjornjohansen.no> <bjorn.johansen@metronet.no>
|
||||
Chairat Sunthornwiphat <pipo@sixhead.com>
|
||||
Christoph Rönsch <christoph.roensch@arcor.de>
|
||||
Corey Frang <gnarf37@gmail.com> <gnarf@gnarf.net>
|
||||
Courtland Allen <courtlandallen@gmail.com>
|
||||
Dan Streetman <ddstreet@ieee.org>
|
||||
Dan Strohl <dan@wjcg.net> <dstrohl@users.noreply.github.com>
|
||||
Danny Trunk <dtrunk90@gmail.com> <dtrunk90@googlemail.com>
|
||||
David De Sloovere <david.desloovere@outlook.com> <david.desloovere@hotmail.com>
|
||||
David Murdoch <david@davidmurdoch.com> <musicisair@yahoo.com>
|
||||
Diego Tres <diegotres@gmail.com>
|
||||
Dominique Vincent <dominique.vincent@toitl.com>
|
||||
Doug Blood <dougblood@gmail.com>
|
||||
Douglas Cerna <douglascerna@yahoo.com> <replaceafill@system76.(none)>
|
||||
Douglas Neiner <doug@dougneiner.com> <doug@pixelgraphics.us>
|
||||
Douglas Neiner <doug@dougneiner.com> <doug@Doug-Neiners-MacBook-Pro.local>
|
||||
Dylan Just <dev@ephox.com>
|
||||
Eddie Monge <eddie@eddiemonge.com>
|
||||
Edward A Faulkner <ef@alum.mit.edu>
|
||||
Eric Hynds <eric@hynds.net>
|
||||
Ethan Romba <ethanromba@gmail.com> <ethan.romba@parivedasolutions.com>
|
||||
EungJun Yi <semtlenori@gmail.com>
|
||||
Eyal Kobrigo <kobrigo@hotmail.com>
|
||||
Filippo Cavallarin <filippo.cavallarin@codseq.it> <poplix@papuasia.org>
|
||||
Florian Gutmann <f.gutmann@chronimo.com> <blackfeet@gmx.at>
|
||||
Genie <386@mail.com>
|
||||
Guntupalli Karunakar <karunakarg@yahoo.com>
|
||||
Harri Kilpiö <harri.kilpio@gmail.com>
|
||||
Heiko Henning <heiko@thehennings.ch> <h.henning@educa.ch>
|
||||
Hiroshi Tomita <tomykaira@gmail.com>
|
||||
Ian Simpson <spoonlikesham@gmail.com>
|
||||
Igor Milla <igor.fsp.milla@gmail.com>
|
||||
Israel Tsadok <itsadok@gmail.com>
|
||||
Jacek Jędrzejewski <jacek.jedrzejewski@gmail.com>
|
||||
Jamie Gegerson <git@jamiegegerson.com>
|
||||
Jason Oster <jay@kodewerx.org> <jay@loyalize.com>
|
||||
Jay Merrifield <fracmak@gmail.com> <merrifieldj@pixia.com>
|
||||
Jean-Francois Remy <jeff@melix.org> <jfremy@virtuoz.com>
|
||||
Jyoti Deka <dekajp@gmail.com> <dekajp@yahoo.com>
|
||||
John Enters <github@darkdark.net>
|
||||
Jonathan Vingiano <jvingiano@gmail.com>
|
||||
Josh Varner <josh.varner@gmail.com>
|
||||
Justin Domnitz <jdomnitz@gmail.com>
|
||||
Justin MacCarthy <Justin@Rubystars.biz>
|
||||
Jörn Zaefferer <joern.zaefferer@gmail.com>
|
||||
Karl Kirch <karlkrch@gmail.com> <karl.ctr.kirch@faa.gov>
|
||||
Keith Wood <kbwood@iinet.com.au> <kbwood.au@gmail.com>
|
||||
Kevin Dalman <development@allpro.net>
|
||||
Klaus Hartl <klaus.hartl@gmail.com> <klaus.hartl@googlemail.com>
|
||||
Klaus Hartl <klaus.hartl@gmail.com> <klaus.hartl@stilbuero.de>
|
||||
Kris Borchers <kris.borchers@gmail.com>
|
||||
Kris Borchers <kris.borchers@gmail.com> <k_borchers@yahoo.com>
|
||||
Krzysztof Rosiński <rozwell69@gmail.com>
|
||||
Lev Kitsis <spam4lev@gmail.com>
|
||||
Maciej Mroziński <maciej.k.mrozinski@gmail.com> <mrozik87@gmail.com>
|
||||
Maggie Wachs <maggie@filamentgroup.com>
|
||||
Maggie Wachs <maggie@filamentgroup.com> <fg.maggie@gmail.com>
|
||||
Marc Neuwirth <marc.neuwirth@gmail.com>
|
||||
Marcos Sousa <falecomigo@marcossousa.com> <marcos.sousa@corp.globo.com>
|
||||
Martin Frost <martinf55@hotmail.com>
|
||||
Mathias Stenbom <mathias@stenbom.com>
|
||||
Matt Hoskins <matt@nipltd.com> <furlined@cat-basket.org>
|
||||
Matthew Edward Hutton <meh@corefiling.co.uk>
|
||||
Max Schnur <max.schnur@gmail.com>
|
||||
Michael Hollis <hollis21@gmail.com>
|
||||
Michael Stay <metaweta@gmail.com>
|
||||
Michael Wu <michaelmwu@gmail.com>
|
||||
Mike Alsup <malsup@gmail.com>
|
||||
Milan Broum <midlis@googlemail.com>
|
||||
Mohamed Cherif Bouchelaghem <cherifbouchelaghem@yahoo.fr> <cherif@cherif.(none)>
|
||||
Monika Piotrowicz <monika.piotrowicz@gmail.com> <monika@shopify.com>
|
||||
Nick Pierpoint <nick.pierpoint@tidalsand.com>
|
||||
Ondrej Novy <novy@ondrej.org>
|
||||
Paul Bakaus <paul.bakaus@gmail.com> <paul.bakaus@googlemail.com>
|
||||
Paul Irish <paul.irish@gmail.com>
|
||||
Pavol Hluchý <lopo@losys.sk>
|
||||
Peter Heiberg <peter@heiberg.se>
|
||||
Petr Hromadko <yuriy@tokyoscale.com>
|
||||
Phillip Barnes <philbar@gmail.com> <phillipbarnes@Phillip-Barnes-Computer.local>
|
||||
Pierre-Henri Ausseil <ph.ausseil@gmail.com>
|
||||
Raymond Schwartz <skeetergraphics@gmail.com>
|
||||
Richard Worth <rdworth@gmail.com>
|
||||
Rick Waldron <waldron.rick@gmail.com>
|
||||
Ryan Neufeld <ryan@neufeldmail.com>
|
||||
Ryan Olton <oltonr@gmail.com>
|
||||
Saji Nediyanchath <saji89@gmail.com> Saji <saji@saji-laptop.(none)>
|
||||
Scott Jehl <scottjehl@gmail.com> <scott@scottjehl.com>
|
||||
Sebastian Sauer <info@dynpages.de>
|
||||
Sergey Kartashov <ebishkek@yandex.ru>
|
||||
Shahyar Ghobadpour <shahyar@gmail.com>
|
||||
Shane Whittet <whittet@gmail.com>
|
||||
Shannon Pekary <spekary@gmail.com>
|
||||
Siebrand Mazeland <siebrand@kitano.nl> <s.mazeland@xs4all.nl>
|
||||
Simon Sattes <simon.sattes@gmail.com>
|
||||
Stojce Slavkovski <stojce@gmail.com>
|
||||
Tarafder Ashek-E-Elahi <mail.ashek@gmail.com>
|
||||
Thibault Duplessis <thibault.duplessis@gmail.com>
|
||||
Thomas Jaggi <thomas@responsive.ch> <thomas.jaggi@gmail.com>
|
||||
Ting Kuei <ting@kuei.com>
|
||||
Todd Parker <todd@filamentgroup.com> <fg.todd@gmail.com>
|
||||
Wesley Walser <waw325@gmail.com> <wwalser@atlassian.com>
|
||||
Xavi Ramirez <xavi.rmz@gmail.com>
|
||||
Yermo Lamers <yml@yml.com>
|
||||
Yuriy Khabarov <13real008@gmail.com> <yuriy@tokyoscale.com>
|
||||
Ziling Zhao <zilingzhao@gmail.com> <zizhao@cisco.com>
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
sudo: required
|
||||
dist: trusty
|
||||
language: node_js
|
||||
node_js:
|
||||
- "0.12"
|
||||
|
|
@ -1,330 +0,0 @@
|
|||
Authors ordered by first contribution
|
||||
A list of current team members is available at http://jqueryui.com/about
|
||||
|
||||
Paul Bakaus <paul.bakaus@gmail.com>
|
||||
Richard Worth <rdworth@gmail.com>
|
||||
Yehuda Katz <wycats@gmail.com>
|
||||
Sean Catchpole <sean@sunsean.com>
|
||||
John Resig <jeresig@gmail.com>
|
||||
Tane Piper <piper.tane@gmail.com>
|
||||
Dmitri Gaskin <dmitrig01@gmail.com>
|
||||
Klaus Hartl <klaus.hartl@gmail.com>
|
||||
Stefan Petre <stefan.petre@gmail.com>
|
||||
Gilles van den Hoven <gilles@webunity.nl>
|
||||
Micheil Bryan Smith <micheil@brandedcode.com>
|
||||
Jörn Zaefferer <joern.zaefferer@gmail.com>
|
||||
Marc Grabanski <m@marcgrabanski.com>
|
||||
Keith Wood <kbwood@iinet.com.au>
|
||||
Brandon Aaron <brandon.aaron@gmail.com>
|
||||
Scott González <scott.gonzalez@gmail.com>
|
||||
Eduardo Lundgren <eduardolundgren@gmail.com>
|
||||
Aaron Eisenberger <aaronchi@gmail.com>
|
||||
Joan Piedra <theneojp@gmail.com>
|
||||
Bruno Basto <b.basto@gmail.com>
|
||||
Remy Sharp <remy@leftlogic.com>
|
||||
Bohdan Ganicky <bohdan.ganicky@gmail.com>
|
||||
David Bolter <david.bolter@gmail.com>
|
||||
Chi Cheng <cloudream@gmail.com>
|
||||
Ca-Phun Ung <pazu2k@gmail.com>
|
||||
Ariel Flesler <aflesler@gmail.com>
|
||||
Maggie Wachs <maggie@filamentgroup.com>
|
||||
Scott Jehl <scottjehl@gmail.com>
|
||||
Todd Parker <todd@filamentgroup.com>
|
||||
Andrew Powell <andrew@shellscape.org>
|
||||
Brant Burnett <btburnett3@gmail.com>
|
||||
Douglas Neiner <doug@dougneiner.com>
|
||||
Paul Irish <paul.irish@gmail.com>
|
||||
Ralph Whitbeck <ralph.whitbeck@gmail.com>
|
||||
Thibault Duplessis <thibault.duplessis@gmail.com>
|
||||
Dominique Vincent <dominique.vincent@toitl.com>
|
||||
Jack Hsu <jack.hsu@gmail.com>
|
||||
Adam Sontag <ajpiano@ajpiano.com>
|
||||
Carl Fürstenberg <carl@excito.com>
|
||||
Kevin Dalman <development@allpro.net>
|
||||
Alberto Fernández Capel <afcapel@gmail.com>
|
||||
Jacek Jędrzejewski (http://jacek.jedrzejewski.name)
|
||||
Ting Kuei <ting@kuei.com>
|
||||
Samuel Cormier-Iijima <sam@chide.it>
|
||||
Jon Palmer <jonspalmer@gmail.com>
|
||||
Ben Hollis <bhollis@amazon.com>
|
||||
Justin MacCarthy <Justin@Rubystars.biz>
|
||||
Eyal Kobrigo <kobrigo@hotmail.com>
|
||||
Tiago Freire <tiago.freire@gmail.com>
|
||||
Diego Tres <diegotres@gmail.com>
|
||||
Holger Rüprich <holger@rueprich.de>
|
||||
Ziling Zhao <zilingzhao@gmail.com>
|
||||
Mike Alsup <malsup@gmail.com>
|
||||
Robson Braga Araujo <robsonbraga@gmail.com>
|
||||
Pierre-Henri Ausseil <ph.ausseil@gmail.com>
|
||||
Christopher McCulloh <cmcculloh@gmail.com>
|
||||
Andrew Newcomb <ext.github@preceptsoftware.co.uk>
|
||||
Lim Chee Aun <cheeaun@gmail.com>
|
||||
Jorge Barreiro <yortx.barry@gmail.com>
|
||||
Daniel Steigerwald <daniel@steigerwald.cz>
|
||||
John Firebaugh <john_firebaugh@bigfix.com>
|
||||
John Enters <github@darkdark.net>
|
||||
Andrey Kapitcyn <ru.m157y@gmail.com>
|
||||
Dmitry Petrov <dpetroff@gmail.com>
|
||||
Eric Hynds <eric@hynds.net>
|
||||
Chairat Sunthornwiphat <pipo@sixhead.com>
|
||||
Josh Varner <josh.varner@gmail.com>
|
||||
Stéphane Raimbault <stephane.raimbault@gmail.com>
|
||||
Jay Merrifield <fracmak@gmail.com>
|
||||
J. Ryan Stinnett <jryans@gmail.com>
|
||||
Peter Heiberg <peter@heiberg.se>
|
||||
Alex Dovenmuehle <adovenmuehle@gmail.com>
|
||||
Jamie Gegerson <git@jamiegegerson.com>
|
||||
Raymond Schwartz <skeetergraphics@gmail.com>
|
||||
Phillip Barnes <philbar@gmail.com>
|
||||
Kyle Wilkinson <kai@wikyd.org>
|
||||
Khaled AlHourani <me@khaledalhourani.com>
|
||||
Marian Rudzynski <mr@impaled.org>
|
||||
Jean-Francois Remy <jeff@melix.org>
|
||||
Doug Blood <dougblood@gmail.com>
|
||||
Filippo Cavallarin <filippo.cavallarin@codseq.it>
|
||||
Heiko Henning <heiko@thehennings.ch>
|
||||
Aliaksandr Rahalevich <saksmlz@gmail.com>
|
||||
Mario Visic <mario@mariovisic.com>
|
||||
Xavi Ramirez <xavi.rmz@gmail.com>
|
||||
Max Schnur <max.schnur@gmail.com>
|
||||
Saji Nediyanchath <saji89@gmail.com>
|
||||
Corey Frang <gnarf37@gmail.com>
|
||||
Aaron Peterson <aaronp123@yahoo.com>
|
||||
Ivan Peters <ivan@ivanpeters.com>
|
||||
Mohamed Cherif Bouchelaghem <cherifbouchelaghem@yahoo.fr>
|
||||
Marcos Sousa <falecomigo@marcossousa.com>
|
||||
Michael DellaNoce <mdellanoce@mailtrust.com>
|
||||
George Marshall <echosx@gmail.com>
|
||||
Tobias Brunner <tobias@strongswan.org>
|
||||
Martin Solli <msolli@gmail.com>
|
||||
David Petersen <public@petersendidit.com>
|
||||
Dan Heberden <danheberden@gmail.com>
|
||||
William Kevin Manire <williamkmanire@gmail.com>
|
||||
Gilmore Davidson <gilmoreorless@gmail.com>
|
||||
Michael Wu <michaelmwu@gmail.com>
|
||||
Adam Parod <mystic414@gmail.com>
|
||||
Guillaume Gautreau <guillaume+github@ghusse.com>
|
||||
Marcel Toele <EleotleCram@gmail.com>
|
||||
Dan Streetman <ddstreet@ieee.org>
|
||||
Matt Hoskins <matt@nipltd.com>
|
||||
Giovanni Giacobbi <giovanni@giacobbi.net>
|
||||
Kyle Florence <kyle.florence@gmail.com>
|
||||
Pavol Hluchý <lopo@losys.sk>
|
||||
Hans Hillen <hans.hillen@gmail.com>
|
||||
Mark Johnson <virgofx@live.com>
|
||||
Trey Hunner <treyhunner@gmail.com>
|
||||
Shane Whittet <whittet@gmail.com>
|
||||
Edward A Faulkner <ef@alum.mit.edu>
|
||||
Adam Baratz <adam@adambaratz.com>
|
||||
Kato Kazuyoshi <kato.kazuyoshi@gmail.com>
|
||||
Eike Send <eike.send@gmail.com>
|
||||
Kris Borchers <kris.borchers@gmail.com>
|
||||
Eddie Monge <eddie@eddiemonge.com>
|
||||
Israel Tsadok <itsadok@gmail.com>
|
||||
Carson McDonald <carson@ioncannon.net>
|
||||
Jason Davies <jason@jasondavies.com>
|
||||
Garrison Locke <gplocke@gmail.com>
|
||||
David Murdoch <david@davidmurdoch.com>
|
||||
Benjamin Scott Boyle <benjamins.boyle@gmail.com>
|
||||
Jesse Baird <jebaird@gmail.com>
|
||||
Jonathan Vingiano <jvingiano@gmail.com>
|
||||
Dylan Just <dev@ephox.com>
|
||||
Hiroshi Tomita <tomykaira@gmail.com>
|
||||
Glenn Goodrich <glenn.goodrich@gmail.com>
|
||||
Tarafder Ashek-E-Elahi <mail.ashek@gmail.com>
|
||||
Ryan Neufeld <ryan@neufeldmail.com>
|
||||
Marc Neuwirth <marc.neuwirth@gmail.com>
|
||||
Philip Graham <philip.robert.graham@gmail.com>
|
||||
Benjamin Sterling <benjamin.sterling@kenzomedia.com>
|
||||
Wesley Walser <waw325@gmail.com>
|
||||
Kouhei Sutou <kou@clear-code.com>
|
||||
Karl Kirch <karlkrch@gmail.com>
|
||||
Chris Kelly <ckdake@ckdake.com>
|
||||
Jason Oster <jay@kodewerx.org>
|
||||
Felix Nagel <info@felixnagel.com>
|
||||
Alexander Polomoshnov <alex.polomoshnov@gmail.com>
|
||||
David Leal <dgleal@gmail.com>
|
||||
Igor Milla <igor.fsp.milla@gmail.com>
|
||||
Dave Methvin <dave.methvin@gmail.com>
|
||||
Florian Gutmann <f.gutmann@chronimo.com>
|
||||
Marwan Al Jubeh <marwan.aljubeh@gmail.com>
|
||||
Milan Broum <midlis@googlemail.com>
|
||||
Sebastian Sauer <info@dynpages.de>
|
||||
Gaëtan Muller <m.gaetan89@gmail.com>
|
||||
Michel Weimerskirch <michel@weimerskirch.net>
|
||||
William Griffiths <william@ycymro.com>
|
||||
Stojce Slavkovski <stojce@gmail.com>
|
||||
David Soms <david.soms@gmail.com>
|
||||
David De Sloovere <david.desloovere@outlook.com>
|
||||
Michael P. Jung <michael.jung@terreon.de>
|
||||
Shannon Pekary <spekary@gmail.com>
|
||||
Dan Wellman <danwellman@hotmail.com>
|
||||
Matthew Edward Hutton <meh@corefiling.co.uk>
|
||||
James Khoury <james@jameskhoury.com>
|
||||
Rob Loach <robloach@gmail.com>
|
||||
Alberto Monteiro <betimbrasil@gmail.com>
|
||||
Alex Rhea <alex.rhea@gmail.com>
|
||||
Krzysztof Rosiński <rozwell69@gmail.com>
|
||||
Ryan Olton <oltonr@gmail.com>
|
||||
Genie <386@mail.com>
|
||||
Rick Waldron <waldron.rick@gmail.com>
|
||||
Ian Simpson <spoonlikesham@gmail.com>
|
||||
Lev Kitsis <spam4lev@gmail.com>
|
||||
TJ VanToll <tj.vantoll@gmail.com>
|
||||
Justin Domnitz <jdomnitz@gmail.com>
|
||||
Douglas Cerna <douglascerna@yahoo.com>
|
||||
Bert ter Heide <bertjh@hotmail.com>
|
||||
Jasvir Nagra <jasvir@gmail.com>
|
||||
Yuriy Khabarov <13real008@gmail.com>
|
||||
Harri Kilpiö <harri.kilpio@gmail.com>
|
||||
Lado Lomidze <lado.lomidze@gmail.com>
|
||||
Amir E. Aharoni <amir.aharoni@mail.huji.ac.il>
|
||||
Simon Sattes <simon.sattes@gmail.com>
|
||||
Jo Liss <joliss42@gmail.com>
|
||||
Guntupalli Karunakar <karunakarg@yahoo.com>
|
||||
Shahyar Ghobadpour <shahyar@gmail.com>
|
||||
Lukasz Lipinski <uzza17@gmail.com>
|
||||
Timo Tijhof <krinklemail@gmail.com>
|
||||
Jason Moon <jmoon@socialcast.com>
|
||||
Martin Frost <martinf55@hotmail.com>
|
||||
Eneko Illarramendi <eneko@illarra.com>
|
||||
EungJun Yi <semtlenori@gmail.com>
|
||||
Courtland Allen <courtlandallen@gmail.com>
|
||||
Viktar Varvanovich <non4eg@gmail.com>
|
||||
Danny Trunk <dtrunk90@gmail.com>
|
||||
Pavel Stetina <pavel.stetina@nangu.tv>
|
||||
Michael Stay <metaweta@gmail.com>
|
||||
Steven Roussey <sroussey@gmail.com>
|
||||
Michael Hollis <hollis21@gmail.com>
|
||||
Lee Rowlands <lee.rowlands@previousnext.com.au>
|
||||
Timmy Willison <timmywillisn@gmail.com>
|
||||
Karl Swedberg <kswedberg@gmail.com>
|
||||
Baoju Yuan <the_guy_1987@hotmail.com>
|
||||
Maciej Mroziński <maciej.k.mrozinski@gmail.com>
|
||||
Luis Dalmolin <luis.nh@gmail.com>
|
||||
Mark Aaron Shirley <maspwr@gmail.com>
|
||||
Martin Hoch <martin@fidion.de>
|
||||
Jiayi Yang <tr870829@gmail.com>
|
||||
Philipp Benjamin Köppchen <xgxtpbk@gws.ms>
|
||||
Sindre Sorhus <sindresorhus@gmail.com>
|
||||
Bernhard Sirlinger <bernhard.sirlinger@tele2.de>
|
||||
Jared A. Scheel <jared@jaredscheel.com>
|
||||
Rafael Xavier de Souza <rxaviers@gmail.com>
|
||||
John Chen <zhang.z.chen@intel.com>
|
||||
Robert Beuligmann <robertbeuligmann@gmail.com>
|
||||
Dale Kocian <dale.kocian@gmail.com>
|
||||
Mike Sherov <mike.sherov@gmail.com>
|
||||
Andrew Couch <andy@couchand.com>
|
||||
Marc-Andre Lafortune <github@marc-andre.ca>
|
||||
Nate Eagle <nate.eagle@teamaol.com>
|
||||
David Souther <davidsouther@gmail.com>
|
||||
Mathias Stenbom <mathias@stenbom.com>
|
||||
Sergey Kartashov <ebishkek@yandex.ru>
|
||||
Avinash R <nashpapa@gmail.com>
|
||||
Ethan Romba <ethanromba@gmail.com>
|
||||
Cory Gackenheimer <cory.gack@gmail.com>
|
||||
Juan Pablo Kaniefsky <jpkaniefsky@gmail.com>
|
||||
Roman Salnikov <bardt.dz@gmail.com>
|
||||
Anika Henke <anika@selfthinker.org>
|
||||
Samuel Bovée <samycookie2000@yahoo.fr>
|
||||
Fabrício Matté <ult_combo@hotmail.com>
|
||||
Viktor Kojouharov <vkojouharov@gmail.com>
|
||||
Pawel Maruszczyk (http://hrabstwo.net)
|
||||
Pavel Selitskas <p.selitskas@gmail.com>
|
||||
Bjørn Johansen <post@bjornjohansen.no>
|
||||
Matthieu Penant <thieum22@hotmail.com>
|
||||
Dominic Barnes <dominic@dbarnes.info>
|
||||
David Sullivan <david.sullivan@gmail.com>
|
||||
Thomas Jaggi <thomas@responsive.ch>
|
||||
Vahid Sohrabloo <vahid4134@gmail.com>
|
||||
Travis Carden <travis.carden@gmail.com>
|
||||
Bruno M. Custódio <bruno@brunomcustodio.com>
|
||||
Nathanael Silverman <nathanael.silverman@gmail.com>
|
||||
Christian Wenz <christian@wenz.org>
|
||||
Steve Urmston <steve@urm.st>
|
||||
Zaven Muradyan <megalivoithos@gmail.com>
|
||||
Woody Gilk <shadowhand@deviantart.com>
|
||||
Zbigniew Motyka <zbigniew.motyka@gmail.com>
|
||||
Suhail Alkowaileet <xsoh.k7@gmail.com>
|
||||
Toshi MARUYAMA <marutosijp2@yahoo.co.jp>
|
||||
David Hansen <hansede@gmail.com>
|
||||
Brian Grinstead <briangrinstead@gmail.com>
|
||||
Christian Klammer <christian314159@gmail.com>
|
||||
Steven Luscher <jquerycla@steveluscher.com>
|
||||
Gan Eng Chin <engchin.gan@gmail.com>
|
||||
Gabriel Schulhof <gabriel.schulhof@intel.com>
|
||||
Alexander Schmitz <arschmitz@gmail.com>
|
||||
Vilhjálmur Skúlason <vis@dmm.is>
|
||||
Siebrand Mazeland <siebrand@kitano.nl>
|
||||
Mohsen Ekhtiari <mohsenekhtiari@yahoo.com>
|
||||
Pere Orga <gotrunks@gmail.com>
|
||||
Jasper de Groot <mail@ugomobi.com>
|
||||
Stephane Deschamps <stephane.deschamps@gmail.com>
|
||||
Jyoti Deka <dekajp@gmail.com>
|
||||
Andrei Picus <office.nightcrawler@gmail.com>
|
||||
Ondrej Novy <novy@ondrej.org>
|
||||
Jacob McCutcheon <jacob.mccutcheon@gmail.com>
|
||||
Monika Piotrowicz <monika.piotrowicz@gmail.com>
|
||||
Imants Horsts <imants.horsts@inbox.lv>
|
||||
Eric Dahl <eric.c.dahl@gmail.com>
|
||||
Dave Stein <dave@behance.com>
|
||||
Dylan Barrell <dylan@barrell.com>
|
||||
Daniel DeGroff <djdegroff@gmail.com>
|
||||
Michael Wiencek <mwtuea@gmail.com>
|
||||
Thomas Meyer <meyertee@gmail.com>
|
||||
Ruslan Yakhyaev <ruslan@ruslan.io>
|
||||
Brian J. Dowling <bjd-dev@simplicity.net>
|
||||
Ben Higgins <ben@extrahop.com>
|
||||
Yermo Lamers <yml@yml.com>
|
||||
Patrick Stapleton <github@gdi2290.com>
|
||||
Trisha Crowley <trisha.crowley@gmail.com>
|
||||
Usman Akeju <akeju00+github@gmail.com>
|
||||
Rodrigo Menezes <rod333@gmail.com>
|
||||
Jacques Perrault <jacques_perrault@us.ibm.com>
|
||||
Frederik Elvhage <frederik.elvhage@googlemail.com>
|
||||
Will Holley <willholley@gmail.com>
|
||||
Uri Gilad <antishok@gmail.com>
|
||||
Richard Gibson <richard.gibson@gmail.com>
|
||||
Simen Bekkhus <sbekkhus91@gmail.com>
|
||||
Chen Eshchar <eshcharc@gmail.com>
|
||||
Bruno Pérel <brunoperel@gmail.com>
|
||||
Mohammed Alshehri <m@dralshehri.com>
|
||||
Lisa Seacat DeLuca <ldeluca@us.ibm.com>
|
||||
Anne-Gaelle Colom <coloma@westminster.ac.uk>
|
||||
Adam Foster <slimfoster@gmail.com>
|
||||
Luke Page <luke.a.page@gmail.com>
|
||||
Daniel Owens <daniel@matchstickmixup.com>
|
||||
Michael Orchard <morchard@scottlogic.co.uk>
|
||||
Marcus Warren <marcus@envoke.com>
|
||||
Nils Heuermann <nils@world-of-scripts.de>
|
||||
Marco Ziech <marco@ziech.net>
|
||||
Patricia Juarez <patrixd@gmail.com>
|
||||
Ben Mosher <me@benmosher.com>
|
||||
Ablay Keldibek <atomio.ak@gmail.com>
|
||||
Thomas Applencourt <thomas.applencourt@irsamc.ups-tlse.fr>
|
||||
Jiabao Wu <jiabao.foss@gmail.com>
|
||||
Eric Lee Carraway <github@ericcarraway.com>
|
||||
Victor Homyakov <vkhomyackov@gmail.com>
|
||||
Myeongjin Lee <aranet100@gmail.com>
|
||||
Liran Sharir <lsharir@gmail.com>
|
||||
Weston Ruter <weston@xwp.co>
|
||||
Mani Mishra <manimishra902@gmail.com>
|
||||
Hannah Methvin <hannahmethvin@gmail.com>
|
||||
Leonardo Balter <leonardo.balter@gmail.com>
|
||||
Benjamin Albert <benjamin_a5@yahoo.com>
|
||||
Michał Gołębiowski <m.goleb@gmail.com>
|
||||
Alyosha Pushak <alyosha.pushak@gmail.com>
|
||||
Fahad Ahmad <fahadahmad41@hotmail.com>
|
||||
Matt Brundage <github@mattbrundage.com>
|
||||
Francesc Baeta <francesc.baeta@gmail.com>
|
||||
Piotr Baran <piotros@wp.pl>
|
||||
Mukul Hase <mukulhase@gmail.com>
|
||||
Konstantin Dinev <kdinev@mail.bw.edu>
|
||||
Rand Scullard <rand@randscullard.com>
|
||||
Dan Strohl <dan@wjcg.net>
|
||||
Maksim Ryzhikov <rv.maksim@gmail.com>
|
||||
Amine HADDAD <haddad@allegorie.tv>
|
||||
Amanpreet Singh <apsdehal@gmail.com>
|
||||
Alexey Balchunas <bleshik@gmail.com>
|
||||
Peter Kehl <peter.kehl@gmail.com>
|
||||
Peter Dave Hello <hsu@peterdavehello.org>
|
||||
|
|
@ -1,98 +0,0 @@
|
|||
# Contributing to jQuery UI
|
||||
|
||||
Welcome! Thanks for your interest in contributing to jQuery UI. Most of our information on how to contribute to this and all other jQuery Foundation projects is over at [contribute.jquery.org](http://contribute.jquery.org). You'll definitely want to take a look at the articles on contributing [code](http://contribute.jquery.org/code).
|
||||
|
||||
You may also want to take a look at our [commit & pull request guide](http://contribute.jquery.org/commits-and-pull-requests/) and [style guides](http://contribute.jquery.org/style-guide/) for instructions on how to maintain your fork and submit your code. Before we can merge any pull request, we'll also need you to sign our [contributor license agreement](http://contribute.jquery.org/cla).
|
||||
|
||||
You can find us on [IRC](http://irc.jquery.org), specifically in #jqueryui-dev should you have any questions. If you've never contributed to open source before, we've put together [a short guide with tips, tricks, and ideas on getting started](http://contribute.jquery.org/open-source/). For other forms of discussion and support, please see the [jQuery UI support center](http://jqueryui.com/support/).
|
||||
|
||||
## Getting Involved
|
||||
|
||||
There are a number of ways to get involved with the development of jQuery UI. Even if you've never contributed code to an Open Source project before, we're always looking for help identifying bugs, writing and reducing test cases and documentation.
|
||||
|
||||
This is the best way to contribute to jQuery UI. Please read through the full guide detailing [How to Report Bugs](http://contribute.jquery.org/bug-reports/).
|
||||
|
||||
### Weekly Meetings
|
||||
|
||||
Every week (unless otherwise noted) the jQuery UI team has a meeting to discuss the progress of current work and to bring forward possible new blockers for discussion. The meeting is held on [IRC](http://irc.jquery.org) in the #jquery-meeting channel at [Noon EST](http://www.timeanddate.com/worldclock/fixedtime.html?month=1&day=17&year=2011&hour=12&min=0&sec=0&p1=43) on Wednesdays. Meeting notes are posted on http://meetings.jquery.org/category/ui/ after each meeting.
|
||||
|
||||
## Tips for Getting Started
|
||||
|
||||
### Environment: Minimum Required
|
||||
|
||||
If you are contributing changes you will need a fork of jquery-ui (see [Getting the Source](#environment-getting-the-source)). If you just want the source code you could clone jquery-ui directly:
|
||||
|
||||
```bash
|
||||
git clone git://github.com/jquery/jquery-ui.git
|
||||
cd jquery-ui
|
||||
```
|
||||
|
||||
The tests can run in any local web server. Ideally you should test your patch in appropriate web browsers and if possible run `grunt` to lint the code and run automated tests (this will happen automatically when you create a pull request). See the [Recommended Setup](#environment-recommended-setup) for setting up Node.js so that the grunt command works.
|
||||
|
||||
### Environment: Getting the Source
|
||||
|
||||
* Create a fork of the jQuery UI repo on GitHub at http://github.com/jquery/jquery-ui. This will create a fork of jquery-ui in your Github account.
|
||||
* You may want to clone jquery-ui under the path to your web server. If so, change to the required directory
|
||||
|
||||
```bash
|
||||
cd /path/to/your/www/root/
|
||||
```
|
||||
|
||||
* Clone your jQuery UI git repo.
|
||||
|
||||
```bash
|
||||
git clone git://github.com/[USERNAME]/jquery-ui.git
|
||||
cd jquery-ui
|
||||
```
|
||||
|
||||
*Note: be sure to replace `[USERNAME]` with your GitHub username.*
|
||||
|
||||
* Add the official jQuery repository as a remote. We recommend naming it "upstream".
|
||||
|
||||
```bash
|
||||
git remote add upstream git://github.com/jquery/jquery-ui.git
|
||||
```
|
||||
|
||||
* Get in the habit of pulling in the "upstream" master to stay up to date as jQuery UI receives new commits.
|
||||
|
||||
```bash
|
||||
git pull upstream master
|
||||
```
|
||||
|
||||
### Environment: Recommended Setup
|
||||
|
||||
jQuery UI uses Node.js & Grunt to automate the building and validation of source code. Here is how to set that up:
|
||||
|
||||
* Get [Node.js](http://nodejs.org/) (includes NPM, necessary for the next step)
|
||||
* Install Grunt cli:
|
||||
|
||||
```bash
|
||||
npm install -g grunt-cli
|
||||
```
|
||||
|
||||
* Install local Node.js modules
|
||||
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
|
||||
The tests require a local web server and the samples contain some PHP, so a PHP web server may be useful.
|
||||
|
||||
* Install a web server. Here are some you could use:
|
||||
* Windows: [WAMP download](http://www.wampserver.com/en/)
|
||||
* Mac: [MAMP download](http://www.mamp.info/en/index.html)
|
||||
* Linux: [Setting up LAMP](https://www.linux.com/learn/tutorials/288158-easy-lamp-server-installation)
|
||||
* [Mongoose (most platforms)](http://code.google.com/p/mongoose/)
|
||||
* [http-server](https://www.npmjs.com/package/http-server)
|
||||
|
||||
### Running the Tests
|
||||
|
||||
To lint the JavaScript, HTML, and CSS, as well as run a smoke test in PhantomJS, run grunt:
|
||||
|
||||
```bash
|
||||
grunt
|
||||
```
|
||||
|
||||
To run the tests for a specific plugin in your browser, open the appropriate file from the `/tests/unit/` directory, for example: `http://localhost/tests/unit/accordion/accordion.html`. The domain will be dependent on your local server configuration; if there is a port, be sure to include it.
|
||||
|
||||
Ideally you would test in all of our [supported browsers](http://jqueryui.com/browser-support/), but if you don't have all of these browsers available, that's ok.
|
||||
465
jquery-ui/Gruntfile.js
vendored
465
jquery-ui/Gruntfile.js
vendored
|
|
@ -1,465 +0,0 @@
|
|||
module.exports = function( grunt ) {
|
||||
|
||||
"use strict";
|
||||
|
||||
var
|
||||
// files
|
||||
coreFiles = [
|
||||
"core.js",
|
||||
"widget.js",
|
||||
"mouse.js",
|
||||
"draggable.js",
|
||||
"droppable.js",
|
||||
"resizable.js",
|
||||
"selectable.js",
|
||||
"sortable.js",
|
||||
"effect.js"
|
||||
],
|
||||
|
||||
uiFiles = coreFiles.map(function( file ) {
|
||||
return "ui/" + file;
|
||||
}).concat( expandFiles( "ui/*.js" ).filter(function( file ) {
|
||||
return coreFiles.indexOf( file.substring( 3 ) ) === -1;
|
||||
}) ),
|
||||
|
||||
allI18nFiles = expandFiles( "ui/i18n/*.js" ),
|
||||
|
||||
cssFiles = [
|
||||
"core",
|
||||
"accordion",
|
||||
"autocomplete",
|
||||
"button",
|
||||
"checkboxradio",
|
||||
"controlgroup",
|
||||
"datepicker",
|
||||
"dialog",
|
||||
"draggable",
|
||||
"menu",
|
||||
"progressbar",
|
||||
"resizable",
|
||||
"selectable",
|
||||
"selectmenu",
|
||||
"sortable",
|
||||
"slider",
|
||||
"spinner",
|
||||
"tabs",
|
||||
"tooltip",
|
||||
"theme"
|
||||
].map(function( component ) {
|
||||
return "themes/base/" + component + ".css";
|
||||
}),
|
||||
|
||||
// minified files
|
||||
minify = {
|
||||
options: {
|
||||
preserveComments: false
|
||||
},
|
||||
main: {
|
||||
options: {
|
||||
banner: createBanner( uiFiles )
|
||||
},
|
||||
files: {
|
||||
"dist/jquery-ui.min.js": "dist/jquery-ui.js"
|
||||
}
|
||||
},
|
||||
i18n: {
|
||||
options: {
|
||||
banner: createBanner( allI18nFiles )
|
||||
},
|
||||
files: {
|
||||
"dist/i18n/jquery-ui-i18n.min.js": "dist/i18n/jquery-ui-i18n.js"
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
compareFiles = {
|
||||
all: [
|
||||
"dist/jquery-ui.js",
|
||||
"dist/jquery-ui.min.js"
|
||||
]
|
||||
},
|
||||
component = grunt.option( "component" ) || "**",
|
||||
|
||||
htmllintBad = [
|
||||
"demos/tabs/ajax/content*.html",
|
||||
"demos/tooltip/ajax/content*.html",
|
||||
"tests/unit/core/core.html",
|
||||
"tests/unit/tabs/data/test.html"
|
||||
];
|
||||
|
||||
function mapMinFile( file ) {
|
||||
return "dist/" + file.replace( /ui\//, "minified/" );
|
||||
}
|
||||
|
||||
function expandFiles( files ) {
|
||||
return grunt.util._.pluck( grunt.file.expandMapping( files ), "src" ).map(function( values ) {
|
||||
return values[ 0 ];
|
||||
});
|
||||
}
|
||||
|
||||
uiFiles.concat( allI18nFiles ).forEach(function( file ) {
|
||||
minify[ file ] = {
|
||||
options: {
|
||||
banner: createBanner()
|
||||
},
|
||||
files: {}
|
||||
};
|
||||
minify[ file ].files[ mapMinFile( file ) ] = file;
|
||||
});
|
||||
|
||||
uiFiles.forEach(function( file ) {
|
||||
// TODO this doesn't do anything until https://github.com/rwldrn/grunt-compare-size/issues/13
|
||||
compareFiles[ file ] = [ file, mapMinFile( file ) ];
|
||||
});
|
||||
|
||||
// grunt plugins
|
||||
require( "load-grunt-tasks" )( grunt );
|
||||
// local testswarm and build tasks
|
||||
grunt.loadTasks( "build/tasks" );
|
||||
|
||||
function stripDirectory( file ) {
|
||||
return file.replace( /.+\/(.+?)>?$/, "$1" );
|
||||
}
|
||||
|
||||
function createBanner( files ) {
|
||||
// strip folders
|
||||
var fileNames = files && files.map( stripDirectory );
|
||||
return "/*! <%= pkg.title || pkg.name %> - v<%= pkg.version %> - " +
|
||||
"<%= grunt.template.today('isoDate') %>\n" +
|
||||
"<%= pkg.homepage ? '* ' + pkg.homepage + '\\n' : '' %>" +
|
||||
(files ? "* Includes: " + fileNames.join(", ") + "\n" : "") +
|
||||
"* Copyright <%= pkg.author.name %>;" +
|
||||
" Licensed <%= _.pluck(pkg.licenses, 'type').join(', ') %> */\n";
|
||||
}
|
||||
|
||||
grunt.initConfig({
|
||||
pkg: grunt.file.readJSON( "package.json" ),
|
||||
files: {
|
||||
dist: "<%= pkg.name %>-<%= pkg.version %>"
|
||||
},
|
||||
compare_size: compareFiles,
|
||||
concat: {
|
||||
css: {
|
||||
options: {
|
||||
banner: createBanner( cssFiles ),
|
||||
stripBanners: {
|
||||
block: true
|
||||
}
|
||||
},
|
||||
src: cssFiles,
|
||||
dest: "dist/jquery-ui.css"
|
||||
}
|
||||
},
|
||||
requirejs: {
|
||||
js: {
|
||||
options: {
|
||||
baseUrl: "./",
|
||||
paths: {
|
||||
jquery: "./external/jquery/jquery",
|
||||
external: "./external/"
|
||||
},
|
||||
preserveLicenseComments: false,
|
||||
optimize: "none",
|
||||
findNestedDependencies: true,
|
||||
skipModuleInsertion: true,
|
||||
exclude: [ "jquery" ],
|
||||
include: expandFiles( [ "ui/**/*.js", "!ui/core.js", "!ui/i18n/*" ] ),
|
||||
out: "dist/jquery-ui.js",
|
||||
wrap: {
|
||||
start: createBanner( uiFiles ),
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
jscs: {
|
||||
ui: {
|
||||
options: {
|
||||
config: true
|
||||
},
|
||||
files: {
|
||||
src: [ "demos/**/*.js", "build/**/*.js", "ui/**/*.js" ]
|
||||
}
|
||||
},
|
||||
tests: {
|
||||
options: {
|
||||
config: true,
|
||||
maximumLineLength: null
|
||||
},
|
||||
files: {
|
||||
src: [ "tests/**/*.js" ]
|
||||
}
|
||||
}
|
||||
},
|
||||
uglify: minify,
|
||||
htmllint: {
|
||||
good: {
|
||||
options: {
|
||||
ignore: [
|
||||
/The text content of element “script” was not in the required format: Expected space, tab, newline, or slash but found “.” instead/
|
||||
] },
|
||||
src: [ "demos/**/*.html", "tests/**/*.html" ].concat( htmllintBad.map( function( file ) {
|
||||
return "!" + file;
|
||||
} ) )
|
||||
},
|
||||
bad: {
|
||||
options: {
|
||||
ignore: [
|
||||
/Start tag seen without seeing a doctype first/,
|
||||
/Element “head” is missing a required instance of child element “title”/,
|
||||
/Element “object” is missing one or more of the following/,
|
||||
/The “codebase” attribute on the “object” element is obsolete/
|
||||
]
|
||||
},
|
||||
src: htmllintBad
|
||||
}
|
||||
},
|
||||
qunit: {
|
||||
files: expandFiles( "tests/unit/" + component + "/*.html" ).filter(function( file ) {
|
||||
return !( /(all|index|test)\.html$/ ).test( file );
|
||||
}),
|
||||
options: {
|
||||
inject: false,
|
||||
page: {
|
||||
viewportSize: { width: 700, height: 500 }
|
||||
}
|
||||
}
|
||||
},
|
||||
jshint: {
|
||||
options: {
|
||||
jshintrc: true
|
||||
},
|
||||
all: [
|
||||
"ui/*.js",
|
||||
"Gruntfile.js",
|
||||
"build/**/*.js",
|
||||
"tests/unit/**/*.js",
|
||||
"tests/lib/**/*.js",
|
||||
"demos/**/*.js"
|
||||
]
|
||||
},
|
||||
csslint: {
|
||||
base_theme: {
|
||||
src: "themes/base/*.css",
|
||||
options: {
|
||||
csslintrc: ".csslintrc"
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
bowercopy: {
|
||||
all: {
|
||||
options: {
|
||||
clean: true,
|
||||
ignore: [ "jquery" ],
|
||||
destPrefix: "external"
|
||||
},
|
||||
files: {
|
||||
"qunit/qunit.js": "qunit/qunit/qunit.js",
|
||||
"qunit/qunit.css": "qunit/qunit/qunit.css",
|
||||
"qunit/LICENSE.txt": "qunit/LICENSE.txt",
|
||||
|
||||
"qunit-assert-classes/qunit-assert-classes.js": "qunit-assert-classes/qunit-assert-classes.js",
|
||||
"qunit-assert-classes/LICENSE.txt": "qunit-assert-classes/LICENSE",
|
||||
|
||||
"qunit-assert-close/qunit-assert-close.js": "qunit-assert-close/qunit-assert-close.js",
|
||||
"qunit-assert-close/MIT-LICENSE.txt": "qunit-assert-close/MIT-LICENSE.txt",
|
||||
|
||||
"qunit-composite/qunit-composite.js": "qunit-composite/qunit-composite.js",
|
||||
"qunit-composite/qunit-composite.css": "qunit-composite/qunit-composite.css",
|
||||
"qunit-composite/LICENSE.txt": "qunit-composite/LICENSE.txt",
|
||||
|
||||
"requirejs/require.js": "requirejs/require.js",
|
||||
|
||||
"jquery-mousewheel/jquery.mousewheel.js": "jquery-mousewheel/jquery.mousewheel.js",
|
||||
"jquery-mousewheel/LICENSE.txt": "jquery-mousewheel/LICENSE.txt",
|
||||
|
||||
"jquery-simulate/jquery.simulate.js": "jquery-simulate/jquery.simulate.js",
|
||||
"jquery-simulate/LICENSE.txt": "jquery-simulate/LICENSE.txt",
|
||||
|
||||
"jshint/jshint.js": "jshint/dist/jshint.js",
|
||||
"jshint/LICENSE": "jshint/LICENSE",
|
||||
|
||||
"jquery/jquery.js": "jquery-1.x/dist/jquery.js",
|
||||
"jquery/LICENSE.txt": "jquery-1.x/LICENSE.txt",
|
||||
|
||||
"jquery-1.7.0/jquery.js": "jquery-1.7.0/jquery.js",
|
||||
"jquery-1.7.0/MIT-LICENSE.txt": "jquery-1.7.0/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.7.1/jquery.js": "jquery-1.7.1/jquery.js",
|
||||
"jquery-1.7.1/MIT-LICENSE.txt": "jquery-1.7.1/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.7.2/jquery.js": "jquery-1.7.2/jquery.js",
|
||||
"jquery-1.7.2/MIT-LICENSE.txt": "jquery-1.7.2/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.8.0/jquery.js": "jquery-1.8.0/jquery.js",
|
||||
"jquery-1.8.0/MIT-LICENSE.txt": "jquery-1.8.0/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.8.1/jquery.js": "jquery-1.8.1/jquery.js",
|
||||
"jquery-1.8.1/MIT-LICENSE.txt": "jquery-1.8.1/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.8.2/jquery.js": "jquery-1.8.2/jquery.js",
|
||||
"jquery-1.8.2/MIT-LICENSE.txt": "jquery-1.8.2/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.8.3/jquery.js": "jquery-1.8.3/jquery.js",
|
||||
"jquery-1.8.3/MIT-LICENSE.txt": "jquery-1.8.3/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.9.0/jquery.js": "jquery-1.9.0/jquery.js",
|
||||
"jquery-1.9.0/MIT-LICENSE.txt": "jquery-1.9.0/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.9.1/jquery.js": "jquery-1.9.1/jquery.js",
|
||||
"jquery-1.9.1/MIT-LICENSE.txt": "jquery-1.9.1/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.10.0/jquery.js": "jquery-1.10.0/jquery.js",
|
||||
"jquery-1.10.0/MIT-LICENSE.txt": "jquery-1.10.0/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.10.1/jquery.js": "jquery-1.10.1/jquery.js",
|
||||
"jquery-1.10.1/MIT-LICENSE.txt": "jquery-1.10.1/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.10.2/jquery.js": "jquery-1.10.2/jquery.js",
|
||||
"jquery-1.10.2/MIT-LICENSE.txt": "jquery-1.10.2/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.11.0/jquery.js": "jquery-1.11.0/dist/jquery.js",
|
||||
"jquery-1.11.0/MIT-LICENSE.txt": "jquery-1.11.0/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.11.1/jquery.js": "jquery-1.11.1/dist/jquery.js",
|
||||
"jquery-1.11.1/MIT-LICENSE.txt": "jquery-1.11.1/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.11.2/jquery.js": "jquery-1.11.2/dist/jquery.js",
|
||||
"jquery-1.11.2/MIT-LICENSE.txt": "jquery-1.11.2/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.11.3/jquery.js": "jquery-1.11.3/dist/jquery.js",
|
||||
"jquery-1.11.3/MIT-LICENSE.txt": "jquery-1.11.3/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-1.12.0/jquery.js": "jquery-1.12.0/dist/jquery.js",
|
||||
"jquery-1.12.0/LICENSE.txt": "jquery-1.12.0/LICENSE.txt",
|
||||
|
||||
"jquery-1.12.1/jquery.js": "jquery-1.12.1/dist/jquery.js",
|
||||
"jquery-1.12.1/LICENSE.txt": "jquery-1.12.1/LICENSE.txt",
|
||||
|
||||
"jquery-1.12.2/jquery.js": "jquery-1.12.2/dist/jquery.js",
|
||||
"jquery-1.12.2/LICENSE.txt": "jquery-1.12.2/LICENSE.txt",
|
||||
|
||||
"jquery-1.12.3/jquery.js": "jquery-1.12.3/dist/jquery.js",
|
||||
"jquery-1.12.3/LICENSE.txt": "jquery-1.12.3/LICENSE.txt",
|
||||
|
||||
"jquery-1.12.4/jquery.js": "jquery-1.12.4/dist/jquery.js",
|
||||
"jquery-1.12.4/LICENSE.txt": "jquery-1.12.4/LICENSE.txt",
|
||||
|
||||
"jquery-2.0.0/jquery.js": "jquery-2.0.0/jquery.js",
|
||||
"jquery-2.0.0/MIT-LICENSE.txt": "jquery-2.0.0/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.0.1/jquery.js": "jquery-2.0.1/jquery.js",
|
||||
"jquery-2.0.1/MIT-LICENSE.txt": "jquery-2.0.1/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.0.2/jquery.js": "jquery-2.0.2/jquery.js",
|
||||
"jquery-2.0.2/MIT-LICENSE.txt": "jquery-2.0.2/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.0.3/jquery.js": "jquery-2.0.3/jquery.js",
|
||||
"jquery-2.0.3/MIT-LICENSE.txt": "jquery-2.0.3/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.1.0/jquery.js": "jquery-2.1.0/dist/jquery.js",
|
||||
"jquery-2.1.0/MIT-LICENSE.txt": "jquery-2.1.0/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.1.1/jquery.js": "jquery-2.1.1/dist/jquery.js",
|
||||
"jquery-2.1.1/MIT-LICENSE.txt": "jquery-2.1.1/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.1.2/jquery.js": "jquery-2.1.2/dist/jquery.js",
|
||||
"jquery-2.1.2/MIT-LICENSE.txt": "jquery-2.1.2/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.1.3/jquery.js": "jquery-2.1.3/dist/jquery.js",
|
||||
"jquery-2.1.3/MIT-LICENSE.txt": "jquery-2.1.3/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.1.4/jquery.js": "jquery-2.1.4/dist/jquery.js",
|
||||
"jquery-2.1.4/MIT-LICENSE.txt": "jquery-2.1.4/MIT-LICENSE.txt",
|
||||
|
||||
"jquery-2.2.0/jquery.js": "jquery-2.2.0/dist/jquery.js",
|
||||
"jquery-2.2.0/LICENSE.txt": "jquery-2.2.0/LICENSE.txt",
|
||||
|
||||
"jquery-2.2.1/jquery.js": "jquery-2.2.1/dist/jquery.js",
|
||||
"jquery-2.2.1/LICENSE.txt": "jquery-2.2.1/LICENSE.txt",
|
||||
|
||||
"jquery-2.2.2/jquery.js": "jquery-2.2.2/dist/jquery.js",
|
||||
"jquery-2.2.2/LICENSE.txt": "jquery-2.2.2/LICENSE.txt",
|
||||
|
||||
"jquery-2.2.3/jquery.js": "jquery-2.2.3/dist/jquery.js",
|
||||
"jquery-2.2.3/LICENSE.txt": "jquery-2.2.3/LICENSE.txt",
|
||||
|
||||
"jquery-2.2.4/jquery.js": "jquery-2.2.4/dist/jquery.js",
|
||||
"jquery-2.2.4/LICENSE.txt": "jquery-2.2.4/LICENSE.txt",
|
||||
|
||||
"jquery-3.0.0/jquery.js": "jquery-3.0.0/dist/jquery.js",
|
||||
"jquery-3.0.0/LICENSE.txt": "jquery-3.0.0/LICENSE.txt",
|
||||
|
||||
"jquery-3.1.0/jquery.js": "jquery-3.1.0/dist/jquery.js",
|
||||
"jquery-3.1.0/LICENSE.txt": "jquery-3.1.0/LICENSE.txt"
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
authors: {
|
||||
prior: [
|
||||
"Paul Bakaus <paul.bakaus@gmail.com>",
|
||||
"Richard Worth <rdworth@gmail.com>",
|
||||
"Yehuda Katz <wycats@gmail.com>",
|
||||
"Sean Catchpole <sean@sunsean.com>",
|
||||
"John Resig <jeresig@gmail.com>",
|
||||
"Tane Piper <piper.tane@gmail.com>",
|
||||
"Dmitri Gaskin <dmitrig01@gmail.com>",
|
||||
"Klaus Hartl <klaus.hartl@gmail.com>",
|
||||
"Stefan Petre <stefan.petre@gmail.com>",
|
||||
"Gilles van den Hoven <gilles@webunity.nl>",
|
||||
"Micheil Bryan Smith <micheil@brandedcode.com>",
|
||||
"Jörn Zaefferer <joern.zaefferer@gmail.com>",
|
||||
"Marc Grabanski <m@marcgrabanski.com>",
|
||||
"Keith Wood <kbwood@iinet.com.au>",
|
||||
"Brandon Aaron <brandon.aaron@gmail.com>",
|
||||
"Scott González <scott.gonzalez@gmail.com>",
|
||||
"Eduardo Lundgren <eduardolundgren@gmail.com>",
|
||||
"Aaron Eisenberger <aaronchi@gmail.com>",
|
||||
"Joan Piedra <theneojp@gmail.com>",
|
||||
"Bruno Basto <b.basto@gmail.com>",
|
||||
"Remy Sharp <remy@leftlogic.com>",
|
||||
"Bohdan Ganicky <bohdan.ganicky@gmail.com>"
|
||||
]
|
||||
}
|
||||
});
|
||||
|
||||
grunt.registerTask( "update-authors", function() {
|
||||
var getAuthors = require( "grunt-git-authors" ).getAuthors,
|
||||
done = this.async();
|
||||
|
||||
getAuthors({
|
||||
priorAuthors: grunt.config( "authors.prior" )
|
||||
}, function( error, authors ) {
|
||||
if ( error ) {
|
||||
grunt.log.error( error );
|
||||
return done( false );
|
||||
}
|
||||
|
||||
authors = authors.map(function( author ) {
|
||||
if ( author.match( /^Jacek Jędrzejewski </ ) ) {
|
||||
return "Jacek Jędrzejewski (http://jacek.jedrzejewski.name)";
|
||||
} else if ( author.match( /^Pawel Maruszczyk </ ) ) {
|
||||
return "Pawel Maruszczyk (http://hrabstwo.net)";
|
||||
} else {
|
||||
return author;
|
||||
}
|
||||
});
|
||||
|
||||
grunt.file.write( "AUTHORS.txt",
|
||||
"Authors ordered by first contribution\n" +
|
||||
"A list of current team members is available at http://jqueryui.com/about\n\n" +
|
||||
authors.join( "\n" ) + "\n" );
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
||||
grunt.registerTask( "default", [ "lint", "requirejs", "test" ]);
|
||||
grunt.registerTask( "jenkins", [ "default", "concat" ]);
|
||||
grunt.registerTask( "lint", [ "asciilint", "jshint", "jscs", "csslint", "htmllint" ]);
|
||||
grunt.registerTask( "test", [ "qunit" ]);
|
||||
grunt.registerTask( "sizer", [ "requirejs:js", "uglify:main", "compare_size:all" ]);
|
||||
grunt.registerTask( "sizer_all", [ "requirejs:js", "uglify", "compare_size" ]);
|
||||
|
||||
};
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
Copyright jQuery Foundation and other contributors, https://jquery.org/
|
||||
|
||||
This software consists of voluntary contributions made by many
|
||||
individuals. For exact contribution history, see the revision history
|
||||
available at https://github.com/jquery/jquery-ui
|
||||
|
||||
The following license applies to all parts of this software except as
|
||||
documented below:
|
||||
|
||||
====
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of this software and associated documentation files (the
|
||||
"Software"), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
====
|
||||
|
||||
Copyright and related rights for sample code are waived via CC0. Sample
|
||||
code is defined as all source code contained within the demos directory.
|
||||
|
||||
CC0: http://creativecommons.org/publicdomain/zero/1.0/
|
||||
|
||||
====
|
||||
|
||||
All files located in the node_modules and external directories are
|
||||
externally maintained libraries used by this software which have their
|
||||
own licenses; we recommend you read them, as their terms may differ from
|
||||
the terms above.
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
# [jQuery UI](http://jqueryui.com/) - Interactions and Widgets for the web
|
||||
|
||||
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of jQuery. Whether you're building highly interactive web applications, or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
|
||||
|
||||
If you want to use jQuery UI, go to [jqueryui.com](http://jqueryui.com) to get started, [jqueryui.com/demos/](http://jqueryui.com/demos/) for demos, [api.jqueryui.com](http://api.jqueryui.com/) for API documentation, or the [Using jQuery UI Forum](http://forum.jquery.com/using-jquery-ui) for discussions and questions.
|
||||
|
||||
If you want to report a bug/issue, please visit [bugs.jqueryui.com](http://bugs.jqueryui.com).
|
||||
|
||||
If you are interested in helping develop jQuery UI, you are in the right place.
|
||||
To discuss development with team members and the community, visit the [Developing jQuery UI Forum](http://forum.jquery.com/developing-jquery-ui) or [#jqueryui-dev on irc.freenode.net](http://irc.jquery.org/).
|
||||
|
||||
|
||||
## For Contributors
|
||||
|
||||
If you want to help and provide a patch for a bugfix or new feature, please take
|
||||
a few minutes and look at [our Getting Involved guide](http://wiki.jqueryui.com/w/page/35263114/Getting-Involved).
|
||||
In particular check out the [Coding standards](http://wiki.jqueryui.com/w/page/12137737/Coding-standards)
|
||||
and [Commit Message Style Guide](http://contribute.jquery.org/commits-and-pull-requests/#commit-guidelines).
|
||||
|
||||
In general, fork the project, create a branch for a specific change and send a
|
||||
pull request for that branch. Don't mix unrelated changes. You can use the commit
|
||||
message as the description for the pull request.
|
||||
|
||||
For more information, see the [contributing page](CONTRIBUTING.md).
|
||||
|
||||
## Running the Unit Tests
|
||||
|
||||
Run the unit tests manually with appropriate browsers and any local web server. See our [environment setup](CONTRIBUTING.md#environment-minimum-required) and [information on running tests](CONTRIBUTING.md#running-the-tests).
|
||||
|
||||
You can also run the unit tests inside phantomjs by [setting up your environment](CONTRIBUTING.md#user-content-environment-recommended-setup).
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
{
|
||||
"name": "jquery-ui",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"build",
|
||||
"demos",
|
||||
"external",
|
||||
"tests"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": ">=1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"jquery-mousewheel": "3.1.12",
|
||||
"jquery-simulate": "1.0.0",
|
||||
"jshint": "2.4.4",
|
||||
"qunit": "1.18.0",
|
||||
"qunit-assert-classes": "1.0.2",
|
||||
"qunit-assert-close": "JamesMGreene/qunit-assert-close#v1.1.1",
|
||||
"qunit-composite": "JamesMGreene/qunit-composite#v1.1.0",
|
||||
"requirejs": "2.1.14",
|
||||
|
||||
"jquery-1.7.0": "jquery#1.7.0",
|
||||
"jquery-1.7.1": "jquery#1.7.1",
|
||||
"jquery-1.7.2": "jquery#1.7.2",
|
||||
"jquery-1.8.0": "jquery#1.8.0",
|
||||
"jquery-1.8.1": "jquery#1.8.1",
|
||||
"jquery-1.8.2": "jquery#1.8.2",
|
||||
"jquery-1.8.3": "jquery#1.8.3",
|
||||
"jquery-1.9.0": "jquery#1.9.0",
|
||||
"jquery-1.9.1": "jquery#1.9.1",
|
||||
"jquery-1.10.0": "jquery#1.10.0",
|
||||
"jquery-1.10.1": "jquery#1.10.1",
|
||||
"jquery-1.10.2": "jquery#1.10.2",
|
||||
"jquery-1.11.0": "jquery#1.11.0",
|
||||
"jquery-1.11.1": "jquery#1.11.1",
|
||||
"jquery-1.11.2": "jquery#1.11.2",
|
||||
"jquery-1.11.3": "jquery#1.11.3",
|
||||
"jquery-1.12.0": "jquery#1.12.0",
|
||||
"jquery-1.12.1": "jquery#1.12.1",
|
||||
"jquery-1.12.2": "jquery#1.12.2",
|
||||
"jquery-1.12.3": "jquery#1.12.3",
|
||||
"jquery-1.12.4": "jquery#1.12.4",
|
||||
"jquery-1.x": "jquery#1.12.4",
|
||||
"jquery-2.0.0": "jquery#2.0.0",
|
||||
"jquery-2.0.1": "jquery#2.0.1",
|
||||
"jquery-2.0.2": "jquery#2.0.2",
|
||||
"jquery-2.0.3": "jquery#2.0.3",
|
||||
"jquery-2.1.0": "jquery#2.1.0",
|
||||
"jquery-2.1.1": "jquery#2.1.1",
|
||||
"jquery-2.1.2": "jquery#2.1.2",
|
||||
"jquery-2.1.3": "jquery#2.1.3",
|
||||
"jquery-2.1.4": "jquery#2.1.4",
|
||||
"jquery-2.2.0": "jquery#2.2.0",
|
||||
"jquery-2.2.1": "jquery#2.2.1",
|
||||
"jquery-2.2.2": "jquery#2.2.2",
|
||||
"jquery-2.2.3": "jquery#2.2.3",
|
||||
"jquery-2.2.4": "jquery#2.2.4",
|
||||
"jquery-3.0.0": "jquery#3.0.0",
|
||||
"jquery-3.1.0": "jquery#3.1.0"
|
||||
}
|
||||
}
|
||||
47
jquery-ui/build/release-test.js
vendored
47
jquery-ui/build/release-test.js
vendored
|
|
@ -1,47 +0,0 @@
|
|||
var shell = require( "shelljs" );
|
||||
var Release = {
|
||||
define: function( props ) {
|
||||
for ( var key in props ) {
|
||||
Release[ key ] = props[ key ];
|
||||
}
|
||||
},
|
||||
exec: function( _options, errorMessage ) {
|
||||
var result,
|
||||
command = _options.command || _options,
|
||||
options = {};
|
||||
|
||||
if ( _options.silent ) {
|
||||
options.silent = true;
|
||||
}
|
||||
|
||||
errorMessage = errorMessage || "Error executing command: " + command;
|
||||
|
||||
result = shell.exec( command, options );
|
||||
if ( result.code !== 0 ) {
|
||||
Release.abort( errorMessage );
|
||||
}
|
||||
|
||||
return result.output;
|
||||
},
|
||||
abort: function() {
|
||||
console.error.apply( console, arguments );
|
||||
process.exit( 1 );
|
||||
},
|
||||
newVersion: require( "../package" ).version
|
||||
};
|
||||
|
||||
var script = require( "./release" );
|
||||
script( Release );
|
||||
|
||||
// Ignores actual version installed, should be good enough for a test
|
||||
if ( shell.exec( "npm ls --depth 0 | grep download.jqueryui.com" ).code === 1 ) {
|
||||
shell.exec( "npm install " + script.dependencies.join( " " ) );
|
||||
}
|
||||
|
||||
// If AUTHORS.txt is outdated, this will update it
|
||||
// Very annoying during an actual release
|
||||
shell.exec( "grunt update-authors" );
|
||||
|
||||
Release.generateArtifacts( function() {
|
||||
console.log( "Done generating artifacts, verify output, should be in dist/cdn" );
|
||||
} );
|
||||
118
jquery-ui/build/release.js
vendored
118
jquery-ui/build/release.js
vendored
|
|
@ -1,118 +0,0 @@
|
|||
module.exports = function( Release ) {
|
||||
|
||||
var crypto = require( "crypto" );
|
||||
var shell = require( "shelljs" ),
|
||||
path = require( "path" ),
|
||||
fs = require( "fs" );
|
||||
|
||||
function replaceAtVersion() {
|
||||
console.log( "Replacing @VERSION..." );
|
||||
var matches = [];
|
||||
|
||||
function recurse( folder ) {
|
||||
fs.readdirSync( folder ).forEach( function( fileName ) {
|
||||
var content,
|
||||
fullPath = folder + "/" + fileName;
|
||||
if ( fs.statSync( fullPath ).isDirectory() ) {
|
||||
recurse( fullPath );
|
||||
return;
|
||||
}
|
||||
content = fs.readFileSync( fullPath, {
|
||||
encoding: "utf-8"
|
||||
} );
|
||||
if ( !/@VERSION/.test( content ) ) {
|
||||
return;
|
||||
}
|
||||
matches.push( fullPath );
|
||||
fs.writeFileSync( fullPath, content.replace( /@VERSION/g, Release.newVersion ) );
|
||||
} );
|
||||
}
|
||||
|
||||
[ "ui", "themes" ].forEach( recurse );
|
||||
|
||||
console.log( "Replaced @VERSION in " + matches.length + " files." );
|
||||
|
||||
return matches;
|
||||
}
|
||||
|
||||
function addManifest( packager ) {
|
||||
var output = packager.builtFiles;
|
||||
output.MANIFEST = Object.keys( output ).sort( function( a, b ) {
|
||||
return a.localeCompare( b );
|
||||
} ).map( function( filepath ) {
|
||||
var md5 = crypto.createHash( "md5" );
|
||||
md5.update( output[ filepath ] );
|
||||
return filepath + " " + md5.digest( "hex" );
|
||||
} ).join( "\n" );
|
||||
}
|
||||
|
||||
function buildCDNPackage( callback ) {
|
||||
console.log( "Building CDN package" );
|
||||
var JqueryUi = require( "download.jqueryui.com/lib/jquery-ui" );
|
||||
var Package = require( "download.jqueryui.com/lib/package-1-12-themes" );
|
||||
var Packager = require( "node-packager" );
|
||||
var jqueryUi = new JqueryUi( path.resolve( "." ) );
|
||||
var target = fs.createWriteStream( "../" + jqueryUi.pkg.name + "-" + jqueryUi.pkg.version +
|
||||
"-cdn.zip" );
|
||||
var packager = new Packager( jqueryUi.files().cache, Package, {
|
||||
components: jqueryUi.components().map( function( component ) {
|
||||
return component.name;
|
||||
} ),
|
||||
jqueryUi: jqueryUi,
|
||||
themeVars: null
|
||||
} );
|
||||
packager.ready.then( function() {
|
||||
addManifest( packager );
|
||||
packager.toZip( target, {
|
||||
basedir: ""
|
||||
}, function( error ) {
|
||||
if ( error ) {
|
||||
Release.abort( "Failed to zip CDN package", error );
|
||||
}
|
||||
callback();
|
||||
} );
|
||||
} );
|
||||
}
|
||||
|
||||
Release.define( {
|
||||
npmPublish: true,
|
||||
issueTracker: "trac",
|
||||
contributorReportId: 22,
|
||||
changelogShell: function() {
|
||||
var monthNames = [ "January", "February", "March", "April", "May", "June", "July",
|
||||
"August", "September", "October", "November", "December" ],
|
||||
now = new Date();
|
||||
return "<script>{\n\t\"title\": \"jQuery UI " + Release.newVersion + " Changelog\"\n" +
|
||||
"}</script>\n\nReleased on " + monthNames[ now.getMonth() ] + " " + now.getDate() +
|
||||
", " + now.getFullYear() + "\n\n";
|
||||
},
|
||||
generateArtifacts: function( fn ) {
|
||||
var files = replaceAtVersion();
|
||||
|
||||
buildCDNPackage( function copyCdnFiles() {
|
||||
var zipFile = shell.ls( "../jquery*-cdn.zip" )[ 0 ],
|
||||
tmpFolder = "../tmp-zip-output",
|
||||
unzipCommand = "unzip -o " + zipFile + " -d " + tmpFolder;
|
||||
|
||||
console.log( "Unzipping for dist/cdn copies" );
|
||||
shell.mkdir( "-p", tmpFolder );
|
||||
Release.exec( {
|
||||
command: unzipCommand,
|
||||
silent: true
|
||||
}, "Failed to unzip cdn files" );
|
||||
|
||||
shell.mkdir( "-p", "dist/cdn" );
|
||||
shell.cp( tmpFolder + "/jquery-ui*.js", "dist/cdn" );
|
||||
shell.cp( "-r", tmpFolder + "/themes", "dist/cdn" );
|
||||
fn( files );
|
||||
} );
|
||||
}
|
||||
} );
|
||||
|
||||
};
|
||||
|
||||
module.exports.dependencies = [
|
||||
"download.jqueryui.com@2.1.2",
|
||||
"node-packager@0.0.6",
|
||||
"shelljs@0.2.6"
|
||||
];
|
||||
42
jquery-ui/build/tasks/build.js
vendored
42
jquery-ui/build/tasks/build.js
vendored
|
|
@ -1,42 +0,0 @@
|
|||
module.exports = function( grunt ) {
|
||||
|
||||
"use strict";
|
||||
|
||||
grunt.registerTask( "clean", function() {
|
||||
require( "rimraf" ).sync( "dist" );
|
||||
} );
|
||||
|
||||
grunt.registerTask( "asciilint", function() {
|
||||
var valid = true,
|
||||
files = grunt.file.expand( { filter: "isFile" }, "ui/*.js" );
|
||||
files.forEach( function( filename ) {
|
||||
var i, c,
|
||||
text = grunt.file.read( filename );
|
||||
|
||||
// Ensure files use only \n for line endings, not \r\n
|
||||
if ( /\x0d\x0a/.test( text ) ) {
|
||||
grunt.log.error( filename + ": Incorrect line endings (\\r\\n)" );
|
||||
valid = false;
|
||||
}
|
||||
|
||||
// Ensure only ASCII chars so script tags don't need a charset attribute
|
||||
if ( text.length !== Buffer.byteLength( text, "utf8" ) ) {
|
||||
grunt.log.error( filename + ": Non-ASCII characters detected:" );
|
||||
for ( i = 0; i < text.length; i++ ) {
|
||||
c = text.charCodeAt( i );
|
||||
if ( c > 127 ) {
|
||||
grunt.log.error( "- position " + i + ": " + c );
|
||||
grunt.log.error( "-- " + text.substring( i - 20, i + 20 ) );
|
||||
break;
|
||||
}
|
||||
}
|
||||
valid = false;
|
||||
}
|
||||
} );
|
||||
if ( valid ) {
|
||||
grunt.log.ok( files.length + " files lint free." );
|
||||
}
|
||||
return valid;
|
||||
} );
|
||||
|
||||
};
|
||||
108
jquery-ui/build/tasks/testswarm.js
vendored
108
jquery-ui/build/tasks/testswarm.js
vendored
|
|
@ -1,108 +0,0 @@
|
|||
module.exports = function( grunt ) {
|
||||
|
||||
"use strict";
|
||||
|
||||
var versions = {
|
||||
"git": "git",
|
||||
"3.1": "3.1.0",
|
||||
"3.0": "3.0.0",
|
||||
"2.2": "2.2.4",
|
||||
"2.1": "2.1.4",
|
||||
"2.0": "2.0.3",
|
||||
"1.12": "1.12.4",
|
||||
"1.11": "1.11.3",
|
||||
"1.10": "1.10.2",
|
||||
"1.9": "1.9.1",
|
||||
"1.8": "1.8.3",
|
||||
"1.7": "1.7.2"
|
||||
},
|
||||
tests = {
|
||||
"Accordion": "accordion/accordion.html",
|
||||
"Autocomplete": "autocomplete/autocomplete.html",
|
||||
"Button": "button/button.html",
|
||||
"Checkboxradio": "checkboxradio/checkboxradio.html",
|
||||
"Controlgroup": "controlgroup/controlgroup.html",
|
||||
"Core": "core/core.html",
|
||||
"Datepicker": "datepicker/datepicker.html",
|
||||
"Dialog": "dialog/dialog.html",
|
||||
"Draggable": "draggable/draggable.html",
|
||||
"Droppable": "droppable/droppable.html",
|
||||
"Effects": "effects/effects.html",
|
||||
"Form Reset Mixin": "form-reset-mixin/form-reset-mixin.html",
|
||||
"Menu": "menu/menu.html",
|
||||
"Position": "position/position.html",
|
||||
"Progressbar": "progressbar/progressbar.html",
|
||||
"Resizable": "resizable/resizable.html",
|
||||
"Selectable": "selectable/selectable.html",
|
||||
"Selectmenu": "selectmenu/selectmenu.html",
|
||||
"Slider": "slider/slider.html",
|
||||
"Sortable": "sortable/sortable.html",
|
||||
"Spinner": "spinner/spinner.html",
|
||||
"Tabs": "tabs/tabs.html",
|
||||
"Tooltip": "tooltip/tooltip.html",
|
||||
"Widget": "widget/widget.html"
|
||||
};
|
||||
|
||||
function submit( commit, runs, configFile, extra, done ) {
|
||||
var testName,
|
||||
testswarm = require( "testswarm" ),
|
||||
config = grunt.file.readJSON( configFile ).jqueryui,
|
||||
browserSets = config.browserSets,
|
||||
commitUrl = "https://github.com/jquery/jquery-ui/commit/" + commit;
|
||||
|
||||
if ( extra ) {
|
||||
|
||||
// jQuery >= 2.0.0 don't support IE 8.
|
||||
if ( extra.substring( 0, 6 ) !== "core 1" ) {
|
||||
browserSets = "jquery-ui-future";
|
||||
}
|
||||
|
||||
extra = " (" + extra + ")";
|
||||
}
|
||||
|
||||
for ( testName in runs ) {
|
||||
runs[ testName ] = config.testUrl + commit + "/tests/unit/" + runs[ testName ];
|
||||
}
|
||||
|
||||
testswarm.createClient( {
|
||||
url: config.swarmUrl
|
||||
} )
|
||||
.addReporter( testswarm.reporters.cli )
|
||||
.auth( {
|
||||
id: config.authUsername,
|
||||
token: config.authToken
|
||||
} )
|
||||
.addjob( {
|
||||
name: "Commit <a href='" + commitUrl + "'>" + commit.substr( 0, 10 ) + "</a>" + extra,
|
||||
runs: runs,
|
||||
runMax: config.runMax,
|
||||
browserSets: browserSets,
|
||||
timeout: 1000 * 60 * 30
|
||||
}, function( error, passed ) {
|
||||
if ( error ) {
|
||||
grunt.log.error( error );
|
||||
}
|
||||
done( passed );
|
||||
} );
|
||||
}
|
||||
|
||||
grunt.registerTask( "testswarm", function( commit, configFile ) {
|
||||
var test,
|
||||
latestTests = {};
|
||||
for ( test in tests ) {
|
||||
latestTests[ test ] = tests[ test ] + "?nojshint=true";
|
||||
}
|
||||
submit( commit, latestTests, configFile, "", this.async() );
|
||||
} );
|
||||
|
||||
grunt.registerTask( "testswarm-multi-jquery", function( commit, configFile, minor ) {
|
||||
var allTests = {};
|
||||
versions[ minor ].split( " " ).forEach( function( version ) {
|
||||
for ( var test in tests ) {
|
||||
allTests[ test + "-" + version ] = tests[ test ] + "?nojshint=true&jquery=" + version;
|
||||
}
|
||||
} );
|
||||
submit( commit, allTests, configFile, "core " + minor, this.async() );
|
||||
} );
|
||||
|
||||
};
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,46 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Accordion - Collapse content</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#accordion" ).accordion({
|
||||
collapsible: true
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="accordion">
|
||||
<h3>Section 1</h3>
|
||||
<div>
|
||||
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||
</div>
|
||||
<h3>Section 2</h3>
|
||||
<div>
|
||||
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||
</div>
|
||||
<h3>Section 3</h3>
|
||||
<div>
|
||||
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||
<ul>
|
||||
<li>List item one</li>
|
||||
<li>List item two</li>
|
||||
<li>List item three</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Section 4</h3>
|
||||
<div>
|
||||
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the <code>collapsible</code> option to true. Click on the currently open section to collapse its content pane.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Accordion - Customize icons</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="button">
|
||||
var icons = {
|
||||
header: "ui-icon-circle-arrow-e",
|
||||
activeHeader: "ui-icon-circle-arrow-s"
|
||||
};
|
||||
$( "#accordion" ).accordion({
|
||||
icons: icons
|
||||
});
|
||||
$( "#toggle" ).button().on( "click", function() {
|
||||
if ( $( "#accordion" ).accordion( "option", "icons" ) ) {
|
||||
$( "#accordion" ).accordion( "option", "icons", null );
|
||||
} else {
|
||||
$( "#accordion" ).accordion( "option", "icons", icons );
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="accordion">
|
||||
<h3>Section 1</h3>
|
||||
<div>
|
||||
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||
</div>
|
||||
<h3>Section 2</h3>
|
||||
<div>
|
||||
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||
</div>
|
||||
<h3>Section 3</h3>
|
||||
<div>
|
||||
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||
<ul>
|
||||
<li>List item one</li>
|
||||
<li>List item two</li>
|
||||
<li>List item three</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Section 4</h3>
|
||||
<div>
|
||||
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button id="toggle">Toggle icons</button>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Customize the header icons with the <code>icons</code> option, which accepts classes for the header's default and active (open) state. Use any class from the UI CSS framework, or create custom classes with background images.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Accordion - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#accordion" ).accordion();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="accordion">
|
||||
<h3>Section 1</h3>
|
||||
<div>
|
||||
<p>
|
||||
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
|
||||
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
|
||||
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
|
||||
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
|
||||
</p>
|
||||
</div>
|
||||
<h3>Section 2</h3>
|
||||
<div>
|
||||
<p>
|
||||
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
|
||||
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
|
||||
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
|
||||
suscipit faucibus urna.
|
||||
</p>
|
||||
</div>
|
||||
<h3>Section 3</h3>
|
||||
<div>
|
||||
<p>
|
||||
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
|
||||
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
|
||||
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
|
||||
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
|
||||
</p>
|
||||
<ul>
|
||||
<li>List item one</li>
|
||||
<li>List item two</li>
|
||||
<li>List item three</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Section 4</h3>
|
||||
<div>
|
||||
<p>
|
||||
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
|
||||
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
|
||||
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
|
||||
mauris vel est.
|
||||
</p>
|
||||
<p>
|
||||
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
|
||||
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
|
||||
inceptos himenaeos.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>
|
||||
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
|
||||
Optionally, toggle sections open/closed on mouseover.
|
||||
</p>
|
||||
<p>
|
||||
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
|
||||
usable without JavaScript.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Accordion - Fill space</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#accordion-resizer {
|
||||
padding: 10px;
|
||||
width: 350px;
|
||||
height: 220px;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="resizable">
|
||||
$( "#accordion" ).accordion({
|
||||
heightStyle: "fill"
|
||||
});
|
||||
|
||||
$( "#accordion-resizer" ).resizable({
|
||||
minHeight: 140,
|
||||
minWidth: 200,
|
||||
resize: function() {
|
||||
$( "#accordion" ).accordion( "refresh" );
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h3 class="docs">Resize the outer container:</h3>
|
||||
|
||||
<div id="accordion-resizer" class="ui-widget-content">
|
||||
<div id="accordion">
|
||||
<h3>Section 1</h3>
|
||||
<div>
|
||||
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||
</div>
|
||||
<h3>Section 2</h3>
|
||||
<div>
|
||||
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||
</div>
|
||||
<h3>Section 3</h3>
|
||||
<div>
|
||||
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||
<ul>
|
||||
<li>List item one</li>
|
||||
<li>List item two</li>
|
||||
<li>List item three</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Section 4</h3>
|
||||
<div>
|
||||
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the <code>heightStyle</code> option to <code>"fill"</code>, and the script will automatically set the dimensions of the accordion to the height of its parent container.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Accordion Demos</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a href="default.html">Default functionality</a></li>
|
||||
<li><a href="fillspace.html">Fill space</a></li>
|
||||
<li><a href="no-auto-height.html">No auto height</a></li>
|
||||
<li><a href="collapsible.html">Collapse content</a></li>
|
||||
<li><a href="custom-icons.html">Customize icons</a></li>
|
||||
<li><a href="sortable.html">Sortable</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Accordion - No auto height</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#accordion" ).accordion({
|
||||
heightStyle: "content"
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="accordion">
|
||||
<h3>Section 1</h3>
|
||||
<div>
|
||||
<p>Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||
</div>
|
||||
<h3>Section 2</h3>
|
||||
<div>
|
||||
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||
</div>
|
||||
<h3>Section 3</h3>
|
||||
<div>
|
||||
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||
<ul>
|
||||
<li>List item</li>
|
||||
<li>List item</li>
|
||||
<li>List item</li>
|
||||
<li>List item</li>
|
||||
<li>List item</li>
|
||||
<li>List item</li>
|
||||
<li>List item</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Setting <code>heightStyle: "content"</code> allows the accordion panels to keep their native height.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Accordion - Sortable</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="sortable">
|
||||
$( "#accordion" )
|
||||
.accordion({
|
||||
header: "> div > h3"
|
||||
})
|
||||
.sortable({
|
||||
axis: "y",
|
||||
handle: "h3",
|
||||
stop: function( event, ui ) {
|
||||
// IE doesn't register the blur when sorting
|
||||
// so trigger focusout handlers to remove .ui-state-focus
|
||||
ui.item.children( "h3" ).triggerHandler( "focusout" );
|
||||
|
||||
// Refresh accordion to handle new order
|
||||
$( this ).accordion( "refresh" );
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="accordion">
|
||||
<div class="group">
|
||||
<h3>Section 1</h3>
|
||||
<div>
|
||||
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<h3>Section 2</h3>
|
||||
<div>
|
||||
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<h3>Section 3</h3>
|
||||
<div>
|
||||
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
|
||||
<ul>
|
||||
<li>List item one</li>
|
||||
<li>List item two</li>
|
||||
<li>List item three</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="group">
|
||||
<h3>Section 4</h3>
|
||||
<div>
|
||||
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Drag the header to re-order panels.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Categories</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-autocomplete-category {
|
||||
font-weight: bold;
|
||||
padding: .2em .4em;
|
||||
margin: .8em 0 .2em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$.widget( "custom.catcomplete", $.ui.autocomplete, {
|
||||
_create: function() {
|
||||
this._super();
|
||||
this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" );
|
||||
},
|
||||
_renderMenu: function( ul, items ) {
|
||||
var that = this,
|
||||
currentCategory = "";
|
||||
$.each( items, function( index, item ) {
|
||||
var li;
|
||||
if ( item.category != currentCategory ) {
|
||||
ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
|
||||
currentCategory = item.category;
|
||||
}
|
||||
li = that._renderItemData( ul, item );
|
||||
if ( item.category ) {
|
||||
li.attr( "aria-label", item.category + " : " + item.label );
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
var data = [
|
||||
{ label: "anders", category: "" },
|
||||
{ label: "andreas", category: "" },
|
||||
{ label: "antal", category: "" },
|
||||
{ label: "annhhx10", category: "Products" },
|
||||
{ label: "annk K12", category: "Products" },
|
||||
{ label: "annttop C13", category: "Products" },
|
||||
{ label: "anders andersson", category: "People" },
|
||||
{ label: "andreas andersson", category: "People" },
|
||||
{ label: "andreas johnson", category: "People" }
|
||||
];
|
||||
|
||||
$( "#search" ).catcomplete({
|
||||
delay: 0,
|
||||
source: data
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<label for="search">Search: </label>
|
||||
<input id="search">
|
||||
|
||||
<div class="demo-description">
|
||||
<p>A categorized search result. Try typing "a" or "n".</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,202 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Combobox</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.custom-combobox {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.custom-combobox-toggle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin-left: -1px;
|
||||
padding: 0;
|
||||
}
|
||||
.custom-combobox-input {
|
||||
margin: 0;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="tooltip button">
|
||||
$.widget( "custom.combobox", {
|
||||
_create: function() {
|
||||
this.wrapper = $( "<span>" )
|
||||
.addClass( "custom-combobox" )
|
||||
.insertAfter( this.element );
|
||||
|
||||
this.element.hide();
|
||||
this._createAutocomplete();
|
||||
this._createShowAllButton();
|
||||
},
|
||||
|
||||
_createAutocomplete: function() {
|
||||
var selected = this.element.children( ":selected" ),
|
||||
value = selected.val() ? selected.text() : "";
|
||||
|
||||
this.input = $( "<input>" )
|
||||
.appendTo( this.wrapper )
|
||||
.val( value )
|
||||
.attr( "title", "" )
|
||||
.addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
|
||||
.autocomplete({
|
||||
delay: 0,
|
||||
minLength: 0,
|
||||
source: $.proxy( this, "_source" )
|
||||
})
|
||||
.tooltip({
|
||||
classes: {
|
||||
"ui-tooltip": "ui-state-highlight"
|
||||
}
|
||||
});
|
||||
|
||||
this._on( this.input, {
|
||||
autocompleteselect: function( event, ui ) {
|
||||
ui.item.option.selected = true;
|
||||
this._trigger( "select", event, {
|
||||
item: ui.item.option
|
||||
});
|
||||
},
|
||||
|
||||
autocompletechange: "_removeIfInvalid"
|
||||
});
|
||||
},
|
||||
|
||||
_createShowAllButton: function() {
|
||||
var input = this.input,
|
||||
wasOpen = false;
|
||||
|
||||
$( "<a>" )
|
||||
.attr( "tabIndex", -1 )
|
||||
.attr( "title", "Show All Items" )
|
||||
.tooltip()
|
||||
.appendTo( this.wrapper )
|
||||
.button({
|
||||
icons: {
|
||||
primary: "ui-icon-triangle-1-s"
|
||||
},
|
||||
text: false
|
||||
})
|
||||
.removeClass( "ui-corner-all" )
|
||||
.addClass( "custom-combobox-toggle ui-corner-right" )
|
||||
.on( "mousedown", function() {
|
||||
wasOpen = input.autocomplete( "widget" ).is( ":visible" );
|
||||
})
|
||||
.on( "click", function() {
|
||||
input.trigger( "focus" );
|
||||
|
||||
// Close if already visible
|
||||
if ( wasOpen ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Pass empty string as value to search for, displaying all results
|
||||
input.autocomplete( "search", "" );
|
||||
});
|
||||
},
|
||||
|
||||
_source: function( request, response ) {
|
||||
var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
|
||||
response( this.element.children( "option" ).map(function() {
|
||||
var text = $( this ).text();
|
||||
if ( this.value && ( !request.term || matcher.test(text) ) )
|
||||
return {
|
||||
label: text,
|
||||
value: text,
|
||||
option: this
|
||||
};
|
||||
}) );
|
||||
},
|
||||
|
||||
_removeIfInvalid: function( event, ui ) {
|
||||
|
||||
// Selected an item, nothing to do
|
||||
if ( ui.item ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Search for a match (case-insensitive)
|
||||
var value = this.input.val(),
|
||||
valueLowerCase = value.toLowerCase(),
|
||||
valid = false;
|
||||
this.element.children( "option" ).each(function() {
|
||||
if ( $( this ).text().toLowerCase() === valueLowerCase ) {
|
||||
this.selected = valid = true;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// Found a match, nothing to do
|
||||
if ( valid ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Remove invalid value
|
||||
this.input
|
||||
.val( "" )
|
||||
.attr( "title", value + " didn't match any item" )
|
||||
.tooltip( "open" );
|
||||
this.element.val( "" );
|
||||
this._delay(function() {
|
||||
this.input.tooltip( "close" ).attr( "title", "" );
|
||||
}, 2500 );
|
||||
this.input.autocomplete( "instance" ).term = "";
|
||||
},
|
||||
|
||||
_destroy: function() {
|
||||
this.wrapper.remove();
|
||||
this.element.show();
|
||||
}
|
||||
});
|
||||
|
||||
$( "#combobox" ).combobox();
|
||||
$( "#toggle" ).on( "click", function() {
|
||||
$( "#combobox" ).toggle();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label>Your preferred programming language: </label>
|
||||
<select id="combobox">
|
||||
<option value="">Select one...</option>
|
||||
<option value="ActionScript">ActionScript</option>
|
||||
<option value="AppleScript">AppleScript</option>
|
||||
<option value="Asp">Asp</option>
|
||||
<option value="BASIC">BASIC</option>
|
||||
<option value="C">C</option>
|
||||
<option value="C++">C++</option>
|
||||
<option value="Clojure">Clojure</option>
|
||||
<option value="COBOL">COBOL</option>
|
||||
<option value="ColdFusion">ColdFusion</option>
|
||||
<option value="Erlang">Erlang</option>
|
||||
<option value="Fortran">Fortran</option>
|
||||
<option value="Groovy">Groovy</option>
|
||||
<option value="Haskell">Haskell</option>
|
||||
<option value="Java">Java</option>
|
||||
<option value="JavaScript">JavaScript</option>
|
||||
<option value="Lisp">Lisp</option>
|
||||
<option value="Perl">Perl</option>
|
||||
<option value="PHP">PHP</option>
|
||||
<option value="Python">Python</option>
|
||||
<option value="Ruby">Ruby</option>
|
||||
<option value="Scala">Scala</option>
|
||||
<option value="Scheme">Scheme</option>
|
||||
</select>
|
||||
</div>
|
||||
<button id="toggle">Show underlying select</button>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>A custom widget built by composition of Autocomplete and Button. You can either type something into the field to get filtered suggestions based on your input, or use the button to get the full list of selections.</p>
|
||||
<p>The input is read from an existing select-element for progressive enhancement, passed to Autocomplete with a customized source-option.</p>
|
||||
<p>This is not a supported or even complete widget. Its purely for demoing what autocomplete can do with a bit of customization. <a href="http://www.learningjquery.com/2010/06/a-jquery-ui-combobox-under-the-hood">For a detailed explanation of how the widget works, check out this Learning jQuery article.</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Custom data and display</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#project-label {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
#project-icon {
|
||||
float: left;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
#project-description {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
var projects = [
|
||||
{
|
||||
value: "jquery",
|
||||
label: "jQuery",
|
||||
desc: "the write less, do more, JavaScript library",
|
||||
icon: "jquery_32x32.png"
|
||||
},
|
||||
{
|
||||
value: "jquery-ui",
|
||||
label: "jQuery UI",
|
||||
desc: "the official user interface library for jQuery",
|
||||
icon: "jqueryui_32x32.png"
|
||||
},
|
||||
{
|
||||
value: "sizzlejs",
|
||||
label: "Sizzle JS",
|
||||
desc: "a pure-JavaScript CSS selector engine",
|
||||
icon: "sizzlejs_32x32.png"
|
||||
}
|
||||
];
|
||||
|
||||
$( "#project" ).autocomplete({
|
||||
minLength: 0,
|
||||
source: projects,
|
||||
focus: function( event, ui ) {
|
||||
$( "#project" ).val( ui.item.label );
|
||||
return false;
|
||||
},
|
||||
select: function( event, ui ) {
|
||||
$( "#project" ).val( ui.item.label );
|
||||
$( "#project-id" ).val( ui.item.value );
|
||||
$( "#project-description" ).html( ui.item.desc );
|
||||
$( "#project-icon" ).attr( "src", "images/" + ui.item.icon );
|
||||
|
||||
return false;
|
||||
}
|
||||
})
|
||||
.autocomplete( "instance" )._renderItem = function( ul, item ) {
|
||||
return $( "<li>" )
|
||||
.append( "<div>" + item.label + "<br>" + item.desc + "</div>" )
|
||||
.appendTo( ul );
|
||||
};
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="project-label">Select a project (type "j" for a start):</div>
|
||||
<img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default" alt="">
|
||||
<input id="project">
|
||||
<input type="hidden" id="project-id">
|
||||
<p id="project-description"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>You can use your own custom data formats and displays by simply overriding the default focus and select actions.</p>
|
||||
<p>Try typing "j" to get a list of projects or just press the down arrow.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
var availableTags = [
|
||||
"ActionScript",
|
||||
"AppleScript",
|
||||
"Asp",
|
||||
"BASIC",
|
||||
"C",
|
||||
"C++",
|
||||
"Clojure",
|
||||
"COBOL",
|
||||
"ColdFusion",
|
||||
"Erlang",
|
||||
"Fortran",
|
||||
"Groovy",
|
||||
"Haskell",
|
||||
"Java",
|
||||
"JavaScript",
|
||||
"Lisp",
|
||||
"Perl",
|
||||
"PHP",
|
||||
"Python",
|
||||
"Ruby",
|
||||
"Scala",
|
||||
"Scheme"
|
||||
];
|
||||
$( "#tags" ).autocomplete({
|
||||
source: availableTags
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="tags">Tags: </label>
|
||||
<input id="tags">
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
|
||||
<p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Accent folding</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
var names = [ "Jörn Zaefferer", "Scott González", "John Resig" ];
|
||||
|
||||
var accentMap = {
|
||||
"á": "a",
|
||||
"ö": "o"
|
||||
};
|
||||
var normalize = function( term ) {
|
||||
var ret = "";
|
||||
for ( var i = 0; i < term.length; i++ ) {
|
||||
ret += accentMap[ term.charAt(i) ] || term.charAt(i);
|
||||
}
|
||||
return ret;
|
||||
};
|
||||
|
||||
$( "#developer" ).autocomplete({
|
||||
source: function( request, response ) {
|
||||
var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
|
||||
response( $.grep( names, function( value ) {
|
||||
value = value.label || value.value || value;
|
||||
return matcher.test( value ) || matcher.test( normalize( value ) );
|
||||
}) );
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<form>
|
||||
<label for="developer">Developer: </label>
|
||||
<input id="developer">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The autocomplete field uses a custom source option which will match results that have accented characters even when the text field doesn't contain accented characters. However if the you type in accented characters in the text field it is smart enough not to show results that aren't accented.</p>
|
||||
<p>Try typing "Jo" to see "John" and "Jörn", then type "Jö" to see only "Jörn".</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 965 B |
Binary file not shown.
|
Before Width: | Height: | Size: 68 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
|
|
@ -1,26 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete Demos</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a href="default.html">Default functionality</a></li>
|
||||
<li><a href="remote.html">Remote datasource</a></li>
|
||||
<li><a href="remote-with-cache.html">Remote with caching</a></li>
|
||||
<li><a href="remote-jsonp.html">Remote JSONP datasource</a></li>
|
||||
<li><a href="maxheight.html">Scrollable results</a></li>
|
||||
<li><a href="combobox.html">Combobox</a></li>
|
||||
<li><a href="custom-data.html">Custom data and display</a></li>
|
||||
<li><a href="xml.html">XML data parsed once</a></li>
|
||||
<li><a href="categories.html">Categories</a></li>
|
||||
<li><a href="folding.html">Accent folding</a></li>
|
||||
<li><a href="multiple.html">Multiple values</a></li>
|
||||
<li><a href="multiple-remote.html">Multiple, remote</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,114 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<geonames style="MEDIUM">
|
||||
<totalResultsCount>6987</totalResultsCount>
|
||||
<geoname>
|
||||
<name>London</name>
|
||||
<lat>51.5084152563931</lat>
|
||||
<lng>-0.125532746315002</lng>
|
||||
<geonameId>2643743</geonameId>
|
||||
<countryCode>GB</countryCode>
|
||||
<countryName>United Kingdom</countryName>
|
||||
|
||||
<fcl>P</fcl>
|
||||
<fcode>PPLC</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>London</name>
|
||||
<lat>42.983389283</lat>
|
||||
<lng>-81.233042387</lng>
|
||||
<geonameId>6058560</geonameId>
|
||||
<countryCode>CA</countryCode>
|
||||
<countryName>Canada</countryName>
|
||||
|
||||
<fcl>P</fcl>
|
||||
<fcode>PPL</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>East London</name>
|
||||
<lat>-33.0152850934643</lat>
|
||||
<lng>27.9116249084473</lng>
|
||||
<geonameId>1006984</geonameId>
|
||||
<countryCode>ZA</countryCode>
|
||||
<countryName>South Africa</countryName>
|
||||
|
||||
<fcl>P</fcl>
|
||||
<fcode>PPL</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>City</name>
|
||||
<lat>51.5133363996235</lat>
|
||||
<lng>-0.0890064239501953</lng>
|
||||
<geonameId>2643744</geonameId>
|
||||
<countryCode>GB</countryCode>
|
||||
<countryName>United Kingdom</countryName>
|
||||
|
||||
<fcl>A</fcl>
|
||||
<fcode>ADM2</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>London</name>
|
||||
<lat>37.1289771</lat>
|
||||
<lng>-84.0832646</lng>
|
||||
<geonameId>4298960</geonameId>
|
||||
<countryCode>US</countryCode>
|
||||
<countryName>United States</countryName>
|
||||
|
||||
<fcl>P</fcl>
|
||||
<fcode>PPL</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>The Tower of London</name>
|
||||
<lat>51.5082349601834</lat>
|
||||
<lng>-0.0763034820556641</lng>
|
||||
<geonameId>6286786</geonameId>
|
||||
<countryCode>GB</countryCode>
|
||||
<countryName>United Kingdom</countryName>
|
||||
|
||||
<fcl>S</fcl>
|
||||
<fcode>CSTL</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>London Reefs</name>
|
||||
<lat>8.85</lat>
|
||||
<lng>112.5333333</lng>
|
||||
<geonameId>1879967</geonameId>
|
||||
<countryCode> </countryCode>
|
||||
<countryName> </countryName>
|
||||
|
||||
<fcl>U</fcl>
|
||||
<fcode>RFSU</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>Greater London</name>
|
||||
<lat>51.5</lat>
|
||||
<lng>-0.1666667</lng>
|
||||
<geonameId>2648110</geonameId>
|
||||
<countryCode>GB</countryCode>
|
||||
<countryName>United Kingdom</countryName>
|
||||
|
||||
<fcl>A</fcl>
|
||||
<fcode>ADM2</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>London</name>
|
||||
<lat>46.1666667</lat>
|
||||
<lng>6.0166667</lng>
|
||||
<geonameId>2661811</geonameId>
|
||||
<countryCode>CH</countryCode>
|
||||
<countryName>Switzerland</countryName>
|
||||
|
||||
<fcl>H</fcl>
|
||||
<fcode>STM</fcode>
|
||||
</geoname>
|
||||
<geoname>
|
||||
<name>London Borough of Islington</name>
|
||||
<lat>51.5333333</lat>
|
||||
<lng>-0.1333333</lng>
|
||||
<geonameId>3333156</geonameId>
|
||||
<countryCode>GB</countryCode>
|
||||
<countryName>United Kingdom</countryName>
|
||||
|
||||
<fcl>A</fcl>
|
||||
<fcode>ADM2</fcode>
|
||||
</geoname>
|
||||
</geonames>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Scrollable results</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-autocomplete {
|
||||
max-height: 100px;
|
||||
overflow-y: auto;
|
||||
/* prevent horizontal scrollbar */
|
||||
overflow-x: hidden;
|
||||
}
|
||||
/* IE 6 doesn't support max-height
|
||||
* we use height instead, but this forces the menu to always be this tall
|
||||
*/
|
||||
* html .ui-autocomplete {
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
var availableTags = [
|
||||
"ActionScript",
|
||||
"AppleScript",
|
||||
"Asp",
|
||||
"BASIC",
|
||||
"C",
|
||||
"C++",
|
||||
"Clojure",
|
||||
"COBOL",
|
||||
"ColdFusion",
|
||||
"Erlang",
|
||||
"Fortran",
|
||||
"Groovy",
|
||||
"Haskell",
|
||||
"Java",
|
||||
"JavaScript",
|
||||
"Lisp",
|
||||
"Perl",
|
||||
"PHP",
|
||||
"Python",
|
||||
"Ruby",
|
||||
"Scala",
|
||||
"Scheme"
|
||||
];
|
||||
$( "#tags" ).autocomplete({
|
||||
source: availableTags
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="tags">Tags: </label>
|
||||
<input id="tags">
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large. Try typing "a" or "s" above to get a long list of results that you can scroll through.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,74 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Multiple, remote</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-autocomplete-loading {
|
||||
background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
function split( val ) {
|
||||
return val.split( /,\s*/ );
|
||||
}
|
||||
function extractLast( term ) {
|
||||
return split( term ).pop();
|
||||
}
|
||||
|
||||
$( "#birds" )
|
||||
// don't navigate away from the field on tab when selecting an item
|
||||
.on( "keydown", function( event ) {
|
||||
if ( event.keyCode === $.ui.keyCode.TAB &&
|
||||
$( this ).autocomplete( "instance" ).menu.active ) {
|
||||
event.preventDefault();
|
||||
}
|
||||
})
|
||||
.autocomplete({
|
||||
source: function( request, response ) {
|
||||
$.getJSON( "search.php", {
|
||||
term: extractLast( request.term )
|
||||
}, response );
|
||||
},
|
||||
search: function() {
|
||||
// custom minLength
|
||||
var term = extractLast( this.value );
|
||||
if ( term.length < 2 ) {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
focus: function() {
|
||||
// prevent value inserted on focus
|
||||
return false;
|
||||
},
|
||||
select: function( event, ui ) {
|
||||
var terms = split( this.value );
|
||||
// remove the current input
|
||||
terms.pop();
|
||||
// add the selected item
|
||||
terms.push( ui.item.value );
|
||||
// add placeholder to get the comma-and-space at the end
|
||||
terms.push( "" );
|
||||
this.value = terms.join( ", " );
|
||||
return false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="birds">Birds: </label>
|
||||
<input id="birds" size="50">
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names.</p>
|
||||
<p>This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Multiple values</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
var availableTags = [
|
||||
"ActionScript",
|
||||
"AppleScript",
|
||||
"Asp",
|
||||
"BASIC",
|
||||
"C",
|
||||
"C++",
|
||||
"Clojure",
|
||||
"COBOL",
|
||||
"ColdFusion",
|
||||
"Erlang",
|
||||
"Fortran",
|
||||
"Groovy",
|
||||
"Haskell",
|
||||
"Java",
|
||||
"JavaScript",
|
||||
"Lisp",
|
||||
"Perl",
|
||||
"PHP",
|
||||
"Python",
|
||||
"Ruby",
|
||||
"Scala",
|
||||
"Scheme"
|
||||
];
|
||||
function split( val ) {
|
||||
return val.split( /,\s*/ );
|
||||
}
|
||||
function extractLast( term ) {
|
||||
return split( term ).pop();
|
||||
}
|
||||
|
||||
$( "#tags" )
|
||||
// don't navigate away from the field on tab when selecting an item
|
||||
.on( "keydown", function( event ) {
|
||||
if ( event.keyCode === $.ui.keyCode.TAB &&
|
||||
$( this ).autocomplete( "instance" ).menu.active ) {
|
||||
event.preventDefault();
|
||||
}
|
||||
})
|
||||
.autocomplete({
|
||||
minLength: 0,
|
||||
source: function( request, response ) {
|
||||
// delegate back to autocomplete, but extract the last term
|
||||
response( $.ui.autocomplete.filter(
|
||||
availableTags, extractLast( request.term ) ) );
|
||||
},
|
||||
focus: function() {
|
||||
// prevent value inserted on focus
|
||||
return false;
|
||||
},
|
||||
select: function( event, ui ) {
|
||||
var terms = split( this.value );
|
||||
// remove the current input
|
||||
terms.pop();
|
||||
// add the selected item
|
||||
terms.push( ui.item.value );
|
||||
// add placeholder to get the comma-and-space at the end
|
||||
terms.push( "" );
|
||||
this.value = terms.join( ", " );
|
||||
return false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="tags">Tag programming languages: </label>
|
||||
<input id="tags" size="50">
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Usage: Type something, eg. "j" to see suggestions for tagging with programming languages. Select a value, then continue typing to add more.</p>
|
||||
<p>This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Remote JSONP datasource</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-autocomplete-loading {
|
||||
background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
|
||||
}
|
||||
#city { width: 25em; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
function log( message ) {
|
||||
$( "<div>" ).text( message ).prependTo( "#log" );
|
||||
$( "#log" ).scrollTop( 0 );
|
||||
}
|
||||
|
||||
$( "#city" ).autocomplete({
|
||||
source: function( request, response ) {
|
||||
$.ajax( {
|
||||
url: "http://gd.geobytes.com/AutoCompleteCity",
|
||||
dataType: "jsonp",
|
||||
data: {
|
||||
q: request.term
|
||||
},
|
||||
success: function( data ) {
|
||||
|
||||
// Handle 'no match' indicated by [ "" ] response
|
||||
response( data.length === 1 && data[ 0 ].length === 0 ? [] : data );
|
||||
}
|
||||
} );
|
||||
},
|
||||
minLength: 3,
|
||||
select: function( event, ui ) {
|
||||
log( "Selected: " + ui.item.label );
|
||||
}
|
||||
} );
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="city">Your city: </label>
|
||||
<input id="city" type="text">
|
||||
Powered by <a href="http://geobytes.com">geobytes.com</a>
|
||||
</div>
|
||||
|
||||
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
|
||||
Result:
|
||||
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are cities, displayed when at least three characters are entered into the field. The datasource is the <a href="http://geobytes.com">geobytes.com webservice</a>. That data is also available in callbacks, as illustrated by the Result area below the input.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Remote with caching</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-autocomplete-loading {
|
||||
background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
var cache = {};
|
||||
$( "#birds" ).autocomplete({
|
||||
minLength: 2,
|
||||
source: function( request, response ) {
|
||||
var term = request.term;
|
||||
if ( term in cache ) {
|
||||
response( cache[ term ] );
|
||||
return;
|
||||
}
|
||||
|
||||
$.getJSON( "search.php", request, function( data, status, xhr ) {
|
||||
cache[ term ] = data;
|
||||
response( data );
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="birds">Birds: </label>
|
||||
<input id="birds">
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.</p>
|
||||
<p>Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - Remote datasource</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-autocomplete-loading {
|
||||
background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
function log( message ) {
|
||||
$( "<div>" ).text( message ).prependTo( "#log" );
|
||||
$( "#log" ).scrollTop( 0 );
|
||||
}
|
||||
|
||||
$( "#birds" ).autocomplete({
|
||||
source: "search.php",
|
||||
minLength: 2,
|
||||
select: function( event, ui ) {
|
||||
log( ui.item ?
|
||||
"Selected: " + ui.item.value + " aka " + ui.item.id :
|
||||
"Nothing selected, input was " + this.value );
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="birds">Birds: </label>
|
||||
<input id="birds">
|
||||
</div>
|
||||
|
||||
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
|
||||
Result:
|
||||
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.</p>
|
||||
<p>The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option. In addition, the minLength-option is set to 2 to avoid queries that would return too many results and the select-event is used to display some feedback.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,589 +0,0 @@
|
|||
<?php
|
||||
|
||||
sleep( 3 );
|
||||
// no term passed - just exit early with no response
|
||||
if (empty($_GET['term'])) exit ;
|
||||
$q = strtolower($_GET["term"]);
|
||||
// remove slashes if they were magically added
|
||||
if (get_magic_quotes_gpc()) $q = stripslashes($q);
|
||||
|
||||
$items = array(
|
||||
"Great Bittern"=>"Botaurus stellaris",
|
||||
"Little Grebe"=>"Tachybaptus ruficollis",
|
||||
"Black-necked Grebe"=>"Podiceps nigricollis",
|
||||
"Little Bittern"=>"Ixobrychus minutus",
|
||||
"Black-crowned Night Heron"=>"Nycticorax nycticorax",
|
||||
"Purple Heron"=>"Ardea purpurea",
|
||||
"White Stork"=>"Ciconia ciconia",
|
||||
"Spoonbill"=>"Platalea leucorodia",
|
||||
"Red-crested Pochard"=>"Netta rufina",
|
||||
"Common Eider"=>"Somateria mollissima",
|
||||
"Red Kite"=>"Milvus milvus",
|
||||
"Hen Harrier"=>"Circus cyaneus",
|
||||
"Montagu`s Harrier"=>"Circus pygargus",
|
||||
"Black Grouse"=>"Tetrao tetrix",
|
||||
"Grey Partridge"=>"Perdix perdix",
|
||||
"Spotted Crake"=>"Porzana porzana",
|
||||
"Corncrake"=>"Crex crex",
|
||||
"Common Crane"=>"Grus grus",
|
||||
"Avocet"=>"Recurvirostra avosetta",
|
||||
"Stone Curlew"=>"Burhinus oedicnemus",
|
||||
"Common Ringed Plover"=>"Charadrius hiaticula",
|
||||
"Kentish Plover"=>"Charadrius alexandrinus",
|
||||
"Ruff"=>"Philomachus pugnax",
|
||||
"Common Snipe"=>"Gallinago gallinago",
|
||||
"Black-tailed Godwit"=>"Limosa limosa",
|
||||
"Common Redshank"=>"Tringa totanus",
|
||||
"Sandwich Tern"=>"Sterna sandvicensis",
|
||||
"Common Tern"=>"Sterna hirundo",
|
||||
"Arctic Tern"=>"Sterna paradisaea",
|
||||
"Little Tern"=>"Sternula albifrons",
|
||||
"Black Tern"=>"Chlidonias niger",
|
||||
"Barn Owl"=>"Tyto alba",
|
||||
"Little Owl"=>"Athene noctua",
|
||||
"Short-eared Owl"=>"Asio flammeus",
|
||||
"European Nightjar"=>"Caprimulgus europaeus",
|
||||
"Common Kingfisher"=>"Alcedo atthis",
|
||||
"Eurasian Hoopoe"=>"Upupa epops",
|
||||
"Eurasian Wryneck"=>"Jynx torquilla",
|
||||
"European Green Woodpecker"=>"Picus viridis",
|
||||
"Crested Lark"=>"Galerida cristata",
|
||||
"White-headed Duck"=>"Oxyura leucocephala",
|
||||
"Pale-bellied Brent Goose"=>"Branta hrota",
|
||||
"Tawny Pipit"=>"Anthus campestris",
|
||||
"Whinchat"=>"Saxicola rubetra",
|
||||
"European Stonechat"=>"Saxicola rubicola",
|
||||
"Northern Wheatear"=>"Oenanthe oenanthe",
|
||||
"Savi`s Warbler"=>"Locustella luscinioides",
|
||||
"Sedge Warbler"=>"Acrocephalus schoenobaenus",
|
||||
"Great Reed Warbler"=>"Acrocephalus arundinaceus",
|
||||
"Bearded Reedling"=>"Panurus biarmicus",
|
||||
"Red-backed Shrike"=>"Lanius collurio",
|
||||
"Great Grey Shrike"=>"Lanius excubitor",
|
||||
"Woodchat Shrike"=>"Lanius senator",
|
||||
"Common Raven"=>"Corvus corax",
|
||||
"Yellowhammer"=>"Emberiza citrinella",
|
||||
"Ortolan Bunting"=>"Emberiza hortulana",
|
||||
"Corn Bunting"=>"Emberiza calandra",
|
||||
"Great Cormorant"=>"Phalacrocorax carbo",
|
||||
"Hawfinch"=>"Coccothraustes coccothraustes",
|
||||
"Common Shelduck"=>"Tadorna tadorna",
|
||||
"Bluethroat"=>"Luscinia svecica",
|
||||
"Grey Heron"=>"Ardea cinerea",
|
||||
"Barn Swallow"=>"Hirundo rustica",
|
||||
"Hooded Crow"=>"Corvus cornix",
|
||||
"Dunlin"=>"Calidris alpina",
|
||||
"Eurasian Pied Flycatcher"=>"Ficedula hypoleuca",
|
||||
"Eurasian Nuthatch"=>"Sitta europaea",
|
||||
"Short-toed Tree Creeper"=>"Certhia brachydactyla",
|
||||
"Wood Lark"=>"Lullula arborea",
|
||||
"Tree Pipit"=>"Anthus trivialis",
|
||||
"Eurasian Hobby"=>"Falco subbuteo",
|
||||
"Marsh Warbler"=>"Acrocephalus palustris",
|
||||
"Wood Sandpiper"=>"Tringa glareola",
|
||||
"Tawny Owl"=>"Strix aluco",
|
||||
"Lesser Whitethroat"=>"Sylvia curruca",
|
||||
"Barnacle Goose"=>"Branta leucopsis",
|
||||
"Common Goldeneye"=>"Bucephala clangula",
|
||||
"Western Marsh Harrier"=>"Circus aeruginosus",
|
||||
"Common Buzzard"=>"Buteo buteo",
|
||||
"Sanderling"=>"Calidris alba",
|
||||
"Little Gull"=>"Larus minutus",
|
||||
"Eurasian Magpie"=>"Pica pica",
|
||||
"Willow Warbler"=>"Phylloscopus trochilus",
|
||||
"Wood Warbler"=>"Phylloscopus sibilatrix",
|
||||
"Great Crested Grebe"=>"Podiceps cristatus",
|
||||
"Eurasian Jay"=>"Garrulus glandarius",
|
||||
"Common Redstart"=>"Phoenicurus phoenicurus",
|
||||
"Blue-headed Wagtail"=>"Motacilla flava",
|
||||
"Common Swift"=>"Apus apus",
|
||||
"Marsh Tit"=>"Poecile palustris",
|
||||
"Goldcrest"=>"Regulus regulus",
|
||||
"European Golden Plover"=>"Pluvialis apricaria",
|
||||
"Eurasian Bullfinch"=>"Pyrrhula pyrrhula",
|
||||
"Common Whitethroat"=>"Sylvia communis",
|
||||
"Meadow Pipit"=>"Anthus pratensis",
|
||||
"Greylag Goose"=>"Anser anser",
|
||||
"Spotted Flycatcher"=>"Muscicapa striata",
|
||||
"European Greenfinch"=>"Carduelis chloris",
|
||||
"Common Greenshank"=>"Tringa nebularia",
|
||||
"Great Spotted Woodpecker"=>"Dendrocopos major",
|
||||
"Greater Canada Goose"=>"Branta canadensis",
|
||||
"Mistle Thrush"=>"Turdus viscivorus",
|
||||
"Great Black-backed Gull"=>"Larus marinus",
|
||||
"Goosander"=>"Mergus merganser",
|
||||
"Great Egret"=>"Casmerodius albus",
|
||||
"Northern Goshawk"=>"Accipiter gentilis",
|
||||
"Dunnock"=>"Prunella modularis",
|
||||
"Stock Dove"=>"Columba oenas",
|
||||
"Common Wood Pigeon"=>"Columba palumbus",
|
||||
"Eurasian Woodcock"=>"Scolopax rusticola",
|
||||
"House Sparrow"=>"Passer domesticus",
|
||||
"Common House Martin"=>"Delichon urbicum",
|
||||
"Red Knot"=>"Calidris canutus",
|
||||
"Western Jackdaw"=>"Corvus monedula",
|
||||
"Brambling"=>"Fringilla montifringilla",
|
||||
"Northern Lapwing"=>"Vanellus vanellus",
|
||||
"European Reed Warbler"=>"Acrocephalus scirpaceus",
|
||||
"Lesser Black-backed Gull"=>"Larus fuscus",
|
||||
"Little Egret"=>"Egretta garzetta",
|
||||
"Little Stint"=>"Calidris minuta",
|
||||
"Common Linnet"=>"Carduelis cannabina",
|
||||
"Mute Swan"=>"Cygnus olor",
|
||||
"Common Cuckoo"=>"Cuculus canorus",
|
||||
"Black-headed Gull"=>"Larus ridibundus",
|
||||
"Greater White-fronted Goose"=>"Anser albifrons",
|
||||
"Great Tit"=>"Parus major",
|
||||
"Redwing"=>"Turdus iliacus",
|
||||
"Gadwall"=>"Anas strepera",
|
||||
"Fieldfare"=>"Turdus pilaris",
|
||||
"Tufted Duck"=>"Aythya fuligula",
|
||||
"Crested Tit"=>"Lophophanes cristatus",
|
||||
"Willow Tit"=>"Poecile montanus",
|
||||
"Eurasian Coot"=>"Fulica atra",
|
||||
"Common Blackbird"=>"Turdus merula",
|
||||
"Smew"=>"Mergus albellus",
|
||||
"Common Sandpiper"=>"Actitis hypoleucos",
|
||||
"Sand Martin"=>"Riparia riparia",
|
||||
"Purple Sandpiper"=>"Calidris maritima",
|
||||
"Northern Pintail"=>"Anas acuta",
|
||||
"Blue Tit"=>"Cyanistes caeruleus",
|
||||
"European Goldfinch"=>"Carduelis carduelis",
|
||||
"Eurasian Whimbrel"=>"Numenius phaeopus",
|
||||
"Common Reed Bunting"=>"Emberiza schoeniclus",
|
||||
"Eurasian Tree Sparrow"=>"Passer montanus",
|
||||
"Rook"=>"Corvus frugilegus",
|
||||
"European Robin"=>"Erithacus rubecula",
|
||||
"Bar-tailed Godwit"=>"Limosa lapponica",
|
||||
"Dark-bellied Brent Goose"=>"Branta bernicla",
|
||||
"Eurasian Oystercatcher"=>"Haematopus ostralegus",
|
||||
"Eurasian Siskin"=>"Carduelis spinus",
|
||||
"Northern Shoveler"=>"Anas clypeata",
|
||||
"Eurasian Wigeon"=>"Anas penelope",
|
||||
"Eurasian Sparrow Hawk"=>"Accipiter nisus",
|
||||
"Icterine Warbler"=>"Hippolais icterina",
|
||||
"Common Starling"=>"Sturnus vulgaris",
|
||||
"Long-tailed Tit"=>"Aegithalos caudatus",
|
||||
"Ruddy Turnstone"=>"Arenaria interpres",
|
||||
"Mew Gull"=>"Larus canus",
|
||||
"Common Pochard"=>"Aythya ferina",
|
||||
"Common Chiffchaff"=>"Phylloscopus collybita",
|
||||
"Greater Scaup"=>"Aythya marila",
|
||||
"Common Kestrel"=>"Falco tinnunculus",
|
||||
"Garden Warbler"=>"Sylvia borin",
|
||||
"Eurasian Collared Dove"=>"Streptopelia decaocto",
|
||||
"Eurasian Skylark"=>"Alauda arvensis",
|
||||
"Common Chaffinch"=>"Fringilla coelebs",
|
||||
"Common Moorhen"=>"Gallinula chloropus",
|
||||
"Water Pipit"=>"Anthus spinoletta",
|
||||
"Mallard"=>"Anas platyrhynchos",
|
||||
"Winter Wren"=>"Troglodytes troglodytes",
|
||||
"Common Teal"=>"Anas crecca",
|
||||
"Green Sandpiper"=>"Tringa ochropus",
|
||||
"White Wagtail"=>"Motacilla alba",
|
||||
"Eurasian Curlew"=>"Numenius arquata",
|
||||
"Song Thrush"=>"Turdus philomelos",
|
||||
"European Herring Gull"=>"Larus argentatus",
|
||||
"Grey Plover"=>"Pluvialis squatarola",
|
||||
"Carrion Crow"=>"Corvus corone",
|
||||
"Coal Tit"=>"Periparus ater",
|
||||
"Spotted Redshank"=>"Tringa erythropus",
|
||||
"Blackcap"=>"Sylvia atricapilla",
|
||||
"Egyptian Vulture"=>"Neophron percnopterus",
|
||||
"Razorbill"=>"Alca torda",
|
||||
"Alpine Swift"=>"Apus melba",
|
||||
"Long-legged Buzzard"=>"Buteo rufinus",
|
||||
"Audouin`s Gull"=>"Larus audouinii",
|
||||
"Balearic Shearwater"=>"Puffinus mauretanicus",
|
||||
"Upland Sandpiper"=>"Bartramia longicauda",
|
||||
"Greater Spotted Eagle"=>"Aquila clanga",
|
||||
"Ring Ouzel"=>"Turdus torquatus",
|
||||
"Yellow-browed Warbler"=>"Phylloscopus inornatus",
|
||||
"Blue Rock Thrush"=>"Monticola solitarius",
|
||||
"Buff-breasted Sandpiper"=>"Tryngites subruficollis",
|
||||
"Jack Snipe"=>"Lymnocryptes minimus",
|
||||
"White-rumped Sandpiper"=>"Calidris fuscicollis",
|
||||
"Ruddy Shelduck"=>"Tadorna ferruginea",
|
||||
"Cetti's Warbler"=>"Cettia cetti",
|
||||
"Citrine Wagtail"=>"Motacilla citreola",
|
||||
"Roseate Tern"=>"Sterna dougallii",
|
||||
"Black-legged Kittiwake"=>"Rissa tridactyla",
|
||||
"Pygmy Cormorant"=>"Phalacrocorax pygmeus",
|
||||
"Booted Eagle"=>"Aquila pennata",
|
||||
"Lesser White-fronted Goose"=>"Anser erythropus",
|
||||
"Little Bunting"=>"Emberiza pusilla",
|
||||
"Eleonora's Falcon"=>"Falco eleonorae",
|
||||
"European Serin"=>"Serinus serinus",
|
||||
"Twite"=>"Carduelis flavirostris",
|
||||
"Yellow-legged Gull"=>"Larus michahellis",
|
||||
"Gyr Falcon"=>"Falco rusticolus",
|
||||
"Greenish Warbler"=>"Phylloscopus trochiloides",
|
||||
"Red-necked Phalarope"=>"Phalaropus lobatus",
|
||||
"Mealy Redpoll"=>"Carduelis flammea",
|
||||
"Glaucous Gull"=>"Larus hyperboreus",
|
||||
"Great Skua"=>"Stercorarius skua",
|
||||
"Great Bustard"=>"Otis tarda",
|
||||
"Velvet Scoter"=>"Melanitta fusca",
|
||||
"Pine Grosbeak"=>"Pinicola enucleator",
|
||||
"House Crow"=>"Corvus splendens",
|
||||
"Hume`s Leaf Warbler"=>"Phylloscopus humei",
|
||||
"Great Northern Loon"=>"Gavia immer",
|
||||
"Long-tailed Duck"=>"Clangula hyemalis",
|
||||
"Lapland Longspur"=>"Calcarius lapponicus",
|
||||
"Northern Gannet"=>"Morus bassanus",
|
||||
"Eastern Imperial Eagle"=>"Aquila heliaca",
|
||||
"Little Auk"=>"Alle alle",
|
||||
"Lesser Spotted Woodpecker"=>"Dendrocopos minor",
|
||||
"Iceland Gull"=>"Larus glaucoides",
|
||||
"Parasitic Jaeger"=>"Stercorarius parasiticus",
|
||||
"Bewick`s Swan"=>"Cygnus bewickii",
|
||||
"Little Bustard"=>"Tetrax tetrax",
|
||||
"Little Crake"=>"Porzana parva",
|
||||
"Baillon`s Crake"=>"Porzana pusilla",
|
||||
"Long-tailed Jaeger"=>"Stercorarius longicaudus",
|
||||
"King Eider"=>"Somateria spectabilis",
|
||||
"Greater Short-toed Lark"=>"Calandrella brachydactyla",
|
||||
"Houbara Bustard"=>"Chlamydotis undulata",
|
||||
"Curlew Sandpiper"=>"Calidris ferruginea",
|
||||
"Common Crossbill"=>"Loxia curvirostra",
|
||||
"European Shag"=>"Phalacrocorax aristotelis",
|
||||
"Horned Grebe"=>"Podiceps auritus",
|
||||
"Common Quail"=>"Coturnix coturnix",
|
||||
"Bearded Vulture"=>"Gypaetus barbatus",
|
||||
"Lanner Falcon"=>"Falco biarmicus",
|
||||
"Middle Spotted Woodpecker"=>"Dendrocopos medius",
|
||||
"Pomarine Jaeger"=>"Stercorarius pomarinus",
|
||||
"Red-breasted Merganser"=>"Mergus serrator",
|
||||
"Eurasian Black Vulture"=>"Aegypius monachus",
|
||||
"Eurasian Dotterel"=>"Charadrius morinellus",
|
||||
"Common Nightingale"=>"Luscinia megarhynchos",
|
||||
"Northern willow warbler"=>"Phylloscopus trochilus acredula",
|
||||
"Manx Shearwater"=>"Puffinus puffinus",
|
||||
"Northern Fulmar"=>"Fulmarus glacialis",
|
||||
"Eurasian Eagle Owl"=>"Bubo bubo",
|
||||
"Orphean Warbler"=>"Sylvia hortensis",
|
||||
"Melodious Warbler"=>"Hippolais polyglotta",
|
||||
"Pallas's Leaf Warbler"=>"Phylloscopus proregulus",
|
||||
"Atlantic Puffin"=>"Fratercula arctica",
|
||||
"Black-throated Loon"=>"Gavia arctica",
|
||||
"Bohemian Waxwing"=>"Bombycilla garrulus",
|
||||
"Marsh Sandpiper"=>"Tringa stagnatilis",
|
||||
"Great Snipe"=>"Gallinago media",
|
||||
"Squacco Heron"=>"Ardeola ralloides",
|
||||
"Long-eared Owl"=>"Asio otus",
|
||||
"Caspian Tern"=>"Hydroprogne caspia",
|
||||
"Red-breasted Goose"=>"Branta ruficollis",
|
||||
"Red-throated Loon"=>"Gavia stellata",
|
||||
"Common Rosefinch"=>"Carpodacus erythrinus",
|
||||
"Red-footed Falcon"=>"Falco vespertinus",
|
||||
"Ross's Goose"=>"Anser rossii",
|
||||
"Red Phalarope"=>"Phalaropus fulicarius",
|
||||
"Pied Wagtail"=>"Motacilla yarrellii",
|
||||
"Rose-coloured Starling"=>"Sturnus roseus",
|
||||
"Rough-legged Buzzard"=>"Buteo lagopus",
|
||||
"Saker Falcon"=>"Falco cherrug",
|
||||
"European Roller"=>"Coracias garrulus",
|
||||
"Short-toed Eagle"=>"Circaetus gallicus",
|
||||
"Peregrine Falcon"=>"Falco peregrinus",
|
||||
"Merlin"=>"Falco columbarius",
|
||||
"Snow Goose"=>"Anser caerulescens",
|
||||
"Snowy Owl"=>"Bubo scandiacus",
|
||||
"Snow Bunting"=>"Plectrophenax nivalis",
|
||||
"Common Grasshopper Warbler"=>"Locustella naevia",
|
||||
"Golden Eagle"=>"Aquila chrysaetos",
|
||||
"Black-winged Stilt"=>"Himantopus himantopus",
|
||||
"Steppe Eagle"=>"Aquila nipalensis",
|
||||
"Pallid Harrier"=>"Circus macrourus",
|
||||
"European Storm-petrel"=>"Hydrobates pelagicus",
|
||||
"Horned Lark"=>"Eremophila alpestris",
|
||||
"Eurasian Treecreeper"=>"Certhia familiaris",
|
||||
"Taiga Bean Goose"=>"Anser fabalis",
|
||||
"Temminck`s Stint"=>"Calidris temminckii",
|
||||
"Terek Sandpiper"=>"Xenus cinereus",
|
||||
"Tundra Bean Goose"=>"Anser serrirostris",
|
||||
"European Turtle Dove"=>"Streptopelia turtur",
|
||||
"Leach`s Storm-petrel"=>"Oceanodroma leucorhoa",
|
||||
"Eurasian Griffon Vulture"=>"Gyps fulvus",
|
||||
"Paddyfield Warbler"=>"Acrocephalus agricola",
|
||||
"Osprey"=>"Pandion haliaetus",
|
||||
"Firecrest"=>"Regulus ignicapilla",
|
||||
"Water Rail"=>"Rallus aquaticus",
|
||||
"European Honey Buzzard"=>"Pernis apivorus",
|
||||
"Eurasian Golden Oriole"=>"Oriolus oriolus",
|
||||
"Whooper Swan"=>"Cygnus cygnus",
|
||||
"Two-barred Crossbill"=>"Loxia leucoptera",
|
||||
"White-tailed Eagle"=>"Haliaeetus albicilla",
|
||||
"Atlantic Murre"=>"Uria aalge",
|
||||
"Garganey"=>"Anas querquedula",
|
||||
"Black Redstart"=>"Phoenicurus ochruros",
|
||||
"Common Scoter"=>"Melanitta nigra",
|
||||
"Rock Pipit"=>"Anthus petrosus",
|
||||
"Lesser Spotted Eagle"=>"Aquila pomarina",
|
||||
"Cattle Egret"=>"Bubulcus ibis",
|
||||
"White-winged Black Tern"=>"Chlidonias leucopterus",
|
||||
"Black Stork"=>"Ciconia nigra",
|
||||
"Mediterranean Gull"=>"Larus melanocephalus",
|
||||
"Black Kite"=>"Milvus migrans",
|
||||
"Yellow Wagtail"=>"Motacilla flavissima",
|
||||
"Red-necked Grebe"=>"Podiceps grisegena",
|
||||
"Gull-billed Tern"=>"Gelochelidon nilotica",
|
||||
"Pectoral Sandpiper"=>"Calidris melanotos",
|
||||
"Barred Warbler"=>"Sylvia nisoria",
|
||||
"Red-throated Pipit"=>"Anthus cervinus",
|
||||
"Grey Wagtail"=>"Motacilla cinerea",
|
||||
"Richard`s Pipit"=>"Anthus richardi",
|
||||
"Black Woodpecker"=>"Dryocopus martius",
|
||||
"Little Ringed Plover"=>"Charadrius dubius",
|
||||
"Whiskered Tern"=>"Chlidonias hybrida",
|
||||
"Lesser Redpoll"=>"Carduelis cabaret",
|
||||
"Pallas' Bunting"=>"Emberiza pallasi",
|
||||
"Ferruginous Duck"=>"Aythya nyroca",
|
||||
"Whistling Swan"=>"Cygnus columbianus",
|
||||
"Black Brant"=>"Branta nigricans",
|
||||
"Marbled Teal"=>"Marmaronetta angustirostris",
|
||||
"Canvasback"=>"Aythya valisineria",
|
||||
"Redhead"=>"Aythya americana",
|
||||
"Lesser Scaup"=>"Aythya affinis",
|
||||
"Steller`s Eider"=>"Polysticta stelleri",
|
||||
"Spectacled Eider"=>"Somateria fischeri",
|
||||
"Harlequin Duck"=>"Histronicus histrionicus",
|
||||
"Black Scoter"=>"Melanitta americana",
|
||||
"Surf Scoter"=>"Melanitta perspicillata",
|
||||
"Barrow`s Goldeneye"=>"Bucephala islandica",
|
||||
"Falcated Duck"=>"Anas falcata",
|
||||
"American Wigeon"=>"Anas americana",
|
||||
"Blue-winged Teal"=>"Anas discors",
|
||||
"American Black Duck"=>"Anas rubripes",
|
||||
"Baikal Teal"=>"Anas formosa",
|
||||
"Green-Winged Teal"=>"Anas carolinensis",
|
||||
"Hazel Grouse"=>"Bonasa bonasia",
|
||||
"Rock Partridge"=>"Alectoris graeca",
|
||||
"Red-legged Partridge"=>"Alectoris rufa",
|
||||
"Yellow-billed Loon"=>"Gavia adamsii",
|
||||
"Cory`s Shearwater"=>"Calonectris borealis",
|
||||
"Madeiran Storm-Petrel"=>"Oceanodroma castro",
|
||||
"Great White Pelican"=>"Pelecanus onocrotalus",
|
||||
"Dalmatian Pelican"=>"Pelecanus crispus",
|
||||
"American Bittern"=>"Botaurus lentiginosus",
|
||||
"Glossy Ibis"=>"Plegadis falcinellus",
|
||||
"Spanish Imperial Eagle"=>"Aquila adalberti",
|
||||
"Lesser Kestrel"=>"Falco naumanni",
|
||||
"Crab-Plover"=>"Dromas ardeola",
|
||||
"Cream-coloured Courser"=>"Cursorius cursor",
|
||||
"Collared Pratincole"=>"Glareola pratincola",
|
||||
"Black-winged Pratincole"=>"Glareola nordmanni",
|
||||
"Killdeer"=>"Charadrius vociferus",
|
||||
"Lesser Sand Plover"=>"Charadrius mongolus",
|
||||
"Greater Sand Plover"=>"Charadrius leschenaultii",
|
||||
"Caspian Plover"=>"Charadrius asiaticus",
|
||||
"American Golden Plover"=>"Pluvialis dominica",
|
||||
"Pacific Golden Plover"=>"Pluvialis fulva",
|
||||
"Sharp-tailed Sandpiper"=>"Calidris acuminata",
|
||||
"Broad-billed Sandpiper"=>"Limicola falcinellus",
|
||||
"Spoon-Billed Sandpiper"=>"Eurynorhynchus pygmaeus",
|
||||
"Short-Billed Dowitcher"=>"Limnodromus griseus",
|
||||
"Long-billed Dowitcher"=>"Limnodromus scolopaceus",
|
||||
"Hudsonian Godwit"=>"Limosa haemastica",
|
||||
"Little Curlew"=>"Numenius minutus",
|
||||
"Lesser Yellowlegs"=>"Tringa flavipes",
|
||||
"Wilson`s Phalarope"=>"Phalaropus tricolor",
|
||||
"Pallas`s Gull"=>"Larus ichthyaetus",
|
||||
"Laughing Gull"=>"Larus atricilla",
|
||||
"Franklin`s Gull"=>"Larus pipixcan",
|
||||
"Bonaparte`s Gull"=>"Larus philadelphia",
|
||||
"Ring-billed Gull"=>"Larus delawarensis",
|
||||
"American Herring Gull"=>"Larus smithsonianus",
|
||||
"Caspian Gull"=>"Larus cachinnans",
|
||||
"Ivory Gull"=>"Pagophila eburnea",
|
||||
"Royal Tern"=>"Sterna maxima",
|
||||
"Brünnich`s Murre"=>"Uria lomvia",
|
||||
"Crested Auklet"=>"Aethia cristatella",
|
||||
"Parakeet Auklet"=>"Cyclorrhynchus psittacula",
|
||||
"Tufted Puffin"=>"Lunda cirrhata",
|
||||
"Laughing Dove"=>"Streptopelia senegalensis",
|
||||
"Great Spotted Cuckoo"=>"Clamator glandarius",
|
||||
"Great Grey Owl"=>"Strix nebulosa",
|
||||
"Tengmalm`s Owl"=>"Aegolius funereus",
|
||||
"Red-Necked Nightjar"=>"Caprimulgus ruficollis",
|
||||
"Chimney Swift"=>"Chaetura pelagica",
|
||||
"Green Bea-Eater"=>"Merops orientalis",
|
||||
"Grey-headed Woodpecker"=>"Picus canus",
|
||||
"Lesser Short-Toed Lark"=>"Calandrella rufescens",
|
||||
"Eurasian Crag Martin"=>"Hirundo rupestris",
|
||||
"Red-rumped Swallow"=>"Cecropis daurica",
|
||||
"Blyth`s Pipit"=>"Anthus godlewskii",
|
||||
"Pechora Pipit"=>"Anthus gustavi",
|
||||
"Grey-headed Wagtail"=>"Motacilla thunbergi",
|
||||
"Yellow-Headed Wagtail"=>"Motacilla lutea",
|
||||
"White-throated Dipper"=>"Cinclus cinclus",
|
||||
"Rufous-Tailed Scrub Robin"=>"Cercotrichas galactotes",
|
||||
"Thrush Nightingale"=>"Luscinia luscinia",
|
||||
"White-throated Robin"=>"Irania gutturalis",
|
||||
"Caspian Stonechat"=>"Saxicola maura variegata",
|
||||
"Western Black-eared Wheatear"=>"Oenanthe hispanica",
|
||||
"Rufous-tailed Rock Thrush"=>"Monticola saxatilis",
|
||||
"Red-throated Thrush/Black-throated"=>"Turdus ruficollis",
|
||||
"American Robin"=>"Turdus migratorius",
|
||||
"Zitting Cisticola"=>"Cisticola juncidis",
|
||||
"Lanceolated Warbler"=>"Locustella lanceolata",
|
||||
"River Warbler"=>"Locustella fluviatilis",
|
||||
"Blyth`s Reed Warbler"=>"Acrocephalus dumetorum",
|
||||
"Caspian Reed Warbler"=>"Acrocephalus fuscus",
|
||||
"Aquatic Warbler"=>"Acrocephalus paludicola",
|
||||
"Booted Warbler"=>"Acrocephalus caligatus",
|
||||
"Marmora's Warbler"=>"Sylvia sarda",
|
||||
"Dartford Warbler"=>"Sylvia undata",
|
||||
"Subalpine Warbler"=>"Sylvia cantillans",
|
||||
"Ménétries's Warbler"=>"Sylvia mystacea",
|
||||
"Rüppel's Warbler"=>"Sylvia rueppelli",
|
||||
"Asian Desert Warbler"=>"Sylvia nana",
|
||||
"Western Orphean Warbler"=>"Sylvia hortensis hortensis",
|
||||
"Arctic Warbler"=>"Phylloscopus borealis",
|
||||
"Radde`s Warbler"=>"Phylloscopus schwarzi",
|
||||
"Western Bonelli`s Warbler"=>"Phylloscopus bonelli",
|
||||
"Red-breasted Flycatcher"=>"Ficedula parva",
|
||||
"Eurasian Penduline Tit"=>"Remiz pendulinus",
|
||||
"Daurian Shrike"=>"Lanius isabellinus",
|
||||
"Long-Tailed Shrike"=>"Lanius schach",
|
||||
"Lesser Grey Shrike"=>"Lanius minor",
|
||||
"Southern Grey Shrike"=>"Lanius meridionalis",
|
||||
"Masked Shrike"=>"Lanius nubicus",
|
||||
"Spotted Nutcracker"=>"Nucifraga caryocatactes",
|
||||
"Daurian Jackdaw"=>"Corvus dauuricus",
|
||||
"Purple-Backed Starling"=>"Sturnus sturninus",
|
||||
"Red-Fronted Serin"=>"Serinus pusillus",
|
||||
"Arctic Redpoll"=>"Carduelis hornemanni",
|
||||
"Scottish Crossbill"=>"Loxia scotica",
|
||||
"Parrot Crossbill"=>"Loxia pytyopsittacus",
|
||||
"Black-faced Bunting"=>"Emberiza spodocephala",
|
||||
"Pink-footed Goose"=>"Anser brachyrhynchus",
|
||||
"Black-winged Kite"=>"Elanus caeruleus",
|
||||
"European Bee-eater"=>"Merops apiaster",
|
||||
"Sabine`s Gull"=>"Larus sabini",
|
||||
"Sooty Shearwater"=>"Puffinus griseus",
|
||||
"Lesser Canada Goose"=>"Branta hutchinsii",
|
||||
"Ring-necked Duck"=>"Aythya collaris",
|
||||
"Greater Flamingo"=>"Phoenicopterus roseus",
|
||||
"Iberian Chiffchaff"=>"Phylloscopus ibericus",
|
||||
"Ashy-headed Wagtail"=>"Motacilla cinereocapilla",
|
||||
"Stilt Sandpiper"=>"Calidris himantopus",
|
||||
"Siberian Stonechat"=>"Saxicola maurus",
|
||||
"Greater Yellowlegs"=>"Tringa melanoleuca",
|
||||
"Forster`s Tern"=>"Sterna forsteri",
|
||||
"Dusky Warbler"=>"Phylloscopus fuscatus",
|
||||
"Cirl Bunting"=>"Emberiza cirlus",
|
||||
"Olive-backed Pipit"=>"Anthus hodgsoni",
|
||||
"Sociable Lapwing"=>"Vanellus gregarius",
|
||||
"Spotted Sandpiper"=>"Actitis macularius",
|
||||
"Baird`s Sandpiper"=>"Calidris bairdii",
|
||||
"Rustic Bunting"=>"Emberiza rustica",
|
||||
"Yellow-browed Bunting"=>"Emberiza chrysophrys",
|
||||
"Great Shearwater"=>"Puffinus gravis",
|
||||
"Bonelli`s Eagle"=>"Aquila fasciata",
|
||||
"Calandra Lark"=>"Melanocorypha calandra",
|
||||
"Sardinian Warbler"=>"Sylvia melanocephala",
|
||||
"Ross's Gull"=>"Larus roseus",
|
||||
"Yellow-Breasted Bunting"=>"Emberiza aureola",
|
||||
"Pine Bunting"=>"Emberiza leucocephalos",
|
||||
"Black Guillemot"=>"Cepphus grylle",
|
||||
"Pied-billed Grebe"=>"Podilymbus podiceps",
|
||||
"Soft-plumaged Petrel"=>"Pterodroma mollis",
|
||||
"Bulwer's Petrel"=>"Bulweria bulwerii",
|
||||
"White-Faced Storm-Petrel"=>"Pelagodroma marina",
|
||||
"Pallas’s Fish Eagle"=>"Haliaeetus leucoryphus",
|
||||
"Sandhill Crane"=>"Grus canadensis",
|
||||
"Macqueen’s Bustard"=>"Chlamydotis macqueenii",
|
||||
"White-tailed Lapwing"=>"Vanellus leucurus",
|
||||
"Great Knot"=>"Calidris tenuirostris",
|
||||
"Semipalmated Sandpiper"=>"Calidris pusilla",
|
||||
"Red-necked Stint"=>"Calidris ruficollis",
|
||||
"Slender-billed Curlew"=>"Numenius tenuirostris",
|
||||
"Bridled Tern"=>"Onychoprion anaethetus",
|
||||
"Pallas’s Sandgrouse"=>"Syrrhaptes paradoxus",
|
||||
"European Scops Owl"=>"Otus scops",
|
||||
"Northern Hawk Owl"=>"Surnia ulula",
|
||||
"White-Throated Needletail"=>"Hirundapus caudacutus",
|
||||
"Belted Kingfisher"=>"Ceryle alcyon",
|
||||
"Blue-cheeked Bee-eater"=>"Merops persicus",
|
||||
"Black-headed Wagtail"=>"Motacilla feldegg",
|
||||
"Northern Mockingbird"=>"Mimus polyglottos",
|
||||
"Alpine Accentor"=>"Prunella collaris",
|
||||
"Red-flanked Bluetail"=>"Tarsiger cyanurus",
|
||||
"Isabelline Wheatear"=>"Oenanthe isabellina",
|
||||
"Pied Wheatear"=>"Oenanthe pleschanka",
|
||||
"Eastern Black-eared Wheatear"=>"Oenanthe melanoleuca",
|
||||
"Desert Wheatear"=>"Oenanthe deserti",
|
||||
"White`s Thrush"=>"Zoothera aurea",
|
||||
"Siberian Thrush"=>"Zoothera sibirica",
|
||||
"Eyebrowed Thrush"=>"Turdus obscurus",
|
||||
"Dusky Thrush"=>"Turdus eunomus",
|
||||
"Black-throated Thrush"=>"Turdus atrogularis",
|
||||
"Pallas`s Grasshopper Warbler"=>"Locustella certhiola",
|
||||
"Spectacled Warbler"=>"Sylvia conspicillata",
|
||||
"Two-barred Warbler"=>"Phylloscopus plumbeitarsus",
|
||||
"Eastern Bonelli’s Warbler"=>"Phylloscopus orientalis",
|
||||
"Collared Flycatcher"=>"Ficedula albicollis",
|
||||
"Wallcreeper"=>"Tichodroma muraria",
|
||||
"Turkestan Shrike"=>"Lanius phoenicuroides",
|
||||
"Steppe Grey Shrike"=>"Lanius pallidirostris",
|
||||
"Spanish Sparrow"=>"Passer hispaniolensis",
|
||||
"Red-eyed Vireo"=>"Vireo olivaceus",
|
||||
"Myrtle Warbler"=>"Dendroica coronata",
|
||||
"White-crowned Sparrow"=>"Zonotrichia leucophrys",
|
||||
"White-throated Sparrow"=>"Zonotrichia albicollis",
|
||||
"Cretzschmar`s Bunting"=>"Emberiza caesia",
|
||||
"Chestnut Bunting"=>"Emberiza rutila",
|
||||
"Red-headed Bunting"=>"Emberiza bruniceps",
|
||||
"Black-headed Bunting"=>"Emberiza melanocephala",
|
||||
"Indigo Bunting"=>"Passerina cyanea",
|
||||
"Balearic Woodchat Shrike"=>"Lanius senator badius",
|
||||
"Demoiselle Crane"=>"Grus virgo",
|
||||
"Chough"=>"Pyrrhocorax pyrrhocorax",
|
||||
"Red-Billed Chough"=>"Pyrrhocorax graculus",
|
||||
"Elegant Tern"=>"Sterna elegans",
|
||||
"Chukar"=>"Alectoris chukar",
|
||||
"Yellow-Billed Cuckoo"=>"Coccyzus americanus",
|
||||
"American Sandwich Tern"=>"Sterna sandvicensis acuflavida",
|
||||
"Olive-Tree Warbler"=>"Hippolais olivetorum",
|
||||
"Eastern Olivaceous Warbler"=>"Acrocephalus pallidus",
|
||||
"Indian Cormorant"=>"Phalacrocorax fuscicollis",
|
||||
"Spur-Winged Lapwing"=>"Vanellus spinosus",
|
||||
"Yelkouan Shearwater"=>"Puffinus yelkouan",
|
||||
"Trumpeter Finch"=>"Bucanetes githagineus",
|
||||
"Red Grouse"=>"Lagopus scoticus",
|
||||
"Rock Ptarmigan"=>"Lagopus mutus",
|
||||
"Long-Tailed Cormorant"=>"Phalacrocorax africanus",
|
||||
"Double-crested Cormorant"=>"Phalacrocorax auritus",
|
||||
"Magnificent Frigatebird"=>"Fregata magnificens",
|
||||
"Naumann's Thrush"=>"Turdus naumanni",
|
||||
"Oriental Pratincole"=>"Glareola maldivarum",
|
||||
"Bufflehead"=>"Bucephala albeola",
|
||||
"Snowfinch"=>"Montifrigilla nivalis",
|
||||
"Ural owl"=>"Strix uralensis",
|
||||
"Spanish Wagtail"=>"Motacilla iberiae",
|
||||
"Song Sparrow"=>"Melospiza melodia",
|
||||
"Rock Bunting"=>"Emberiza cia",
|
||||
"Siberian Rubythroat"=>"Luscinia calliope",
|
||||
"Pallid Swift"=>"Apus pallidus",
|
||||
"Eurasian Pygmy Owl"=>"Glaucidium passerinum",
|
||||
"Madeira Little Shearwater"=>"Puffinus baroli",
|
||||
"House Finch"=>"Carpodacus mexicanus",
|
||||
"Green Heron"=>"Butorides virescens",
|
||||
"Solitary Sandpiper"=>"Tringa solitaria",
|
||||
"Heuglin's Gull"=>"Larus heuglini"
|
||||
);
|
||||
|
||||
|
||||
$result = array();
|
||||
foreach ($items as $key=>$value) {
|
||||
if (strpos(strtolower($key), $q) !== false) {
|
||||
array_push($result, array("id"=>$value, "label"=>$key, "value" => strip_tags($key)));
|
||||
}
|
||||
if (count($result) > 11)
|
||||
break;
|
||||
}
|
||||
|
||||
// json_encode is available in PHP 5.2 and above, or you can install a PECL module in earlier versions
|
||||
echo json_encode($result);
|
||||
|
||||
?>
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Autocomplete - XML data parsed once</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-autocomplete-loading {
|
||||
background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
function log( message ) {
|
||||
$( "<div/>" ).text( message ).prependTo( "#log" );
|
||||
$( "#log" ).attr( "scrollTop", 0 );
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: "london.xml",
|
||||
dataType: "xml",
|
||||
success: function( xmlResponse ) {
|
||||
var data = $( "geoname", xmlResponse ).map(function() {
|
||||
return {
|
||||
value: $( "name", this ).text() + ", " +
|
||||
( $.trim( $( "countryName", this ).text() ) || "(unknown country)" ),
|
||||
id: $( "geonameId", this ).text()
|
||||
};
|
||||
}).get();
|
||||
$( "#birds" ).autocomplete({
|
||||
source: data,
|
||||
minLength: 0,
|
||||
select: function( event, ui ) {
|
||||
log( ui.item ?
|
||||
"Selected: " + ui.item.value + ", geonameId: " + ui.item.id :
|
||||
"Nothing selected, input was " + this.value );
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ui-widget">
|
||||
<label for="birds">London matches: </label>
|
||||
<input id="birds" />
|
||||
</div>
|
||||
|
||||
<div class="ui-widget" style="margin-top:2em; font-family:Arial">
|
||||
Result:
|
||||
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>This demo shows how to retrieve some XML data, parse it using jQuery's methods, then provide it to the autocomplete as the datasource.</p>
|
||||
<p>This should also serve as a reference on how to parse a remote XML datasource - the parsing would just happen for each request within the source-callback.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
112
jquery-ui/demos/bootstrap.js
vendored
112
jquery-ui/demos/bootstrap.js
vendored
|
|
@ -1,112 +0,0 @@
|
|||
/* globals window, document */
|
||||
( function() {
|
||||
|
||||
// Find the script element
|
||||
var scripts = document.getElementsByTagName( "script" );
|
||||
var script = scripts[ scripts.length - 1 ];
|
||||
|
||||
// Read the modules
|
||||
var modules = script.getAttribute( "data-modules" );
|
||||
var composite = script.getAttribute( "data-composite" ) || false;
|
||||
var pathParts = window.location.pathname.split( "/" );
|
||||
var effectsAll = [
|
||||
"effects/effect-blind",
|
||||
"effects/effect-bounce",
|
||||
"effects/effect-clip",
|
||||
"effects/effect-drop",
|
||||
"effects/effect-explode",
|
||||
"effects/effect-fade",
|
||||
"effects/effect-fold",
|
||||
"effects/effect-highlight",
|
||||
"effects/effect-puff",
|
||||
"effects/effect-pulsate",
|
||||
"effects/effect-scale",
|
||||
"effects/effect-shake",
|
||||
"effects/effect-size",
|
||||
"effects/effect-slide",
|
||||
"effects/effect-transfer"
|
||||
];
|
||||
var widgets = [
|
||||
"accordion",
|
||||
"autocomplete",
|
||||
"button",
|
||||
"checkboxradio",
|
||||
"controlgroup",
|
||||
"datepicker",
|
||||
"dialog",
|
||||
"draggable",
|
||||
"droppable",
|
||||
"menu",
|
||||
"mouse",
|
||||
"progressbar",
|
||||
"resizable",
|
||||
"selectable",
|
||||
"selectmenu",
|
||||
"slider",
|
||||
"sortable",
|
||||
"spinner",
|
||||
"tabs",
|
||||
"tooltip"
|
||||
];
|
||||
|
||||
function getPath( module ) {
|
||||
for ( var i = 0; i < widgets.length; i++ ) {
|
||||
if ( widgets[ i ] === module ) {
|
||||
return "widgets/" + module;
|
||||
}
|
||||
}
|
||||
for ( var j = 0; j < effectsAll.length; j++ ) {
|
||||
if ( module !== "effect" ) {
|
||||
if ( effectsAll[ j ] === module ) {
|
||||
return module;
|
||||
}
|
||||
if ( effectsAll[ j ].indexOf( module ) !== -1 ) {
|
||||
return "effects/" + module;
|
||||
}
|
||||
}
|
||||
}
|
||||
return module;
|
||||
}
|
||||
function fixPaths( modules ) {
|
||||
for ( var i = 0; i < modules.length; i++ ) {
|
||||
modules[ i ] = getPath( modules[ i ] );
|
||||
}
|
||||
return modules;
|
||||
}
|
||||
|
||||
// Hide the page while things are loading to prevent a FOUC
|
||||
document.documentElement.className = "demo-loading";
|
||||
|
||||
require.config( {
|
||||
baseUrl: window.location.pathname.indexOf( "demos/" ) !== -1 ? "../../ui" : "../../../ui",
|
||||
paths: {
|
||||
jquery: "../external/jquery/jquery",
|
||||
external: "../external/"
|
||||
},
|
||||
shim: {
|
||||
"external/globalize/globalize.culture.de-DE": [ "external/globalize/globalize" ],
|
||||
"external/globalize/globalize.culture.ja-JP": [ "external/globalize/globalize" ]
|
||||
}
|
||||
} );
|
||||
|
||||
// Replace effects all shortcut modules with all the effects modules
|
||||
if ( modules && modules.indexOf( "effects-all" ) !== -1 ) {
|
||||
modules = modules.replace( /effects-all/, effectsAll.join( " " ) );
|
||||
}
|
||||
|
||||
modules = modules ? modules.replace( /^\s+|\s+$/g, "" ).split( /\s+/ ) : [];
|
||||
if ( !composite ) {
|
||||
modules.push( pathParts[ pathParts.length - 2 ] );
|
||||
}
|
||||
modules = fixPaths( modules );
|
||||
|
||||
require( modules, function() {
|
||||
var newScript = document.createElement( "script" );
|
||||
|
||||
document.documentElement.className = "";
|
||||
|
||||
newScript.text = "( function() { " + script.innerHTML + " } )();";
|
||||
document.body.appendChild( newScript ).parentNode.removeChild( newScript );
|
||||
} );
|
||||
|
||||
} )();
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Button - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( ".widget input[type=submit], .widget a, .widget button" ).button();
|
||||
$( "button, input, a" ).click( function( event ) {
|
||||
event.preventDefault();
|
||||
} );
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="widget">
|
||||
<h1>Widget Buttons</h1>
|
||||
<button>A button element</button>
|
||||
|
||||
<input type="submit" value="A submit button">
|
||||
|
||||
<a href="#">An anchor</a>
|
||||
</div>
|
||||
<h1>CSS Buttons</h1>
|
||||
<button class="ui-button ui-widget ui-corner-all">A button element</button>
|
||||
|
||||
<input class="ui-button ui-widget ui-corner-all" type="submit" value="A submit button">
|
||||
|
||||
<a class="ui-button ui-widget ui-corner-all" href="#">An anchor</a>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p>
|
||||
<p>Buttons can be styled via the button widget or by adding the classes yourself. This avoids the JavaScript overhead if you don't need any of the methods provided by the button widget.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Button - Icons</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( ".widget button" )
|
||||
.eq( 0 ).button()
|
||||
.end().eq( 1 ).button( {
|
||||
icon: "ui-icon-gear",
|
||||
showLabel: false
|
||||
} ).end().eq( 2 ).button( {
|
||||
icon: "ui-icon-gear"
|
||||
} ).end().eq( 3 ).button( {
|
||||
icon: "ui-icon-gear",
|
||||
iconPosition: "end"
|
||||
} ).end().eq( 4 ).button( {
|
||||
icon: "ui-icon-gear",
|
||||
iconPosition: "top"
|
||||
} ).end().eq( 5 ).button( {
|
||||
icon: "ui-icon-gear",
|
||||
iconPosition: "bottom"
|
||||
} );
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="widget">
|
||||
<h1>Widget</h1>
|
||||
<button>Button with only text</button>
|
||||
<button>Button with icon only</button>
|
||||
<button>Button with icon on the left</button>
|
||||
<button>Button with icon on the right</button>
|
||||
<button>Button with icon on the top</button>
|
||||
<button>Button with icon on the bottom</button>
|
||||
</div>
|
||||
<div class="css">
|
||||
<h1>CSS</h1>
|
||||
<button class="ui-button ui-widget ui-corner-all">
|
||||
Button with only text
|
||||
</button>
|
||||
<button class="ui-button ui-widget ui-corner-all ui-button-icon-only" title="Button with icon only">
|
||||
<span class="ui-icon ui-icon-gear"></span> Button with icon only
|
||||
</button>
|
||||
<button class="ui-button ui-widget ui-corner-all">
|
||||
<span class="ui-icon ui-icon-gear"></span> Button with icon on the left
|
||||
</button>
|
||||
<button class="ui-button ui-widget ui-corner-all">
|
||||
Button with icon on the right <span class="ui-icon ui-icon-gear"></span>
|
||||
</button>
|
||||
<button class="ui-button ui-widget ui-corner-all">
|
||||
<span class="ui-icon ui-icon-gear ui-widget-icon-block"></span> Button with icon on the top
|
||||
</button>
|
||||
<button class="ui-button ui-widget ui-corner-all">
|
||||
Button with icon on the bottom <span class="ui-icon ui-icon-gear ui-widget-icon-block"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="demo-description">
|
||||
<p>Some buttons with various combinations of text and icons.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Button Demos</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a href="default.html">Default functionality</a></li>
|
||||
<li><a href="icons.html">Icons</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Checkboxradio - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "input" ).checkboxradio();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="widget">
|
||||
<h1>Checkbox and radio button widgets</h1>
|
||||
|
||||
<h2>Radio Group</h2>
|
||||
<fieldset>
|
||||
<legend>Select a Location: </legend>
|
||||
<label for="radio-1">New York</label>
|
||||
<input type="radio" name="radio-1" id="radio-1">
|
||||
<label for="radio-2">Paris</label>
|
||||
<input type="radio" name="radio-1" id="radio-2">
|
||||
<label for="radio-3">London</label>
|
||||
<input type="radio" name="radio-1" id="radio-3">
|
||||
</fieldset>
|
||||
|
||||
<h2>Checkbox</h2>
|
||||
<fieldset>
|
||||
<legend>Hotel Ratings: </legend>
|
||||
<label for="checkbox-1">2 Star</label>
|
||||
<input type="checkbox" name="checkbox-1" id="checkbox-1">
|
||||
<label for="checkbox-2">3 Star</label>
|
||||
<input type="checkbox" name="checkbox-2" id="checkbox-2">
|
||||
<label for="checkbox-3">4 Star</label>
|
||||
<input type="checkbox" name="checkbox-3" id="checkbox-3">
|
||||
<label for="checkbox-4">5 Star</label>
|
||||
<input type="checkbox" name="checkbox-4" id="checkbox-4">
|
||||
</fieldset>
|
||||
|
||||
<h2>Checkbox nested in label</h2>
|
||||
<fieldset>
|
||||
<legend>Bed Type: </legend>
|
||||
<label for="checkbox-nested-1">2 Double
|
||||
<input type="checkbox" name="checkbox-nested-1" id="checkbox-nested-1">
|
||||
</label>
|
||||
<label for="checkbox-nested-2">2 Queen
|
||||
<input type="checkbox" name="checkbox-nested-2" id="checkbox-nested-2">
|
||||
</label>
|
||||
<label for="checkbox-nested-3">1 Queen
|
||||
<input type="checkbox" name="checkbox-nested-3" id="checkbox-nested-3">
|
||||
</label>
|
||||
<label for="checkbox-nested-4">1 King
|
||||
<input type="checkbox" name="checkbox-nested-4" id="checkbox-nested-4">
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Examples of the markup that can be used with checkboxes and radio buttons.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.1 KiB |
|
|
@ -1,18 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Checkboxradio Demos</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a href="default.html">Default functionality</a></li>
|
||||
<li><a href="no-icons.html">No icons</a></li>
|
||||
<li><a href="radiogroup.html">Radiogroup</a></li>
|
||||
<li><a href="product-selector.html">Product Selector</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Checkboxradio - No Icons</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "input" ).checkboxradio({
|
||||
icon: false
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="widget">
|
||||
<h1>Checkbox and radio button widgets</h1>
|
||||
|
||||
<h2>Radio Group</h2>
|
||||
<fieldset>
|
||||
<legend>Select a Location: </legend>
|
||||
<label for="radio-1">New York</label>
|
||||
<input type="radio" name="radio-1" id="radio-1">
|
||||
<label for="radio-2">Paris</label>
|
||||
<input type="radio" name="radio-1" id="radio-2">
|
||||
<label for="radio-3">London</label>
|
||||
<input type="radio" name="radio-1" id="radio-3">
|
||||
</fieldset>
|
||||
|
||||
<h2>Checkbox</h2>
|
||||
<fieldset>
|
||||
<legend>Hotel Ratings: </legend>
|
||||
<label for="checkbox-1">2 Star</label>
|
||||
<input type="checkbox" name="checkbox-1" id="checkbox-1">
|
||||
<label for="checkbox-2">3 Star</label>
|
||||
<input type="checkbox" name="checkbox-2" id="checkbox-2">
|
||||
<label for="checkbox-3">4 Star</label>
|
||||
<input type="checkbox" name="checkbox-3" id="checkbox-3">
|
||||
<label for="checkbox-4">5 Star</label>
|
||||
<input type="checkbox" name="checkbox-4" id="checkbox-4">
|
||||
</fieldset>
|
||||
|
||||
<h2>Checkbox nested in label</h2>
|
||||
<fieldset>
|
||||
<legend>Bed Type: </legend>
|
||||
<label for="checkbox-nested-1">2 Double
|
||||
<input type="checkbox" name="checkbox-nested-1" id="checkbox-nested-1">
|
||||
</label>
|
||||
<label for="checkbox-nested-2">2 Queen
|
||||
<input type="checkbox" name="checkbox-nested-2" id="checkbox-nested-2">
|
||||
</label>
|
||||
<label for="checkbox-nested-3">1 Queen
|
||||
<input type="checkbox" name="checkbox-nested-3" id="checkbox-nested-3">
|
||||
</label>
|
||||
<label for="checkbox-nested-4">1 King
|
||||
<input type="checkbox" name="checkbox-nested-4" id="checkbox-nested-4">
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Examples of the markup that can be used with checkboxes and radio buttons, here showing both without icons.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,138 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Checkboxradio - Product Selector</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="controlgroup">
|
||||
function handleShape( e ) {
|
||||
$( ".shape" )
|
||||
.removeClass( "circle pill square rectangle" )
|
||||
.addClass( $( e.target ).val() );
|
||||
};
|
||||
function handleToggle( e ) {
|
||||
var target = $( e.target );
|
||||
|
||||
if ( target.is( ".brand-toggle" ) ) {
|
||||
var checked = target.is( ":checked" ),
|
||||
value = $( "[name='brand']" )
|
||||
.filter( ":checked" )
|
||||
.attr( "data-" + target[ 0 ].id )
|
||||
$( ".shape" ).css( target[ 0 ].id, checked ? value : "" );
|
||||
} else {
|
||||
$( ".shape" ).toggleClass( target[ 0 ].id, target.is( ":checked") );
|
||||
}
|
||||
}
|
||||
function updateBrand() {
|
||||
handleShape( { target: $( "[name='shape']:checked" ) } );
|
||||
$( ".toggle:checked" ).each( function() {
|
||||
handleToggle( { target: $( this ) } );
|
||||
} );
|
||||
}
|
||||
|
||||
// Initalize widgets
|
||||
$( "input" ).checkboxradio();
|
||||
$( ".shape-bar, .brand" ).controlgroup();
|
||||
$( ".toggles" ).controlgroup( {
|
||||
direction: "vertical"
|
||||
} );
|
||||
|
||||
// Bind event handlers
|
||||
$( "[name='shape']").on( "change", handleShape );
|
||||
$( ".toggle" ).on( "change", handleToggle );
|
||||
$( "[name='brand']").on( "change", updateBrand );
|
||||
|
||||
// Set initial values
|
||||
updateBrand();
|
||||
</script>
|
||||
<style>
|
||||
.shape {
|
||||
margin-left: 4em;
|
||||
margin-top: 2.5em;
|
||||
height: 8em;
|
||||
width: 8em;
|
||||
box-shadow: 4px 4px 8px;
|
||||
color: #ccc;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 90%;
|
||||
background-position: 50%;
|
||||
}
|
||||
.circle, .pill {
|
||||
border-radius: 8em;
|
||||
}
|
||||
.pill, .rectangle {
|
||||
width: 16em;
|
||||
}
|
||||
.square, .circle {
|
||||
margin-left: 9em;
|
||||
}
|
||||
.border {
|
||||
border: 2px solid #333333;
|
||||
}
|
||||
.toggles {
|
||||
width: 200px;
|
||||
}
|
||||
.toggle-wrap, .shape {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.controls {
|
||||
background: #ccc;
|
||||
padding: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="controls">
|
||||
<div class="brand-wrap">
|
||||
<h3>1.) Select a brand</h3>
|
||||
<div class="brand">
|
||||
<label for="brand-jquery">jQuery</label>
|
||||
<input type="radio" name="brand" id="brand-jquery" data-background-color="#0769AD" data-color="#7ACEF4" data-background-image="url(images/jquery.png)">
|
||||
<label for="brand-jquery-ui">jQuery UI</label>
|
||||
<input type="radio" name="brand" id="brand-jquery-ui" data-background-color="#B24926" data-color="#FAA523" data-background-image="url(images/jquery-ui.png)" checked>
|
||||
<label for="brand-jquery-mobile">jQuery Mobile</label>
|
||||
<input type="radio" name="brand" id="brand-jquery-mobile" data-background-color="#108040" data-color="#3EB249" data-background-image="url(images/jquery-mobile.png)">
|
||||
<label for="brand-sizzle">Sizzle</label>
|
||||
<input type="radio" name="brand" id="brand-sizzle" data-background-color="#9A1B1E" data-color="#FAA523" data-background-image="url(images/sizzle.png)">
|
||||
<label for="brand-qunit">QUnit</label>
|
||||
<input type="radio" name="brand" id="brand-qunit" data-background-color="#390F39" data-color="#9C3493" data-background-image="url(images/qunit.png)">
|
||||
</div>
|
||||
</div>
|
||||
<div class="shape-wrap">
|
||||
<h3>2.) Select a shape</h3>
|
||||
<div class="shape-bar">
|
||||
<label for="shape-circle">Circle</label>
|
||||
<input type="radio" name="shape" id="shape-circle" value="circle" checked>
|
||||
<label for="shape-square">Square</label>
|
||||
<input type="radio" name="shape" id="shape-square" value="square">
|
||||
<label for="shape-pill">Pill</label>
|
||||
<input type="radio" name="shape" id="shape-pill" value="pill">
|
||||
<label for="shape-rectangle">Rectangle</label>
|
||||
<input type="radio" name="shape" id="shape-rectangle" value="rectangle">
|
||||
</div>
|
||||
</div>
|
||||
<div class="toggle-wrap">
|
||||
<h3>3.) Customize</h3>
|
||||
<div class="toggles">
|
||||
<label for="color">Shadow</label>
|
||||
<input class="toggle brand-toggle" type="checkbox" name="color" id="color">
|
||||
<label for="border">Border</label>
|
||||
<input class="toggle" type="checkbox" name="border" id="border">
|
||||
<label for="background-color">Background</label>
|
||||
<input class="toggle brand-toggle" type="checkbox" name="background-color" id="background-color" checked>
|
||||
<label for="background-image">Background Image</label>
|
||||
<input class="toggle brand-toggle" type="checkbox" name="background-image" id="background-image" checked>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shape circle background jquery-ui"></div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Using two sets of radio buttons, as horizontal controlgroups, and one group of checkboxes, as a vertical controlgroup, to implement a product selector.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Checkboxradio - Radio Group</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="controlgroup">
|
||||
$( "input" ).checkboxradio();
|
||||
$( "fieldset" ).controlgroup();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="widget">
|
||||
|
||||
<h2>Radio Group</h2>
|
||||
<fieldset>
|
||||
<legend>Select a Location: </legend>
|
||||
<label for="radio-1">New York</label>
|
||||
<input type="radio" name="radio-1" id="radio-1">
|
||||
<label for="radio-2">Paris</label>
|
||||
<input type="radio" name="radio-1" id="radio-2">
|
||||
<label for="radio-3">London</label>
|
||||
<input type="radio" name="radio-1" id="radio-3">
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Example markup using the controlgroup widget to create a radio group.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,86 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Controlgroup - Default Functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-controlgroup-vertical {
|
||||
width: 150px;
|
||||
}
|
||||
.ui-controlgroup.ui-controlgroup-vertical > button.ui-button,
|
||||
.ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-label {
|
||||
text-align: center;
|
||||
}
|
||||
#car-type-button {
|
||||
width: 120px;
|
||||
}
|
||||
.ui-controlgroup-horizontal .ui-spinner-input {
|
||||
width: 20px;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="button checkboxradio selectmenu spinner">
|
||||
$( ".controlgroup" ).controlgroup()
|
||||
$( ".controlgroup-vertical" ).controlgroup({
|
||||
"direction": "vertical"
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="widget">
|
||||
<h1>Controlgroup</h1>
|
||||
<fieldset>
|
||||
<legend>Rental Car</legend>
|
||||
<div class="controlgroup">
|
||||
<select id="car-type">
|
||||
<option>Compact car</option>
|
||||
<option>Midsize car</option>
|
||||
<option>Full size car</option>
|
||||
<option>SUV</option>
|
||||
<option>Luxury</option>
|
||||
<option>Truck</option>
|
||||
<option>Van</option>
|
||||
</select>
|
||||
<label for="transmission-standard">Standard</label>
|
||||
<input type="radio" name="transmission" id="transmission-standard">
|
||||
<label for="transmission-automatic">Automatic</label>
|
||||
<input type="radio" name="transmission" id="transmission-automatic">
|
||||
<label for="insurance">Insurance</label>
|
||||
<input type="checkbox" name="insurance" id="insurance">
|
||||
<label for="horizontal-spinner" class="ui-controlgroup-label"># of cars</label>
|
||||
<input id="horizontal-spinner" class="ui-spinner-input">
|
||||
<button>Book Now!</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
<br/>
|
||||
<fieldset>
|
||||
<legend>Rental Car</legend>
|
||||
<div class="controlgroup-vertical">
|
||||
<select>
|
||||
<option>Compact car</option>
|
||||
<option>Midsize car</option>
|
||||
<option>Full size car</option>
|
||||
<option>SUV</option>
|
||||
<option>Luxury</option>
|
||||
<option>Truck</option>
|
||||
<option>Van</option>
|
||||
</select>
|
||||
<label for="transmission-standard-v">Standard</label>
|
||||
<input type="radio" name="transmission-v" id="transmission-standard-v">
|
||||
<label for="transmission-automatic-v">Automatic</label>
|
||||
<input type="radio" name="transmission-v" id="transmission-automatic-v">
|
||||
<label for="insurance-v">Insurance</label>
|
||||
<input type="checkbox" name="insurance" id="insurance-v">
|
||||
<label for="vertical-spinner" class="ui-controlgroup-label"># of cars</label>
|
||||
<input id="vertical-spinner" class="ui-spinner-input">
|
||||
<button id="book">Book Now!</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="demo-description">
|
||||
<p>A controlgroup featuring various form controls. The first features a horizontal toolbar like orientation, the second is in a space saving vertical orientation for usages like mobile devices and panels.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Controlgroup Demos</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a href="default.html">Default functionality</a></li>
|
||||
<li><a href="splitbutton.html">Split Button</a></li>
|
||||
<li><a href="toolbar.html">Toolbar</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Controlgroup - Split Button</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.ui-button-icon-only.demo-splitbutton-select {
|
||||
width: 1em;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="button checkboxradio selectmenu">
|
||||
$( "select" ).selectmenu({
|
||||
classes: {
|
||||
"ui-selectmenu-button": "ui-button-icon-only demo-splitbutton-select"
|
||||
},
|
||||
change: function(){
|
||||
$( ".output" ).append( "<li>" + this.value + "</li>" );
|
||||
}
|
||||
});
|
||||
$( ".controlgroup" ).controlgroup();
|
||||
$( "button" ).click(function() {
|
||||
$( ".output" ).append( "<li>Running Last Action...</li>" );
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="widget">
|
||||
<h1>Split button</h1>
|
||||
<div class="controlgroup">
|
||||
<button>Run last option</button>
|
||||
<select>
|
||||
<option>Open...</option>
|
||||
<option>Save</option>
|
||||
<option>Delete</option>
|
||||
</select>
|
||||
</div>
|
||||
<br/>
|
||||
<h3>Output:</h3>
|
||||
<ul class="output"></ul>
|
||||
</div>
|
||||
<div class="demo-description">
|
||||
<p>A controlgroup creating a split button, by combining a button and a selectmenu. We adjust the classes option on the selectmenu to show only the icon</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,277 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Controlgroup - Toolbar</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#zoom-button {
|
||||
width: 55px;
|
||||
}
|
||||
#fontname-button,
|
||||
#fontsize-button {
|
||||
width: 45px;
|
||||
}
|
||||
#forecolor-button {
|
||||
width: 50px;
|
||||
}
|
||||
#hilitecolor-button {
|
||||
width: 70px;
|
||||
}
|
||||
#bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
#italic {
|
||||
font-style: italic;
|
||||
}
|
||||
#underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.toolbar {
|
||||
font-size: .75em;
|
||||
}
|
||||
#page {
|
||||
width: 440px;
|
||||
left: 50%;
|
||||
position: relative;
|
||||
margin-left: -226px;
|
||||
height: 450px;
|
||||
border: 1px solid #888;
|
||||
box-shadow: 7px 7px 3px #ccc;
|
||||
font-size: 11px;
|
||||
font-family: "Lucida Grande";
|
||||
zoom: 100%;
|
||||
padding: 5px;
|
||||
white-space: pre-line;
|
||||
overflow: scroll;
|
||||
}
|
||||
.wrap {
|
||||
width: 588px;
|
||||
}
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="button checkboxradio selectmenu">
|
||||
var page = $( "#page" );
|
||||
var basicControls = [ "#print", "#bold", "#italic", "#undo", "#redo" ];
|
||||
var valueControls = [ "#fontsize", "#forecolor", "#hilitecolor", "#backcolor", "fontname" ];
|
||||
|
||||
$( "#print" ).button({
|
||||
"icon": "ui-icon-print",
|
||||
"showLabel": false
|
||||
});
|
||||
$( "#redo" ).button({
|
||||
"icon": "ui-icon-arrowreturnthick-1-e",
|
||||
"showLabel": false
|
||||
});
|
||||
$( "#undo" ).button({
|
||||
"icon": "ui-icon-arrowreturnthick-1-w",
|
||||
"showLabel": false
|
||||
});
|
||||
|
||||
$( ".toolbar" ).controlgroup();
|
||||
$( "#zoom" ).on( "selectmenuchange", function() {
|
||||
page.css({ "zoom": $( this ).val() });
|
||||
})
|
||||
$( basicControls.concat( valueControls ).join( ", " ) ).on( "click change selectmenuchange",
|
||||
function() {
|
||||
document.execCommand(
|
||||
this.id,
|
||||
false,
|
||||
$( this ).val()
|
||||
);
|
||||
} );
|
||||
$( "form" ).on( "submit", function( event ) {
|
||||
event.preventDefault();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="toolbar">
|
||||
<button id="print">Print</button>
|
||||
<button id="undo">Undo</button>
|
||||
<button id="redo">Redo</button>
|
||||
<select id="zoom">
|
||||
<option selected disabled>Zoom</option>
|
||||
<option>50%</option>
|
||||
<option>75%</option>
|
||||
<option>90%</option>
|
||||
<option>100%</option>
|
||||
<option>125%</option>
|
||||
<option>150%</option>
|
||||
<option>200%</option>
|
||||
</select>
|
||||
<select id="fontname">
|
||||
<option selected disabled>Font</option>
|
||||
<option>Arial</option>
|
||||
<option>Comic Sans MS</option>
|
||||
<option>Courier New</option>
|
||||
<option>Georgia</option>
|
||||
<option>Impact</option>
|
||||
<option>Lucida Grande</option>
|
||||
<option>Times New Roman</option>
|
||||
<option>Verdana</option>
|
||||
</select>
|
||||
<select id="fontsize">
|
||||
<option selected disabled>Size</option>
|
||||
<option value="1">8px</option>
|
||||
<option value="2">9px</option>
|
||||
<option value="3">10px</option>
|
||||
<option value="4">11px</option>
|
||||
<option value="5">12px</option>
|
||||
<option value="6">14px</option>
|
||||
<option value="7">18px</option>
|
||||
<option value="8">24px</option>
|
||||
<option value="9">30px</option>
|
||||
<option value="10">36px</option>
|
||||
</select>
|
||||
<select id="hilitecolor" title="Background color">
|
||||
<option selected disabled>Highlight</option>
|
||||
<option value="white">None</option>
|
||||
<option value="red">Red</option>
|
||||
<option value="yellow">Yellow</option>
|
||||
<option value="green">Green</option>
|
||||
<option value="blue">Blue</option>
|
||||
<option value="grey">Grey</option>
|
||||
<option value="purple">Purple</option>
|
||||
<option value="orange">Orange</option>
|
||||
</select>
|
||||
<select id="forecolor" title="Color">
|
||||
<option selected disabled>Color</option>
|
||||
<option value="black">Black</option>
|
||||
<option value="white">White</option>
|
||||
<option value="red">Red</option>
|
||||
<option value="yellow">Yellow</option>
|
||||
<option value="green">Green</option>
|
||||
<option value="blue">Blue</option>
|
||||
<option value="#ccc">Grey</option>
|
||||
<option value="purple">Purple</option>
|
||||
<option value="orange">Orange</option>
|
||||
</select>
|
||||
<button id="bold">B</button>
|
||||
<button id="italic">I</button>
|
||||
<button id="underline">U</button>
|
||||
|
||||
</div>
|
||||
<pre id="page" contenteditable="true">
|
||||
The Rime of the Ancient Mariner (text of 1834)
|
||||
BY SAMUEL TAYLOR COLERIDGE
|
||||
Argument
|
||||
|
||||
How a Ship having passed the Line was driven by storms to the cold Country towards the South Pole;
|
||||
and how from thence she made her course to the tropical Latitude of the Great Pacific Ocean; and
|
||||
of the strange things that befell; and in what manner the Ancyent Marinere came back to his own
|
||||
Country.
|
||||
|
||||
PART I
|
||||
It is an ancient Mariner,
|
||||
And he stoppeth one of three.
|
||||
'By thy long grey beard and glittering eye,
|
||||
Now wherefore stopp'st thou me?
|
||||
|
||||
The Bridegroom's doors are opened wide,
|
||||
And I am next of kin;
|
||||
The guests are met, the feast is set:
|
||||
May'st hear the merry din.'
|
||||
|
||||
He holds him with his skinny hand,
|
||||
'There was a ship,' quoth he.
|
||||
'Hold off! unhand me, grey-beard loon!'
|
||||
Eftsoons his hand dropt he.
|
||||
|
||||
He holds him with his glittering eye—
|
||||
The Wedding-Guest stood still,
|
||||
And listens like a three years' child:
|
||||
The Mariner hath his will.
|
||||
|
||||
The Wedding-Guest sat on a stone:
|
||||
He cannot choose but hear;
|
||||
And thus spake on that ancient man,
|
||||
The bright-eyed Mariner.
|
||||
|
||||
'The ship was cheered, the harbour cleared,
|
||||
Merrily did we drop
|
||||
Below the kirk, below the hill,
|
||||
Below the lighthouse top.
|
||||
|
||||
The Sun came up upon the left,
|
||||
Out of the sea came he!
|
||||
And he shone bright, and on the right
|
||||
Went down into the sea.
|
||||
|
||||
Higher and higher every day,
|
||||
Till over the mast at noon—'
|
||||
The Wedding-Guest here beat his breast,
|
||||
For he heard the loud bassoon.
|
||||
|
||||
The bride hath paced into the hall,
|
||||
Red as a rose is she;
|
||||
Nodding their heads before her goes
|
||||
The merry minstrelsy.
|
||||
|
||||
The Wedding-Guest he beat his breast,
|
||||
Yet he cannot choose but hear;
|
||||
And thus spake on that ancient man,
|
||||
The bright-eyed Mariner.
|
||||
|
||||
And now the STORM-BLAST came, and he
|
||||
Was tyrannous and strong:
|
||||
He struck with his o'ertaking wings,
|
||||
And chased us south along.
|
||||
|
||||
With sloping masts and dipping prow,
|
||||
As who pursued with yell and blow
|
||||
Still treads the shadow of his foe,
|
||||
And forward bends his head,
|
||||
The ship drove fast, loud roared the blast,
|
||||
And southward aye we fled.
|
||||
|
||||
And now there came both mist and snow,
|
||||
And it grew wondrous cold:
|
||||
And ice, mast-high, came floating by,
|
||||
As green as emerald.
|
||||
|
||||
And through the drifts the snowy clifts
|
||||
Did send a dismal sheen:
|
||||
Nor shapes of men nor beasts we ken—
|
||||
The ice was all between.
|
||||
|
||||
The ice was here, the ice was there,
|
||||
The ice was all around:
|
||||
It cracked and growled, and roared and howled,
|
||||
Like noises in a swound!
|
||||
|
||||
At length did cross an Albatross,
|
||||
Thorough the fog it came;
|
||||
As if it had been a Christian soul,
|
||||
We hailed it in God's name.
|
||||
|
||||
It ate the food it ne'er had eat,
|
||||
And round and round it flew.
|
||||
The ice did split with a thunder-fit;
|
||||
The helmsman steered us through!
|
||||
|
||||
And a good south wind sprung up behind;
|
||||
The Albatross did follow,
|
||||
And every day, for food or play,
|
||||
Came to the mariner's hollo!
|
||||
|
||||
In mist or cloud, on mast or shroud,
|
||||
It perched for vespers nine;
|
||||
Whiles all the night, through fog-smoke white,
|
||||
Glimmered the white Moon-shine.'
|
||||
|
||||
'God save thee, ancient Mariner!
|
||||
From the fiends, that plague thee thus!—
|
||||
Why look'st thou so?'—With my cross-bow
|
||||
I shot the ALBATROSS.
|
||||
</pre>
|
||||
</div>
|
||||
<div class="demo-description">
|
||||
<p>A sample editor toolbar</p>
|
||||
<p>Highlight text and edit it using the buttons and dropdowns in the toolbar.</p>
|
||||
<p class="warning">Remember: This is only a demo and shouldn't be used for anything in production. Use a proper editor like <a href="http://prosemirror.net/">ProseMirror</a> instead.
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Populate alternate field</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker({
|
||||
altField: "#alternate",
|
||||
altFormat: "DD, d MM, yy"
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"> <input type="text" id="alternate" size="30"/></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Animations</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="effect effect-bounce effect-blind effect-bounce effect-clip effect-drop effect-fold effect-slide">
|
||||
$( "#datepicker" ).datepicker();
|
||||
$( "#anim" ).on( "change", function() {
|
||||
$( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() );
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker" size="30"/></p>
|
||||
|
||||
<p>Animations:<br />
|
||||
<select id="anim">
|
||||
<option value="show">Show (default)</option>
|
||||
<option value="slideDown">Slide down</option>
|
||||
<option value="fadeIn">Fade in</option>
|
||||
<option value="blind">Blind (UI Effect)</option>
|
||||
<option value="bounce">Bounce (UI Effect)</option>
|
||||
<option value="clip">Clip (UI Effect)</option>
|
||||
<option value="drop">Drop (UI Effect)</option>
|
||||
<option value="fold">Fold (UI Effect)</option>
|
||||
<option value="slide">Slide (UI Effect)</option>
|
||||
<option value="">None</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Use different animations when opening or closing the datepicker. Choose an animation from the dropdown, then click on the input to see its effect. You can use one of the three standard animations or any of the UI Effects.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Display button bar</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker({
|
||||
showButtonPanel: true
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Display a button for selecting Today's date and a Done button for closing the calendar with the boolean <code>showButtonPanel</code> option. Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Format date</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker();
|
||||
$( "#format" ).on( "change", function() {
|
||||
$( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker" size="30"/></p>
|
||||
|
||||
<p>Format options:<br />
|
||||
<select id="format">
|
||||
<option value="mm/dd/yy">Default - mm/dd/yy</option>
|
||||
<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
|
||||
<option value="d M, y">Short - d M, y</option>
|
||||
<option value="d MM, y">Medium - d MM, y</option>
|
||||
<option value="DD, d MM, yy">Full - DD, d MM, yy</option>
|
||||
<option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Display date feedback in a variety of ways. Choose a date format from the dropdown, then click on the input and select a date to see it in that format.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Select a Date Range</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
var dateFormat = "mm/dd/yy",
|
||||
from = $( "#from" )
|
||||
.datepicker({
|
||||
defaultDate: "+1w",
|
||||
changeMonth: true,
|
||||
numberOfMonths: 3
|
||||
})
|
||||
.on( "change", function() {
|
||||
to.datepicker( "option", "minDate", getDate( this ) );
|
||||
}),
|
||||
to = $( "#to" ).datepicker({
|
||||
defaultDate: "+1w",
|
||||
changeMonth: true,
|
||||
numberOfMonths: 3
|
||||
})
|
||||
.on( "change", function() {
|
||||
from.datepicker( "option", "maxDate", getDate( this ) );
|
||||
});
|
||||
|
||||
function getDate( element ) {
|
||||
var date;
|
||||
try {
|
||||
date = $.datepicker.parseDate( dateFormat, element.value );
|
||||
} catch( error ) {
|
||||
date = null;
|
||||
}
|
||||
|
||||
return date;
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<label for="from">From</label>
|
||||
<input type="text" id="from" name="from"/>
|
||||
<label for="to">to</label>
|
||||
<input type="text" id="to" name="to"/>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Select the date range to search for.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Display month & year menus</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker({
|
||||
changeMonth: true,
|
||||
changeYear: true
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes. Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Icon trigger</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker({
|
||||
showOn: "button",
|
||||
buttonImage: "images/calendar.gif",
|
||||
buttonImageOnly: true,
|
||||
buttonText: "Select date"
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Click the icon next to the input field to show the datepicker. Set the datepicker to open on focus (default behavior), on icon click, or both.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 258 B |
|
|
@ -1,28 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker Demos</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a href="default.html">Default functionality</a></li>
|
||||
<li><a href="date-formats.html">Format date</a></li>
|
||||
<li><a href="min-max.html">Restrict date range</a></li>
|
||||
<li><a href="localization.html">Localize calendar</a></li>
|
||||
<li><a href="alt-field.html">Populate alternate field</a></li>
|
||||
<li><a href="inline.html">Display inline</a></li>
|
||||
<li><a href="buttonbar.html">Display button bar</a></li>
|
||||
<li><a href="dropdown-month-year.html">Display month & year menus</a></li>
|
||||
<li><a href="other-months.html">Dates in other months</a></li>
|
||||
<li><a href="show-week.html">Show week of the year</a></li>
|
||||
<li><a href="multiple-calendars.html">Display multiple months</a></li>
|
||||
<li><a href="icon-trigger.html">Icon trigger</a></li>
|
||||
<li><a href="animation.html">Animations</a></li>
|
||||
<li><a href="date-range.html">Date Range</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Display inline</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Date: <div id="datepicker"></div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Localize calendar</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="i18n/datepicker-ar i18n/datepicker-fr i18n/datepicker-he i18n/datepicker-zh-TW">
|
||||
$( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
|
||||
$( "#locale" ).on( "change", function() {
|
||||
$( "#datepicker" ).datepicker( "option",
|
||||
$.datepicker.regional[ $( this ).val() ] );
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"/>
|
||||
<select id="locale">
|
||||
<option value="ar">Arabic (‫(العربية</option>
|
||||
<option value="zh-TW">Chinese Traditional (繁體中文)</option>
|
||||
<option value="">English</option>
|
||||
<option value="fr" selected="selected">French (Français)</option>
|
||||
<option value="he">Hebrew (‫(עברית</option>
|
||||
</select></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Localize the datepicker calendar language and format (English / Western formatting is the default). The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Restrict date range</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Restrict the range of selectable dates with the <code>minDate</code> and <code>maxDate</code> options. Set the beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D'). For the last, use 'D' for days, 'W' for weeks, 'M' for months, or 'Y' for years.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Display multiple months</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker({
|
||||
numberOfMonths: 3,
|
||||
showButtonPanel: true
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Set the <code>numberOfMonths</code> option to an integer of 2 or more to show multiple months in a single datepicker.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Dates in other months</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker({
|
||||
showOtherMonths: true,
|
||||
selectOtherMonths: true
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The datepicker can show dates that come from other than the main month
|
||||
being displayed. These other dates can also be made selectable.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Datepicker - Show week of the year</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#datepicker" ).datepicker({
|
||||
showWeek: true,
|
||||
firstDay: 1
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Date: <input type="text" id="datepicker"></p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The datepicker can show the week of the year. The default calculation follows
|
||||
the ISO 8601 definition: the week starts on Monday, the first week of the year
|
||||
contains the first Thursday of the year. This means that some days from one
|
||||
year may be placed into weeks 'belonging' to another year.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
body {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.demo-loading {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
table {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.demo-description {
|
||||
clear: both;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.ui-draggable, .ui-droppable {
|
||||
background-position: top;
|
||||
}
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Dialog - Animation</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="effect effect-blind effect-explode">
|
||||
$( "#dialog" ).dialog({
|
||||
autoOpen: false,
|
||||
show: {
|
||||
effect: "blind",
|
||||
duration: 1000
|
||||
},
|
||||
hide: {
|
||||
effect: "explode",
|
||||
duration: 1000
|
||||
}
|
||||
});
|
||||
|
||||
$( "#opener" ).on( "click", function() {
|
||||
$( "#dialog" ).dialog( "open" );
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="dialog" title="Basic dialog">
|
||||
<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
|
||||
</div>
|
||||
|
||||
<button id="opener">Open Dialog</button>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Dialogs may be animated by specifying an effect for the show and/or hide properties. You must include the individual effects file for any effects you would like to use.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Dialog - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#dialog" ).dialog();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="dialog" title="Basic dialog">
|
||||
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Dialog Demos</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a href="default.html">Default functionality</a></li>
|
||||
<li><a href="modal-message.html">Modal message</a></li>
|
||||
<li><a href="modal-confirmation.html">Modal confirmation</a></li>
|
||||
<li><a href="modal-form.html">Modal form</a></li>
|
||||
<li><a href="animated.html">Animated dialog</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Dialog - Modal confirmation</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#dialog-confirm" ).dialog({
|
||||
resizable: false,
|
||||
height: "auto",
|
||||
width: 400,
|
||||
modal: true,
|
||||
buttons: {
|
||||
"Delete all items": function() {
|
||||
$( this ).dialog( "close" );
|
||||
},
|
||||
Cancel: function() {
|
||||
$( this ).dialog( "close" );
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="dialog-confirm" title="Empty the recycle bin?">
|
||||
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
|
||||
</div>
|
||||
|
||||
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Confirm an action that may be destructive or important. Set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,158 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Dialog - Modal form</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
label, input { display:block; }
|
||||
input.text { margin-bottom:12px; width:95%; padding: .4em; }
|
||||
fieldset { padding:0; border:0; margin-top:25px; }
|
||||
h1 { font-size: 1.2em; margin: .6em 0; }
|
||||
div#users-contain { width: 350px; margin: 20px 0; }
|
||||
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
|
||||
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
|
||||
.ui-dialog .ui-state-error { padding: .3em; }
|
||||
.validateTips { border: 1px solid transparent; padding: 0.3em; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="effect">
|
||||
var dialog, form,
|
||||
|
||||
// From http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#e-mail-state-%28type=email%29
|
||||
emailRegex = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,
|
||||
name = $( "#name" ),
|
||||
email = $( "#email" ),
|
||||
password = $( "#password" ),
|
||||
allFields = $( [] ).add( name ).add( email ).add( password ),
|
||||
tips = $( ".validateTips" );
|
||||
|
||||
function updateTips( t ) {
|
||||
tips
|
||||
.text( t )
|
||||
.addClass( "ui-state-highlight" );
|
||||
setTimeout(function() {
|
||||
tips.removeClass( "ui-state-highlight", 1500 );
|
||||
}, 500 );
|
||||
}
|
||||
|
||||
function checkLength( o, n, min, max ) {
|
||||
if ( o.val().length > max || o.val().length < min ) {
|
||||
o.addClass( "ui-state-error" );
|
||||
updateTips( "Length of " + n + " must be between " +
|
||||
min + " and " + max + "." );
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
function checkRegexp( o, regexp, n ) {
|
||||
if ( !( regexp.test( o.val() ) ) ) {
|
||||
o.addClass( "ui-state-error" );
|
||||
updateTips( n );
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
function addUser() {
|
||||
var valid = true;
|
||||
allFields.removeClass( "ui-state-error" );
|
||||
|
||||
valid = valid && checkLength( name, "username", 3, 16 );
|
||||
valid = valid && checkLength( email, "email", 6, 80 );
|
||||
valid = valid && checkLength( password, "password", 5, 16 );
|
||||
|
||||
valid = valid && checkRegexp( name, /^[a-z]([0-9a-z_\s])+$/i, "Username may consist of a-z, 0-9, underscores, spaces and must begin with a letter." );
|
||||
valid = valid && checkRegexp( email, emailRegex, "eg. ui@jquery.com" );
|
||||
valid = valid && checkRegexp( password, /^([0-9a-zA-Z])+$/, "Password field only allow : a-z 0-9" );
|
||||
|
||||
if ( valid ) {
|
||||
$( "#users tbody" ).append( "<tr>" +
|
||||
"<td>" + name.val() + "</td>" +
|
||||
"<td>" + email.val() + "</td>" +
|
||||
"<td>" + password.val() + "</td>" +
|
||||
"</tr>" );
|
||||
dialog.dialog( "close" );
|
||||
}
|
||||
return valid;
|
||||
}
|
||||
|
||||
dialog = $( "#dialog-form" ).dialog({
|
||||
autoOpen: false,
|
||||
height: 400,
|
||||
width: 350,
|
||||
modal: true,
|
||||
buttons: {
|
||||
"Create an account": addUser,
|
||||
Cancel: function() {
|
||||
dialog.dialog( "close" );
|
||||
}
|
||||
},
|
||||
close: function() {
|
||||
form[ 0 ].reset();
|
||||
allFields.removeClass( "ui-state-error" );
|
||||
}
|
||||
});
|
||||
|
||||
form = dialog.find( "form" ).on( "submit", function( event ) {
|
||||
event.preventDefault();
|
||||
addUser();
|
||||
});
|
||||
|
||||
$( "#create-user" ).button().on( "click", function() {
|
||||
dialog.dialog( "open" );
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="dialog-form" title="Create new user">
|
||||
<p class="validateTips">All form fields are required.</p>
|
||||
|
||||
<form>
|
||||
<fieldset>
|
||||
<label for="name">Name</label>
|
||||
<input type="text" name="name" id="name" value="Jane Smith" class="text ui-widget-content ui-corner-all">
|
||||
<label for="email">Email</label>
|
||||
<input type="text" name="email" id="email" value="jane@smith.com" class="text ui-widget-content ui-corner-all">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" name="password" id="password" value="xxxxxxx" class="text ui-widget-content ui-corner-all">
|
||||
|
||||
<!-- Allow form submission with keyboard without duplicating the dialog button -->
|
||||
<input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="users-contain" class="ui-widget">
|
||||
<h1>Existing Users:</h1>
|
||||
<table id="users" class="ui-widget ui-widget-content">
|
||||
<thead>
|
||||
<tr class="ui-widget-header ">
|
||||
<th>Name</th>
|
||||
<th>Email</th>
|
||||
<th>Password</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>John Doe</td>
|
||||
<td>john.doe@example.com</td>
|
||||
<td>johndoe1</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<button id="create-user">Create new user</button>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Use a modal dialog to require that the user enter data during a multi-step process. Embed form markup in the content area, set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Dialog - Modal message</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="effect">
|
||||
$( "#dialog-message" ).dialog({
|
||||
modal: true,
|
||||
buttons: {
|
||||
Ok: function() {
|
||||
$( this ).dialog( "close" );
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="dialog-message" title="Download complete">
|
||||
<p>
|
||||
<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
|
||||
Your files have downloaded successfully into the My Downloads folder.
|
||||
</p>
|
||||
<p>
|
||||
Currently using <b>36% of your storage space</b>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work. Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Constrain movement</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
|
||||
#draggable, #draggable2 { margin-bottom:20px; }
|
||||
#draggable { cursor: n-resize; }
|
||||
#draggable2 { cursor: e-resize; }
|
||||
#containment-wrapper { width: 95%; height:150px; border:2px solid #ccc; padding: 10px; }
|
||||
h3 { clear: left; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#draggable" ).draggable({ axis: "y" });
|
||||
$( "#draggable2" ).draggable({ axis: "x" });
|
||||
|
||||
$( "#draggable3" ).draggable({ containment: "#containment-wrapper", scroll: false });
|
||||
$( "#draggable4" ).draggable({ containment: "parent" });
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h3>Constrain movement along an axis:</h3>
|
||||
|
||||
<div id="draggable" class="draggable ui-widget-content">
|
||||
<p>I can be dragged only vertically</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable2" class="draggable ui-widget-content">
|
||||
<p>I can be dragged only horizontally</p>
|
||||
</div>
|
||||
|
||||
<h3>Or to within another DOM element:</h3>
|
||||
<div id="containment-wrapper">
|
||||
<div id="draggable3" class="draggable ui-widget-content">
|
||||
<p>I'm contained within the box</p>
|
||||
</div>
|
||||
|
||||
<div class="draggable ui-widget-content">
|
||||
<p id="draggable4" class="ui-widget-header">I'm contained within my parent</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the <code>axis</code> option to limit the draggable's path to the x- or y-axis, or use the <code>containment</code> option to specify a parent DOM element or a jQuery selector, like 'document.'</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Cursor style</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#draggable" ).draggable({ cursor: "move", cursorAt: { top: 56, left: 56 } });
|
||||
$( "#draggable2" ).draggable({ cursor: "crosshair", cursorAt: { top: -5, left: -5 } });
|
||||
$( "#draggable3" ).draggable({ cursorAt: { bottom: 0 } });
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="draggable" class="ui-widget-content">
|
||||
<p>I will always stick to the center (relative to the mouse)</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable2" class="ui-widget-content">
|
||||
<p>My cursor is at left -5 and top -5</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable3" class="ui-widget-content">
|
||||
<p>My cursor position is only controlled for the 'bottom' value</p>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Position the cursor while dragging the object. By default the cursor appears in the center of the dragged object; use the <code>cursorAt</code> option to specify another location relative to the draggable (specify a pixel value from the top, right, bottom, and/or left). Customize the cursor's appearance by supplying the <code>cursor</code> option with a valid CSS cursor value: default, move, pointer, crosshair, etc.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Default functionality</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#draggable { width: 150px; height: 150px; padding: 0.5em; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#draggable" ).draggable();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="draggable" class="ui-widget-content">
|
||||
<p>Drag me around</p>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Events</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#draggable { width: 16em; padding: 0 1em; }
|
||||
#draggable ul li { margin: 1em 0; padding: 0.5em 0; } * html #draggable ul li { height: 1%; }
|
||||
#draggable ul li span.ui-icon { float: left; }
|
||||
#draggable ul li span.count { font-weight: bold; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
var $start_counter = $( "#event-start" ),
|
||||
$drag_counter = $( "#event-drag" ),
|
||||
$stop_counter = $( "#event-stop" ),
|
||||
counts = [ 0, 0, 0 ];
|
||||
|
||||
$( "#draggable" ).draggable({
|
||||
start: function() {
|
||||
counts[ 0 ]++;
|
||||
updateCounterStatus( $start_counter, counts[ 0 ] );
|
||||
},
|
||||
drag: function() {
|
||||
counts[ 1 ]++;
|
||||
updateCounterStatus( $drag_counter, counts[ 1 ] );
|
||||
},
|
||||
stop: function() {
|
||||
counts[ 2 ]++;
|
||||
updateCounterStatus( $stop_counter, counts[ 2 ] );
|
||||
}
|
||||
});
|
||||
|
||||
function updateCounterStatus( $event_counter, new_count ) {
|
||||
// first update the status visually...
|
||||
if ( !$event_counter.hasClass( "ui-state-hover" ) ) {
|
||||
$event_counter.addClass( "ui-state-hover" )
|
||||
.siblings().removeClass( "ui-state-hover" );
|
||||
}
|
||||
// ...then update the numbers
|
||||
$( "span.count", $event_counter ).text( new_count );
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="draggable" class="ui-widget ui-widget-content">
|
||||
|
||||
<p>Drag me to trigger the chain of events.</p>
|
||||
|
||||
<ul class="ui-helper-reset">
|
||||
<li id="event-start" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-play"></span>"start" invoked <span class="count">0</span>x</li>
|
||||
<li id="event-drag" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-arrow-4"></span>"drag" invoked <span class="count">0</span>x</li>
|
||||
<li id="event-stop" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-stop"></span>"stop" invoked <span class="count">0</span>x</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Layer functionality onto the draggable using the <code>start</code>, <code>drag</code>, and <code>stop</code> events. Start is fired at the start of the drag; drag during the drag; and stop when dragging stops.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Handles</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
|
||||
#draggable p { cursor: move; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="disable-selection">
|
||||
$( "#draggable" ).draggable({ handle: "p" });
|
||||
$( "#draggable2" ).draggable({ cancel: "p.ui-widget-header" });
|
||||
$( "div, p" ).disableSelection();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="draggable" class="ui-widget-content">
|
||||
<p class="ui-widget-header">I can be dragged only by this handle</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable2" class="ui-widget-content">
|
||||
<p>You can drag me around…</p>
|
||||
<p class="ui-widget-header">…but you can't drag me by this handle.</p>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Allow dragging only when the cursor is over a specific part of the draggable. Use the <code>handle</code> option to specify the jQuery selector of an element (or group of elements) used to drag the object.</p>
|
||||
<p>Or prevent dragging when the cursor is over a specific element (or group of elements) within the draggable. Use the <code>cancel</code> option to specify a jQuery selector over which to "cancel" draggable functionality.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable Demos</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a href="default.html">Default functionality</a></li>
|
||||
<li><a href="events.html">Events</a></li>
|
||||
<li><a href="constrain-movement.html">Constrain movement</a></li>
|
||||
<li><a href="snap-to.html">Snap to element or grid</a></li>
|
||||
<li><a href="scroll.html">Auto-scroll</a></li>
|
||||
<li><a href="revert.html">Revert position</a></li>
|
||||
<li><a href="visual-feedback.html">Visual feedback</a></li>
|
||||
<li><a href="handle.html">Drag handle</a></li>
|
||||
<li><a href="cursor-style.html">Cursor style</a></li>
|
||||
<li><a href="sortable.html">Draggable + Sortable</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Revert position</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#draggable" ).draggable({ revert: true });
|
||||
$( "#draggable2" ).draggable({ revert: true, helper: "clone" });
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="draggable" class="ui-widget-content">
|
||||
<p>Revert the original</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable2" class="ui-widget-content">
|
||||
<p>Revert the helper</p>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Return the draggable (or it's helper) to its original location when dragging stops with the boolean <code>revert</code> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Auto-scroll</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#draggable" ).draggable({ scroll: true });
|
||||
$( "#draggable2" ).draggable({ scroll: true, scrollSensitivity: 100 });
|
||||
$( "#draggable3" ).draggable({ scroll: true, scrollSpeed: 100 });
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="draggable" class="ui-widget-content">
|
||||
<p>Scroll set to true, default settings</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable2" class="ui-widget-content">
|
||||
<p>scrollSensitivity set to 100</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable3" class="ui-widget-content">
|
||||
<p>scrollSpeed set to 100</p>
|
||||
</div>
|
||||
|
||||
<div style='height: 5000px; width: 1px;'></div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Automatically scroll the document when the draggable is moved beyond the viewport. Set the <code>scroll</code> option to true to enable auto-scrolling, and fine-tune when scrolling is triggered and its speed with the <code>scrollSensitivity</code> and <code>scrollSpeed</code> options.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Snap to element or grid</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
.draggable { width: 90px; height: 80px; padding: 5px; float: left; margin: 0 10px 10px 0; font-size: .9em; }
|
||||
.ui-widget-header p, .ui-widget-content p { margin: 0; }
|
||||
#snaptarget { height: 140px; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#draggable" ).draggable({ snap: true });
|
||||
$( "#draggable2" ).draggable({ snap: ".ui-widget-header" });
|
||||
$( "#draggable3" ).draggable({ snap: ".ui-widget-header", snapMode: "outer" });
|
||||
$( "#draggable4" ).draggable({ grid: [ 20, 20 ] });
|
||||
$( "#draggable5" ).draggable({ grid: [ 80, 80 ] });
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="snaptarget" class="ui-widget-header">
|
||||
<p>I'm a snap target</p>
|
||||
</div>
|
||||
|
||||
<br style="clear:both" />
|
||||
|
||||
<div id="draggable" class="draggable ui-widget-content">
|
||||
<p>Default (snap: true), snaps to all other draggable elements</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable2" class="draggable ui-widget-content">
|
||||
<p>I only snap to the big box</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable3" class="draggable ui-widget-content">
|
||||
<p>I only snap to the outer edges of the big box</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable4" class="draggable ui-widget-content">
|
||||
<p>I snap to a 20 x 20 grid</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable5" class="draggable ui-widget-content">
|
||||
<p>I snap to a 80 x 80 grid</p>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Snap the draggable to the inner or outer boundaries of a DOM element. Use the <code>snap</code>, <code>snapMode</code> (inner, outer, both), and <code>snapTolerance</code> (distance in pixels the draggable must be from the element when snapping is invoked) options. </p>
|
||||
<p>Or snap the draggable to a grid. Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable + Sortable</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
|
||||
li { margin: 5px; padding: 5px; width: 150px; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js" data-modules="sortable disable-selection">
|
||||
$( "#sortable" ).sortable({
|
||||
revert: true
|
||||
});
|
||||
$( "#draggable" ).draggable({
|
||||
connectToSortable: "#sortable",
|
||||
helper: "clone",
|
||||
revert: "invalid"
|
||||
});
|
||||
$( "ul, li" ).disableSelection();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li id="draggable" class="ui-state-highlight">Drag me down</li>
|
||||
</ul>
|
||||
|
||||
<ul id="sortable">
|
||||
<li class="ui-state-default">Item 1</li>
|
||||
<li class="ui-state-default">Item 2</li>
|
||||
<li class="ui-state-default">Item 3</li>
|
||||
<li class="ui-state-default">Item 4</li>
|
||||
<li class="ui-state-default">Item 5</li>
|
||||
</ul>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Draggables are built to interact seamlessly with <a href="http://jqueryui.com/sortable">sortables</a>.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Draggable - Visual feedback</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#draggable, #draggable2, #draggable3, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
|
||||
#draggable, #draggable2, #draggable3 { margin-bottom:20px; }
|
||||
#set { clear:both; float:left; width: 368px; height: 120px; }
|
||||
p { clear:both; margin:0; padding:1em 0; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#draggable" ).draggable({ helper: "original" });
|
||||
$( "#draggable2" ).draggable({ opacity: 0.7, helper: "clone" });
|
||||
$( "#draggable3" ).draggable({
|
||||
cursor: "move",
|
||||
cursorAt: { top: -12, left: -20 },
|
||||
helper: function( event ) {
|
||||
return $( "<div class='ui-widget-header'>I'm a custom helper</div>" );
|
||||
}
|
||||
});
|
||||
$( "#set div" ).draggable({ stack: "#set div" });
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h3 class="docs">With helpers:</h3>
|
||||
|
||||
<div id="draggable" class="ui-widget-content">
|
||||
<p>Original</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable2" class="ui-widget-content">
|
||||
<p>Semi-transparent clone</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable3" class="ui-widget-content">
|
||||
<p>Custom helper (in combination with cursorAt)</p>
|
||||
</div>
|
||||
|
||||
<h3 class="docs">Stacked:</h3>
|
||||
<div id="set">
|
||||
<div class="ui-widget-content">
|
||||
<p>We are draggables..</p>
|
||||
</div>
|
||||
|
||||
<div class="ui-widget-content">
|
||||
<p>..whose z-indexes are controlled automatically..</p>
|
||||
</div>
|
||||
|
||||
<div class="ui-widget-content">
|
||||
<p>..with the stack option.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Provide feedback to users as they drag an object in the form of a helper. The <code>helper</code> option accepts the values 'original' (the draggable object moves with the cursor), 'clone' (a duplicate of the draggable moves with the cursor), or a function that returns a DOM element (that element is shown near the cursor during drag). Control the helper's transparency with the <code>opacity</code> option.</p>
|
||||
<p>To clarify which draggable is in play, bring the draggable in motion to front. Use the <code>zIndex</code> option to set a higher z-index for the helper, if in play, or use the <code>stack</code> option to ensure that the last item dragged will appear on top of others in the same group on drag stop.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>jQuery UI Droppable - Accept</title>
|
||||
<link rel="stylesheet" href="../../themes/base/all.css">
|
||||
<link rel="stylesheet" href="../demos.css">
|
||||
<style>
|
||||
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
|
||||
#draggable, #draggable-nonvalid { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
|
||||
</style>
|
||||
<script src="../../external/requirejs/require.js"></script>
|
||||
<script src="../bootstrap.js">
|
||||
$( "#draggable, #draggable-nonvalid" ).draggable();
|
||||
$( "#droppable" ).droppable({
|
||||
accept: "#draggable",
|
||||
classes: {
|
||||
"ui-droppable-active": "ui-state-active",
|
||||
"ui-droppable-hover": "ui-state-hover"
|
||||
},
|
||||
drop: function( event, ui ) {
|
||||
$( this )
|
||||
.addClass( "ui-state-highlight" )
|
||||
.find( "p" )
|
||||
.html( "Dropped!" );
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="draggable-nonvalid" class="ui-widget-content">
|
||||
<p>I'm draggable but can't be dropped</p>
|
||||
</div>
|
||||
|
||||
<div id="draggable" class="ui-widget-content">
|
||||
<p>Drag me to my target</p>
|
||||
</div>
|
||||
|
||||
<div id="droppable" class="ui-widget-header">
|
||||
<p>accept: '#draggable'</p>
|
||||
</div>
|
||||
|
||||
<div class="demo-description">
|
||||
<p>Specify using the <code>accept</code> option which element (or group of elements) is accepted by the target droppable.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue