WordPress.org

Make WordPress Core

Changeset 15757


Ignore:
Timestamp:
10/08/2010 03:29:57 AM (8 years ago)
Author:
nacin
Message:

Update via ajax the sample output of custom date/times on options-general. fixes #12636.

Location:
trunk/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/admin-ajax.php

    r15632 r15757  
    14641464    die( '0' );
    14651465    break;
     1466case 'date_format' :
     1467    die( date_i18n( sanitize_option( 'date_format', $_POST['date'] ) ) );
     1468    break;
     1469case 'time_format' :
     1470    die( date_i18n( sanitize_option( 'time_format', $_POST['date'] ) ) );
     1471    break;
    14661472default :
    14671473    do_action( 'wp_ajax_' . $_POST['action'] );
  • trunk/wp-admin/options-general.php

    r15132 r15757  
    3131        $("input[name='date_format']").click(function(){
    3232            if ( "date_format_custom_radio" != $(this).attr("id") )
    33                 $("input[name='date_format_custom']").val( $(this).val() );
     33                $("input[name='date_format_custom']").val( $(this).val() ).siblings('.example').text( $(this).siblings('span').text() );
    3434        });
    3535        $("input[name='date_format_custom']").focus(function(){
     
    3939        $("input[name='time_format']").click(function(){
    4040            if ( "time_format_custom_radio" != $(this).attr("id") )
    41                 $("input[name='time_format_custom']").val( $(this).val() );
     41                $("input[name='time_format_custom']").val( $(this).val() ).siblings('.example').text( $(this).siblings('span').text() );
    4242        });
    4343        $("input[name='time_format_custom']").focus(function(){
    4444            $("#time_format_custom_radio").attr("checked", "checked");
     45        });
     46        $("input[name='date_format_custom'], input[name='time_format_custom']").change( function() {
     47            var format = $(this);
     48            format.siblings('img').css('visibility','visible');
     49            $.post(ajaxurl, {
     50                    action: 'date_format_custom' == format.attr('name') ? 'date_format' : 'time_format',
     51                    date : format.val(),
     52                }, function(d) { format.siblings('img').css('visibility','hidden'); format.siblings('.example').text(d); } );   
    4553        });
    4654    });
     
    266274            $custom = false;
    267275        }
    268         echo ' /> ' . date_i18n( $format ) . "</label><br />\n";
     276        echo ' /> <span>' . date_i18n( $format ) . "</span></label><br />\n";
    269277    }
    270278
    271279    echo '  <label><input type="radio" name="date_format" id="date_format_custom_radio" value="\c\u\s\t\o\m"';
    272280    checked( $custom );
    273     echo '/> ' . __('Custom:') . ' </label><input type="text" name="date_format_custom" value="' . esc_attr( get_option('date_format') ) . '" class="small-text" /> ' . date_i18n( get_option('date_format') ) . "\n";
    274 
    275     echo "\t<p>" . __('<a href="http://codex.wordpress.org/Formatting_Date_and_Time">Documentation on date formatting</a>. Click &#8220;Save Changes&#8221; to update sample output.') . "</p>\n";
     281    echo '/> ' . __('Custom:') . ' </label><input type="text" name="date_format_custom" value="' . esc_attr( get_option('date_format') ) . '" class="small-text" /> <span class="example"> ' . date_i18n( get_option('date_format') ) . "</span> <img class='ajax-loading' src='" . esc_url( admin_url( 'images/wpspin_light.gif' ) ) . "' />\n";
     282
     283    echo "\t<p>" . __('<a href="http://codex.wordpress.org/Formatting_Date_and_Time">Documentation on date and time formatting</a>.') . "</p>\n";
    276284?>
    277285    </fieldset>
     
    298306            $custom = false;
    299307        }
    300         echo ' /> ' . date_i18n( $format ) . "</label><br />\n";
     308        echo ' /> <span>' . date_i18n( $format ) . "</span></label><br />\n";
    301309    }
    302310
    303311    echo '  <label><input type="radio" name="time_format" id="time_format_custom_radio" value="\c\u\s\t\o\m"';
    304312    checked( $custom );
    305     echo '/> ' . __('Custom:') . ' </label><input type="text" name="time_format_custom" value="' . esc_attr( get_option('time_format') ) . '" class="small-text" /> ' . date_i18n( get_option('time_format') ) . "\n";
     313    echo '/> ' . __('Custom:') . ' </label><input type="text" name="time_format_custom" value="' . esc_attr( get_option('time_format') ) . '" class="small-text" /> <span class="example"> ' . date_i18n( get_option('time_format') ) . "</span> <img class='ajax-loading' src='" . esc_url( admin_url( 'images/wpspin_light.gif' ) ) . "' />\n";
     314    ;
    306315?>
    307316    </fieldset>
Note: See TracChangeset for help on using the changeset viewer.