WordPress.org
Get WordPress

Plugin Directory

Changeset 955579


Ignore:
Timestamp:
07/27/2014 02:18:52 PM (12 years ago)
Author:
amitsukapure
Message:

3.2 version with responsive menu control

Location:
shortcode-menu/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • shortcode-menu/trunk/help.php

    r946368 r955579  
    2323                    </tr>
    2424                    <tr>
    25                         <td><label>Select Menu</label></td>
     25                        <td width="50%"><label>Select Menu</label></td>
    2626                        <td>
    2727                            <select id="menu_name" onchange="generate_shortcode()">
    … …  
    114114                    </tr>
    115115                    <tr class="hide-field">
     116                        <td>Responsive Menu</div></td>
     117                        <td><input type="checkbox" id="shortcode_is_mobile" checked="checked" onchange="generate_shortcode(); toggle_breakpoint();"/> <label for="shortcode_is_mobile">Enable</label></td>
     118                    </tr>
     119                    <tr class="breakpoint-field">
    116120                        <td>Display Mobile Menu Breakpoint (Optional)</div></td>
    117121                        <td><input type="number" id="shortcode_mobile_breakpoint" placeholder="650" onchange="generate_shortcode();"/>px (Defualt 650px)</td>
    … …  
    519523            else
    520524                var shortcode_sm_custom_css = '';
     525           
     526            if(jQuery('#shortcode_is_mobile').is(':checked'))
     527            {
     528                var sm_is_responsive = ' is_responsive="true" ';
    521529               
    522             var sm_responsive_breakpoint = jQuery('#shortcode_mobile_breakpoint').val();
    523             if(sm_responsive_breakpoint != '')
    524                 var shortcode_sm_responsive_breakpoint = ' responsive="'+sm_responsive_breakpoint+'" ';
    525             else
     530                var sm_responsive_breakpoint = jQuery('#shortcode_mobile_breakpoint').val();
     531                if(sm_responsive_breakpoint != '')
     532                    var shortcode_sm_responsive_breakpoint = ' responsive="'+sm_responsive_breakpoint+'" ';
     533                else
     534                    var shortcode_sm_responsive_breakpoint = '';
     535            }
     536            else
     537            {
     538                var sm_is_responsive = ' is_responsive="false" ';
    526539                var shortcode_sm_responsive_breakpoint = '';
    527            
    528             var shortcode = shortcode_start+shortcode_menu+shortcode_id+shortcode_class+shortcode_display+shortcode_list+shortcode_enhance+shortcode_menu_color+shortcode_menu_anchor_color+shortcode_menu_anchor_hover_color+shortcode_submenu_color+shortcode_submenu_anchor_color+shortcode_submenu_anchor_hover_color+submenu_transparency_code+shortcode_arrow+shortcode_sm_responsive_breakpoint+shortcode_sm_custom_css+shortcode_end;
     540            }
     541           
     542           
     543           
     544            var shortcode = shortcode_start+shortcode_menu+shortcode_id+shortcode_class+shortcode_display+shortcode_list+shortcode_enhance+shortcode_menu_color+shortcode_menu_anchor_color+shortcode_menu_anchor_hover_color+shortcode_submenu_color+shortcode_submenu_anchor_color+shortcode_submenu_anchor_hover_color+submenu_transparency_code+shortcode_arrow+sm_is_responsive+shortcode_sm_responsive_breakpoint+shortcode_sm_custom_css+shortcode_end;
    529545            if(menu != 'Select')
    530546            {
    … …  
    593609                generate_shortcode();
    594610            });
     611           
     612            toggle_breakpoint();
    595613        });
    596614       
    … …  
    603621            });
    604622        }
    605        
     623        function toggle_breakpoint()
     624        {
     625            if(jQuery('#shortcode_is_mobile').is(':checked'))
     626                jQuery('.breakpoint-field').fadeIn('slow');
     627            else
     628                jQuery('.breakpoint-field').fadeOut('slow');
     629            generate_shortcode();
     630        }
    606631    </script>
    607632   

  • shortcode-menu/trunk/readme.txt

    r952866 r955579  
    55Requires at least: 3.0.1
    66Tested up to: 3.9.1
    7 Stable tag: 3.1
     7Stable tag: 3.2
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    5757== Changelog ==
    5858
     59= 3.2 =
     60* Enable/disable responsive menu option
     61
    5962= 3.1 =
    6063* Warning free plugin
    … …  
    9497== Upgrade Notice ==
    9598
     99= 3.2 =
     100Control your responsive menu
     101
    96102= 3.1 =
    97103Warning free code

  • shortcode-menu/trunk/shortcode-menu.php

    r952866 r955579  
    44Plugin URI: http://wordpress.org/plugins/shortcode-menu/
    55Description: To display menu's everywhere like sidebar, header, footer, pages, posts or theme template with effective styling and customization using shortcode.
    6 Version: 3.1
     6Version: 3.2
    77Author:Amit Sukapure
    88Author URI: http://in.linkedin.com/in/amitsukapure/
    … …  
    6969            wp_enqueue_style( 'shortcode-menu-style' );
    7070           
    71             $id = $class = $menu = $display = $enhance = $menu_color = $menu_anchor_color = $menu_anchor_hover_color = $submenu_color = $submenu_anchor_color = $submenu_anchor_hover_color = $submenu_transparency = $menu_style = $css = $responsive = $arrow = $menu_anchor_color_style = $menu_anchor_hover_color_style  = $opacity = $icon_style = $submenu_transparency = '';
     71            $id = $class = $menu = $display = $enhance = $menu_color = $menu_anchor_color = $menu_anchor_hover_color = $submenu_color = $submenu_anchor_color = $submenu_anchor_hover_color = $submenu_transparency = $menu_style = $css = $is_responsive = $responsive = $arrow = $menu_anchor_color_style = $menu_anchor_hover_color_style  = $opacity = $icon_style = $submenu_transparency = '';
    7272           
    7373            extract( shortcode_atts( array(
    … …  
    8787                'arrow' => 'true',
    8888                'css' => '',
     89                'is_responsive' => 'true',
    8990                'responsive' => '650'
    9091            ), $attr ) );
    … …  
    184185                'walker'          => ''
    185186            );
    186             return wp_nav_menu( $defaults ).'<div class="clear"></div>
     187            $html = wp_nav_menu( $defaults );
     188            $html .= '<div class="clear"></div>
    187189            <style>
    188190                #'.$menu_id.' { '.$menu_style.' }
    … …  
    196198            </style>
    197199            <script type="text/javascript">
    198                 var show_arrow = "'.$arrow.'";
    199                 var $sm = jQuery.noConflict();
    200                 jQuery(function ($) {
    201                     $("#'.$menu_id.'").tinyNav();
    202                     $("#'.$menu_id.'").next().addClass("shortcode-menu-mobile");
    203                    
    204                     shortcode_menu_responsive();
    205                 });
    206                 jQuery(window).resize(function($){
    207                     shortcode_menu_responsive();
    208                 });
    209                 function shortcode_menu_responsive()
     200                var show_arrow = "'.$arrow.'";';
     201                if($is_responsive == 'true')
    210202                {
    211                     var window_width = $sm(window).width();
    212                     if(window_width <= '.$responsive.')
     203                    $html .= 'var $sm = jQuery.noConflict();
     204                    jQuery(function ($) {
     205                        $("#'.$menu_id.'").tinyNav();
     206                        $("#'.$menu_id.'").next().addClass("shortcode-menu-mobile");
     207                       
     208                        shortcode_menu_responsive();
     209                    });
     210                    jQuery(window).resize(function($){
     211                        shortcode_menu_responsive();
     212                    });
     213                    function shortcode_menu_responsive()
    213214                    {
    214                         $sm("#'.$menu_id.'").hide();
    215                         $sm("#'.$menu_id.'").next().show();
    216                     }
    217                     else
    218                     {
    219                         $sm("#'.$menu_id.'").show();
    220                         $sm("#'.$menu_id.'").next().hide();
    221                     }
    222                 }
    223             </script>';
     215                        var window_width = $sm(window).width();
     216                        if(window_width <= '.$responsive.')
     217                        {
     218                            $sm("#'.$menu_id.'").hide();
     219                            $sm("#'.$menu_id.'").next().show();
     220                        }
     221                        else
     222                        {
     223                            $sm("#'.$menu_id.'").show();
     224                            $sm("#'.$menu_id.'").next().hide();
     225                        }
     226                    }';
     227                }               
     228            $html .= '</script>';
     229            return $html;
    224230        }
    225231       
Note: See TracChangeset for help on using the changeset viewer.