Changeset 898873

Timestamp:

04/20/2014 07:41:40 PM (12 years ago)

Author:

maor

Message:

Added support for opening links in new window

File:

• optimized-dropdown-menus/trunk/optimized-dm.php (modified) (6 diffs)

optimized-dropdown-menus/trunk/optimized-dm.php

@@ -42 +42 @@
         $nav_menu = isset( $instance['nav_menu'] ) ? $instance['nav_menu'] : '';
         $html5    = isset( $instance['html5'] ) ? $instance['html5'] : '';
+        $newindow = isset( $instance['new_window'] ) ? $instance['new_window'] : '';
 
         // Get menus
@@ -76 +77 @@
             <label for="<?php echo $this->get_field_id( 'html5' ); ?>">&nbsp;<?php echo sprintf( _x( 'Use HTML5 %s element?', '<nav>', 'optimized_dd' ), '<code>&lt;nav&gt;</code>' ); ?></label>
         </p>
+        <p>
+            <input class="checkbox" type="checkbox" <?php echo ($newindow == 'on') ? 'checked="checked"' : ''; ?> id="<?php echo $this->get_field_id( 'new_window' ); ?>" name="<?php echo $this->get_field_name( 'new_window' ); ?>" />
+            <label for="<?php echo $this->get_field_id( 'new_window' ); ?>">&nbsp;<?php _e( 'Open links in new window?', 'optimized_dd' ); ?></label>
+        </p>
         <?php
     }
 
     function update( $new_instance, $old_instance ) {
-        $instance['title'] = $new_instance['title'];
-        $instance['nav_menu'] = (int) $new_instance['nav_menu'];
-        $instance['html5'] = $new_instance['html5'];
+        $instance['title']      = $new_instance['title'];
+        $instance['nav_menu']   = (int) $new_instance['nav_menu'];
+        $instance['html5']      = $new_instance['html5'];
+        $instance['new_window'] = $new_instance['new_window'];
         return $instance;
     }
@@ -92 +98 @@
         if ( !$nav_menu )
             return;
+
+        // links open in a new tab?
+        $link_scope_css_class = ( isset( $instance['new_window'] ) && 'on' == $instance['new_window'] ) ? 'odm-new-window' : 'odm-self-window';
 
         $instance['title'] = apply_filters( 'widget_title', empty( $instance['title'] ) ? '' : $instance['title'], $instance, $this->id_base );
@@ -104 +113 @@
             'menu' => $nav_menu,
             'container' => (($instance['html5'] == 'on') ? 'nav' : 'div'),
-            'container_class' => "odm-widget",
+            'container_class' => "odm-widget $link_scope_css_class",
             'menu_id' => "odm-{$nav_menu->term_id}-widget"
         );
@@ -154 +163 @@
             /* ref: https://gist.github.com/1918689 */
             jQuery(document).ready(function($) {
-                $('.odm-widget ul').each(function(){
+                var $widget = $('.odm-widget');
+
+                $('ul', $widget).each(function(){
                   var list = $(this);
                   var select = $(document.createElement('select'))
@@ -167 +178 @@
                   list.remove();
                   $(document.createElement('button'))
-                    .attr('onclick','window.location.href=jQuery(\'#'+$(this).attr('id')+'\').val();')
+                    .attr('onclick',
+                        $widget.hasClass('odm-new-window') 
+                            ? 'window.open(jQuery(\'#'+$(this).attr('id')+'\').val(), \'_blank\');'
+                            : 'window.location.href=jQuery(\'#'+$(this).attr('id')+'\').val();')
                     .html('Go')
                     .insertAfter(select);