PHP Classes

File: lib/UI/jquery/js/jquery.dropdown.js

Recommend this page to a friend!
  Classes of Muhammad Mengrani   PHP-MVC   lib/UI/jquery/js/jquery.dropdown.js   Download  
File: lib/UI/jquery/js/jquery.dropdown.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP-MVC
Library that implements the MVC design pattern
Author: By
Last change: Update of lib/UI/jquery/js/jquery.dropdown.js
Date: 4 months ago
Size: 3,129 bytes
 

Contents

Class file image Download
/* * jQuery dropdown: A simple dropdown plugin * * Inspired by Bootstrap: http://twitter.github.com/bootstrap/javascript.html#dropdowns * * Copyright 2013 Cory LaViska for A Beautiful Site, LLC. (http://abeautifulsite.net/) * * Dual licensed under the MIT / GPL Version 2 licenses * */ if(jQuery) (function($) { $.extend($.fn, { dropdown: function(method, data) { switch( method ) { case 'hide': hide(); return $(this); case 'attach': return $(this).attr('data-dropdown', data); case 'detach': hide(); return $(this).removeAttr('data-dropdown'); case 'disable': return $(this).addClass('dropdown-disabled'); case 'enable': hide(); return $(this).removeClass('dropdown-disabled'); } } }); function show(event) { var trigger = $(this), dropdown = $(trigger.attr('data-dropdown')), isOpen = trigger.hasClass('dropdown-open'); // In some cases we don't want to show it if( trigger !== event.target && $(event.target).hasClass('dropdown-ignore') ) return; event.preventDefault(); event.stopPropagation(); hide(); if( isOpen || trigger.hasClass('dropdown-disabled') ) return; // Show it trigger.addClass('dropdown-open'); dropdown .data('dropdown-trigger', trigger) .show(); // Position it position(); // Trigger the show callback dropdown .trigger('show', { dropdown: dropdown, trigger: trigger }); } function hide(event) { // In some cases we don't hide them var targetGroup = event ? $(event.target).parents().andSelf() : null; // Are we clicking anywhere in a dropdown? if( targetGroup && targetGroup.is('.dropdown') ) { // Is it a dropdown menu? if( targetGroup.is('.dropdown-menu') ) { // Did we click on an option? If so close it. if( !targetGroup.is('A') ) return; } else { // Nope, it's a panel. Leave it open. return; } } // Hide any dropdown that may be showing $(document).find('.dropdown:visible').each( function() { var dropdown = $(this); dropdown .hide() .removeData('dropdown-trigger') .trigger('hide', { dropdown: dropdown }); }); // Remove all dropdown-open classes $(document).find('.dropdown-open').removeClass('dropdown-open'); } function position() { var dropdown = $('.dropdown:visible').eq(0), trigger = dropdown.data('dropdown-trigger'), hOffset = trigger ? parseInt(trigger.attr('data-horizontal-offset') || 0) : null, vOffset = trigger ? parseInt(trigger.attr('data-vertical-offset') || 0) : null; if( dropdown.length === 0 || !trigger ) return; // Position the dropdown dropdown .css({ left: dropdown.hasClass('dropdown-anchor-right') ? trigger.offset().left - (dropdown.outerWidth() - trigger.outerWidth()) + hOffset : trigger.offset().left + hOffset, top: trigger.offset().top + trigger.outerHeight() + vOffset }); } $(function() { $(document).on('click.dropdown', '[data-dropdown]', show); $(document).on('click.dropdown', hide); $(window).on('resize', position); }); })(jQuery);