d8038afad9
Provide atocopletion capabilities to the search box: showing the remaining part of the matching element and allow user selection with keyboard. Change-Id: Ic591c3c87632fb56af16b9b15ecedbf9558d674a
127 lines
20 KiB
HTML
127 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
|
|
<!--
|
|
Always force latest IE rendering engine (even in intranet) & Chrome Frame
|
|
Remove this if you use the .htaccess
|
|
-->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
|
|
|
<title>Universal Language Selector</title>
|
|
<!-- <link rel="shortcut icon" href="/favicon.ico"/> -->
|
|
<!-- <link rel="apple-touch-icon" href="/apple-touch-icon.png"/> -->
|
|
<!-- <meta name="description" content=""/> -->
|
|
<meta name="author" content="Santhosh Thottingal"/>
|
|
<!-- Libs -->
|
|
<script src="resources/jquery.js"></script>
|
|
<!-- Source -->
|
|
<script src="../data/ext.uls.data.js"></script>
|
|
<script src="../resources/ext.uls.data.utils.js"></script>
|
|
<script src="../resources/ext.uls.lcd.js"></script>
|
|
<script src="../resources/ext.uls.languagefilter.js"></script>
|
|
<script src="../resources/ext.uls.core.js"></script>
|
|
<link href="../resources/css/ext.uls.css" rel="stylesheet"/>
|
|
<link href="../resources/css/ext.uls.grid.css" rel="stylesheet"/>
|
|
<link href="../resources/css/ext.uls.lcd.css" rel="stylesheet"/>
|
|
<!-- demo -->
|
|
<link href="resources/demo.css" rel="stylesheet"/>
|
|
<script>
|
|
$( document ).ready( function() {
|
|
$( '.uls-trigger' ).uls( {
|
|
onSelect : function( language ) {
|
|
var languageName = $.uls.data.autonym( language );
|
|
$('a#pageLanguage').text( languageName );
|
|
}
|
|
} );
|
|
} );
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="navbar navbar-fixed-top">
|
|
<span class="active uls-trigger"> <a id="pageLanguage" href="#">Select Language</a> </span>
|
|
<h1>Universal Language Selector</h1>
|
|
<p>
|
|
Demonstration of jquery plugin
|
|
</p>
|
|
</div>
|
|
<div class="container">
|
|
<div data-languages="{"aa":"Afar","ab":"Abkhazian","ace":"Achinese","af":"Afrikaans","ak":"Akan","aln":"Gheg Albanian","als":"Alemannisch","am":"Amharic","an":"Aragonese","ang":"Old English","anp":"Angika","ar":"Arabic","arc":"Aramaic","arn":"Araucanian","ary":"Moroccan Spoken Arabic","arz":"Egyptian Spoken Arabic","as":"Assamese","ast":"Asturian","av":"Avaric","avk":"Kotava","ay":"Aymara","az":"Azerbaijani","ba":"Bashkir","bar":"Bavarian","bat-smg":"\u017eemait\u0117\u0161ka","bcc":"Southern Balochi","bcl":"Bikol Central","be":"Belarusian","be-tarask":"Belarusian (Tara\u0161kievica orthography)","be-x-old":"\u202a\u0431\u0435\u043b\u0430\u0440\u0443\u0441\u043a\u0430\u044f (\u0442\u0430\u0440\u0430\u0448\u043a\u0435\u0432\u0456\u0446\u0430)\u202c","bg":"Bulgarian","bh":"Bihari","bho":"Bhojpuri","bi":"Bislama","bjn":"Banjar","bm":"Bambara","bn":"Bengali","bo":"Tibetan","bpy":"Bishnupria Manipuri","bqi":"Bakhtiari","br":"Breton","brh":"Brahui","bs":"Bosnian","bug":"Buginese","bxr":"\u0431\u0443\u0440\u044f\u0430\u0434","ca":"Catalan","cbk-zam":"Chavacano de Zamboanga","cdo":"Min Dong Chinese","ce":"Chechen","ceb":"Cebuano","ch":"Chamorro","cho":"Choctaw","chr":"Cherokee","chy":"Cheyenne","ckb":"Sorani Kurdish","co":"Corsican","cps":"Capiznon","cr":"Cree","crh":"Crimean Turkish","crh-latn":"Crimean Turkish (Latin script)","crh-cyrl":"Crimean Turkish (Cyrillic script)","cs":"Czech","csb":"Kashubian","cu":"Church Slavic","cv":"Chuvash","cy":"Welsh","da":"Danish","de":"German","de-at":"Austrian German","de-ch":"Swiss High German","de-formal":"German (formal address)","diq":"Zazaki","dsb":"Lower Sorbian","dtp":"Central Dusun","dv":"Divehi","dz":"Dzongkha","ee":"Ewe","egl":"Emili\u00e0n","el":"Greek","eml":"Emiliano-Romagnolo","en":"English","en-ca":"Canadian English","en-gb":"British English","eo":"Esperanto","es":"Spanish","et":"Estonian","eu":"Basque","ext":"Extremaduran","fa":"Persian","ff":"Fulah","fi":"Finnish","fit":"me\u00e4nkieli","fiu-vro":"V\u00f5ro","fj":"Fijian","fo":"Faroese","fr":"French","frc":"Cajun French","frp":"Franco-Proven\u00e7al","frr":"Northern Frisian","fur":"Friulian","fy":"Western Frisian","ga":"Irish","gag":"Gagauz","gan":"Gan","gan-hans":"Simplified Gan script","gan-hant":"Traditional Gan script","gd":"Scottish Gaelic","gl":"Galician","glk":"Gilaki","gn":"Guarani","got":"Gothic","grc":"Ancient Greek","gsw":"Swiss German","gu":"Gujarati","gv":"Manx","ha":"Hausa","hak":"Hakka","haw":"Hawaiian","he":"Hebrew","hi":"Hindi","hif":"Fiji Hindi","hif-latn":"Fiji Hindi (Latin script)","hil":"Hiligaynon","ho":"Hiri Motu","hr":"Croatian","hsb":"Upper Sorbian","ht":"Haitian","hu":"Hungarian","hy":"Armenian","hz":"Herero","ia":"Interlingua","id":"Indonesian","ie":"Interlingue","ig":"Igbo","ii":"Sichuan Yi","ik":"Inupiaq","ike-cans":"Eastern Canadian (Aboriginal syllabics)","ike-latn":"Eastern Canadian (Latin script)","ilo":"Iloko","inh":"Ingush","io":"Ido","is":"Icelandic","it":"Italian","iu":"Inuktitut","ja":"Japanese","jam":"Jamaican Creole English","jbo":"Lojban","jut":"Jutish","jv":"Javanese","ka":"Georgian","kaa":"Kara-Kalpak","kab":"Kabyle","kbd":"Kabardian","kbd-cyrl":"\u0410\u0434\u044b\u0433\u044d\u0431\u0437\u044d","kg":"Kongo","khw":"Khowar","ki":"Kikuyu","kiu":"Kirmanjki","kj":"Kuanyama","kk":"Kazakh","kk-arab":"Kazakh (Arabic script)","kk-cyrl":"Kazakh (Cyrillic script)","kk-latn":"Kazakh (Latin script)","kk-cn":"Kazakh (China)","kk-kz":"Kazakh (Kazakhstan)","kk-tr":"Kazakh (Turkey)","kl":"Kalaallisut","km":"Khmer","kn":"Kannada","ko":"Korean","ko-kp":"\ud55c\uad6d\uc5b4 (\uc870\uc120)","koi":"Komi-Permyak","kr":"Kanuri","krc":"Karachay-Balkar","kri":"Krio","krj":"Kinaray-a","ks":"Kashmiri","ks-arab":"Kashmiri (Arabic script)","ks-deva":"Kashmiri (Devanagari script)","ksh":"Colognian","ku":"Kurdish","ku-latn":"Kurdish (Latin script)","ku-arab":"\u202b\u0643\u0648\u0631\u062f\u064a (\u0639\u06d5\u0631\u06d5\u0628\u06cc)\u202c","kv":"Komi","kw":"Cornish","ky":"Kirghiz","la":"Latin","lad":"Ladino","lb":"Luxembourgish","lbe":"\u043b\u0430\u043a\u043a\u0443","lez":"Lezghian","lfn":"Lingua Franca Nova","lg":"Ganda","li":"Limburgish","lij":"Ligure","liv":"L\u012bv\u00f5 k\u0113\u013c","lmo":"lumbaart","ln":"Lingala","lo":"Lao","loz":"Lozi","lt":"Lithuanian","ltg":"Latgalian","lus":"Lushai","lv":"Latvian","lzh":"Literary Chinese","lzz":"Lazuri","mai":"Maithili","map-bms":"Basa Banyumasan","mdf":"Moksha","mg":"Malagasy","mh":"Marshallese","mhr":"Eastern Mari","mi":"Maori","min":"Minangkabau","mk":"Macedonian","ml":"Malayalam","mn":"Mongolian","mo":"Moldavian","mr":"Marathi","mrj":"Hill Mari","ms":"Malay","mt":"Maltese","mus":"Creek","mwl":"Mirandese","my":"Burmese","myv":"Erzya","mzn":"Mazanderani","na":"Nauru","nah":"Nahuatl","nan":"Min Nan Chinese","nap":"Neapolitan","nb":"Norwegian Bokm\u00e5l","nds":"Low German","nds-nl":"Nedersaksisch","ne":"Nepali","new":"Newari","ng":"Ndonga","niu":"Niuean","nl":"Dutch","nl-informal":"\u202aNederlands (informeel)\u202c","nn":"Norwegian Nynorsk","no":"Norwegian (bokm\u00e5l)\u202c","nov":"Novial","nrm":"Nouormand","nso":"Northern Sotho","nv":"Navajo","ny":"Nyanja","oc":"Occitan","om":"Oromo","or":"Oriya","os":"Ossetic","pa":"Punjabi","pag":"Pangasinan","pam":"Pampanga","pap":"Papiamento","pcd":"Picard","pdc":"Deitsch","pdt":"Plautdietsch","pfl":"P\u00e4lzisch","pi":"Pali","pih":"Norfuk \/ Pitkern","pl":"Polish","pms":"Piedmontese","pnb":"Western Punjabi","pnt":"Pontic","prg":"Prussian","ps":"Pashto","pt":"Portuguese","pt-br":"Brazilian Portuguese","qu":"Quechua","qug":"Runa shimi","rgn":"Romagnol","rif":"Tarifit","rm":"Romansh","rmy":"Romani","rn":"Rundi","ro":"Romanian","roa-rup":"Aromanian","roa-tara":"tarand\u00edne","ru":"Russian","rue":"Rusyn","rup":"Aromanian","ruq":"Megleno-Romanian","ruq-cyrl":"Megleno-Romanian (Cyrillic script)","ruq-latn":"Megleno-Romanian (Latin script)","rw":"Kinyarwanda","sa":"Sanskrit","sah":"Sakha","sat":"Santali","sc":"Sardinian","scn":"Sicilian","sco":"Scots","sd":"Sindhi","sdc":"Sassaresu","se":"Northern Sami","sei":"Cmique Itom","sg":"Sango","sgs":"Samogitian","sh":"Serbo-Croatian","shi":"Tachelhit","shi-tfng":"\u2d5c\u2d30\u2d5b\u2d4d\u2d43\u2d49\u2d5c","shi-latn":"Ta\u0161l\u1e25iyt","si":"Sinhala","simple":"Simple English","sk":"Slovak","sl":"Slovenian","sli":"Lower Silesian","sm":"Samoan","sma":"Southern Sami","sn":"Shona","so":"Somali","sq":"Albanian","sr":"Serbian","sr-ec":"Serbian (Cyrillic script)","sr-el":"Serbian (Latin script)","srn":"Sranan Tongo","ss":"Swati","st":"Southern Sotho","stq":"Seeltersk","su":"Sundanese","sv":"Swedish","sw":"Swahili","szl":"Silesian","ta":"Tamil","tcy":"Tulu","te":"Telugu","tet":"Tetum","tg":"Tajik","tg-cyrl":"Tajik (Cyrillic script)","tg-latn":"Tajik (Latin script)","th":"Thai","ti":"Tigrinya","tk":"Turkmen","tl":"Tagalog","tly":"\u0442\u043e\u043b\u044b\u0448\u04d9 \u0437\u044b\u0432\u043e\u043d","tn":"Tswana","to":"Tongan","tokipona":"Toki Pona","tpi":"Tok Pisin","tr":"Turkish","ts":"Tsonga","tt":"Tatar","tt-cyrl":"Tatar (Cyrillic script)","tt-latn":"Tatar (Latin script)","tum":"Tumbuka","tw":"Twi","ty":"Tahitian","tyv":"Tuvinian","udm":"Udmurt","ug":"Uighur","ug-arab":"Uyghur (Arabic script)","ug-latn":"Uyghur (Latin script)","uk":"Ukrainian","ur":"Urdu","uz":"Uzbek","ve":"Venda","vec":"v\u00e8neto","vep":"Veps","vi":"Vietnamese","vls":"West-Vlams","vmf":"Upper Franconian","vo":"Volap\u00fck","vot":"Votic","vro":"V\u00f5ro","wa":"Walloon","war":"Waray","wo":"Wolof","wuu":"Wu","xal":"Kalmyk","xh":"Xhosa","xmf":"Mingrelian","yi":"Yiddish","yo":"Yoruba","yue":"Cantonese","za":"Zhuang","zea":"Zeeuws","zh":"Chinese","zh-classical":"Classical Chinese","zh-cn":"Chinese (China)","zh-hans":"Simplified Chinese","zh-hant":"Traditional Chinese","zh-hk":"Chinese (Hong Kong)","zh-min-nan":"B\u00e2n-l\u00e2m-g\u00fa","zh-mo":"\u202a\u4e2d\u6587\uff08\u6fb3\u9580\uff09\u202c","zh-my":"\u202a\u4e2d\u6587\uff08\u9a6c\u6765\u897f\u4e9a\uff09\u202c","zh-sg":"Chinese (Singapore)","zh-tw":"Chinese (Taiwan)","zh-yue":"Cantonese","zu":"Zulu"}" class="uls-menu">
|
|
<div class="row">
|
|
<span class="icon-close"></span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="four columns">
|
|
<h1> Select language </h1>
|
|
</div>
|
|
<div class="three columns" id="settings-block"></div>
|
|
<div class="five columns" id="map-block">
|
|
<div class="row">
|
|
<div data-regiongroup="4" id="uls-region-4" class="three columns uls-region">
|
|
<a>Worldwide</a>
|
|
</div>
|
|
<div class="nine columns">
|
|
<div class="row uls-worldmap">
|
|
<div data-regiongroup="1" id="uls-region-1" class="four columns uls-region">
|
|
<a>America</a>
|
|
</div>
|
|
<div data-regiongroup="2" id="uls-region-2" class="four columns uls-region">
|
|
<a>Europe
|
|
<br>
|
|
Middle east
|
|
<br>
|
|
Africa</a>
|
|
</div>
|
|
<div data-regiongroup="3" id="uls-region-3" class="four columns uls-region">
|
|
<a>Asia
|
|
<br>
|
|
Australia
|
|
<br>
|
|
Pacific</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="search">
|
|
<div class="row">
|
|
<div class="one column">
|
|
<span class="search-label"></span>
|
|
</div>
|
|
<div class="ten columns">
|
|
<div id="search-input-block">
|
|
<input type="text" class="filterinput" id="filtersuggestion" disabled="true" autocomplete="off"/>
|
|
<input type="text" class="filterinput" id="languagefilter" data-suggestion="filtersuggestion" placeholder="Language search" autocomplete="off"/>
|
|
</div>
|
|
</div>
|
|
<div class="one column">
|
|
<span class="clear-button"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row uls-language-list"></div>
|
|
<div class="row uls-no-results-view">
|
|
<h2 class="ten columns end offset-by-one">No results found for "<span id="uls-no-found-search-term">Esapnol</span>"</h2>
|
|
<div id="uls-no-found-more">
|
|
<div class="ten columns end offset-by-one">
|
|
<p>You can search by language name, script name, ISO code of language or you can browse by region:
|
|
<a class="uls-region-link" data-region="NA" href="#">America</a>,
|
|
<a class="uls-region-link" data-region="EU" href="#">Europe</a>,
|
|
<a class="uls-region-link" data-region="ME" href="#">Middle East</a>,
|
|
<a class="uls-region-link" data-region="AF" href="#">Africa</a>,
|
|
<a class="uls-region-link" data-region="AS" href="#">Asia</a>,
|
|
<a class="uls-region-link" data-region="PA" href="#">Pacific</a> or
|
|
<a class="uls-region-link" data-region="WW" href="#">Worldwide languages</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|