Changeset 14440

Show
Ignore:
Timestamp:
01/16/08 21:02:18 (11 months ago)
Author:
flack
Message:

Safari and keyboard navigation fixes

also tried to make it look more like a system widget

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • trunk/midcom/midcom.helper.datamanager2/static/chooser/jquery.chooser_widget.css

    r14425 r14440  
    11input.chooser_widget_search_input 
    22{ 
    3      
     3    margin-bottom: 5px 
    44} 
    55 
    66.chooser_widget_headers 
    77{ 
    8     border: 1px solid WindowFrame; 
    9     background-color: Window; 
     8    border: 2px inset ThreeDLightShadow; 
     9    border-bottom: 1px solid ThreeDDarkShadow; 
     10    background-color: ThreeDLightShadow; 
    1011    overflow: hidden; 
    1112    clear: left; 
     
    3132.chooser_widget_results 
    3233{ 
    33     border: 1px solid WindowFrame; 
     34    border: 2px inset ThreeDLightShadow; 
     35    border-top: 0; 
    3436    background-color: #ffffff; 
    3537    color: #000000; 
     
    106108{ 
    107109    display: none; 
    108      
    109110    position: fixed !important; 
    110        position: absolute; 
     111    position: absolute; 
    111112    top: 5%; 
    112113    left: 50%; 
     
    156157.chooser_widget_result_item_hover 
    157158{ 
    158 /*  background-color: #c3c3c3; 
     159    background-color: Highlight; 
     160    color: HighlightText 
     161    /*  background-color: #c3c3c3; 
    159162    color: #000;*/ 
    160163} 
     
    162165{ 
    163166    background : url('../../stock-icons/16x16/approved_fade_50.png') center center no-repeat; 
     167    background-color: Highlight; 
     168    color: HighlightText 
    164169} 
    165170.chooser_widget_result_item_deleted 
  • trunk/midcom/midcom.helper.datamanager2/static/chooser/jquery.chooser_widget.js

    r14436 r14440  
    502502        .attr("pre_selected","false") 
    503503        .addClass("chooser_widget_result_item") 
    504         .css({ 
    505             margin: 0, 
    506             padding: 0, 
    507             background: 'none' 
    508         }) 
    509504        .click(function(event) { 
    510505            var li_element = target(event); 
     
    633628        { 
    634629            // Remove activation from each list element 
    635             jQuery(this.parent).find('li.' + CLASSES.ACTIVE).each(function(i) 
     630            jQuery('#'+options.widget_id + '_results li.' + CLASSES.ACTIVE).each(function(i) 
    636631                { 
    637632                    var id = this.id.match(/_([0-9]+)$/); 
     
    756751        activate_item: function(item) 
    757752        { 
    758             // if (options.allow_multiple) { 
    759             //      
    760             // } 
    761753            var item_id = item[options.id_field]; 
    762754            activate(item_id); 
     
    817809 
    818810    var item_parts = jQuery("<div>") 
    819     .attr({ id: options.widget_id + '_result_item_'+item.id }) 
     811    .attr({ id: options.widget_id + '_result_item_parts_'+item.id }) 
    820812    .addClass("chooser_widget_result_item_parts"); 
    821813 
    822814    var item_content = jQuery("<div>") 
    823815        .addClass('chooser_widget_item_part') 
    824         .attr({ id: 'chooser_widget_item_part_id' }) 
    825816        .html( item.id ) 
    826817        .css('display', 'none') 
     
    835826            value = midcom_helper_datamanager2_widget_chooser_format_value(options.format_items[n.name], item[n.name]); 
    836827        } 
     828 
    837829        value = midcom_helper_datamanager2_widget_chooser_format_value('unescape', item[n.name]); 
    838830         
     
    840832        .addClass('chooser_widget_item_part') 
    841833        .attr({ 
    842             id: 'chooser_widget_item_part_'+n.name, 
    843834            title: midcom_helper_datamanager2_widget_chooser_format_value('html2text', value) 
    844835        })