onSelect callback option for ULS

* Correct the dependencies for ext.uls.core, it need not depend on
mediawiki.Uri.
* Move the setlang function out of ULS core js.
* Add a callback function to the example.

Change-Id: Ie3598236b2a884580092194c57558ec109d20803
This commit is contained in:
Santhosh Thottingal
2012-07-23 17:42:00 +05:30
parent b1b7c2feb3
commit 964f508533
4 changed files with 33 additions and 20 deletions

View File

@@ -22,17 +22,26 @@
<script src="../resources/ext.uls.lcd.js"></script>
<script src="../resources/ext.uls.languagefilter.js"></script>
<script src="../resources/ext.uls.core.js"></script>
<script src="../resources/ext.uls.init.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 href="#">Select Language</a> </span>
<span class="active uls-trigger"> <a id="pageLanguage" href="#">Select Language</a> </span>
<h1>Universal Language Selector</h1>
<p>
Demonstration of jquery plugin
@@ -47,8 +56,7 @@
<div class="four columns">
<h1> Select language </h1>
</div>
<div class="three columns" id="settings-block">
</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">
@@ -92,8 +100,7 @@
</div>
</div>
</div>
<div class="row uls-language-list">
</div>
<div class="row uls-language-list"></div>
</div>
</div>
</div>