which is good fedora or wheezy | php facebook share script | how to monitor 3 log file in fail2ban
 


 

jui_dropdown (v1.0.4)


Share:

jui_dropdown is a jquery plugin, provides a simple dropdown button menu (split button). jQuery UI themes compatible.

Compatible with modern web browsers. Tested with: Google Chrome, Mozilla Firefox, Microsoft Internet Explorer >= 8, (default) Android browser.

PROJECT HOME: http://pontikis.net/labs/jui_dropdown

DEMO: http://pontikis.net/labs/jui_dropdown/demo

DOCUMENTATION: http://pontikis.net/labs/jui_dropdown/docs

SUPPORT FORUM: http://pontikis.net/bbs

SOURCE REPOSITORY: https://github.com/pontikis/jui_dropdown

JQUERY PLUGIN REGISTRY: http://plugins.jquery.com/jui_dropdown/

NuGet GALLERY: https://nuget.org/packages/jui_dropdown/

Copyright © Christos Pontikis http://pontikis.net

License MIT

Requires

Tested with jquery >= 1.8.2 and >= jquery-ui 1.8.23 (NOTE: Form controls inside menu will work with jquery-ui >= 1.9)

Current Release 1.0.4 (15 Apr 2013) Download here.

CHANGELOG here.

Syntax highlight using http://alexgorbatchev.com/SyntaxHighlighter/

Features

  • Creates a simple dropdown menu

Usage

HTML (head section)

    <link rel="stylesheet" type="text/css" href="/path/to/jqueryui_theme/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="/path/to/jquery.jui_dropdown.css">
    <!--  if custom classes used -->
    <link rel="stylesheet" type="text/css" href="/path/to/custom.css">

    <script type="text/javascript" src="/path/to/jquery.js"></script>
    <script type="text/javascript" src="/path/to/jquery-ui.js"></script>

    <script type="text/javascript" src="/path/to/jquery.jui_dropdown.min.js"></script>
    

JS code

    $("#element_id").jui_dropdown({
        launcher_id: 'launcher1',
        launcher_container_id: 'launcher1_container',
        menu_id: 'menu1',
        containerClass: 'container1',
        menuClass: 'menu1',
        onSelect: function(event, data) {
            $("#result").text('index: ' + data.index + ' (id: ' + data.id + ')');
        }
    });
    

Options

    $("#element_id").jui_dropdown({
		launcher_id: 'launcher1',  // REQUIRED
		launcher_container_id: 'launcher1_container', // REQUIRED
		menu_id: 'menu1', // REQUIRED

		containerClass: 'containerClass', // OPTIONAL

		// DEFAULTS
		launcherContainerClass: 'launcherContainerClass',
		launcherClass: 'launcherClass',
		launcherSelectedClass: 'launcherSelectedClass ui-widget-header ui-corner-all',
		menuClass: 'menuClass',
		launcher_is_UI_button: true,
		launcherUIShowText: true,
		launcherUIPrimaryIconClass: '',
		launcherUISecondaryIconClass: 'ui-icon-triangle-1-s',

		launchOnMouseEnter: false,

		my_position: 'left top',
		at_position: 'left bottom',
		toggle_launcher: false,

		onSelect: function() {
		}
    });
    

Methods

getDefaults

    $("#element_id").jui_dropdown('getDefaults');
    

getOption

    $("#element_id").jui_dropdown('getOption', 'option_name');
    

getAllOptions

    $("#element_id").jui_dropdown('getAllOptions');
    

setOption

    $("#element_id").jui_dropdown('setOption', 'option_name', option_value, reinit);
    

Alternative way to set one or more options

    $("#element_id").jui_dropdown({option1_name: option1_value, etc});
    

refresh

    $("#element_id").jui_dropdown('refresh');
    

destroy

    $("#element_id").jui_dropdown('destroy');
    

Events

onSelect

    $("#element_id").jui_dropdown({
        onSelect: function(event, data) {
            $("#result").text('index: ' + data.index + ' (id: ' + data.id + ')');
        }
    });