Changeset 1266

Show
Ignore:
Timestamp:
15-12-10 12:39:03 (3 years ago)
Author:
robert@…
Message:

Fixed several IE7 bugs. See tickets #231, #232, #234 and #237

Location:
trunk
Files:
6 modified

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/views/common/_topnav.gsp

    r1263 r1266  
    5252                <ul class="subnav"> 
    5353                        <li><g:link controller="publication" action="list">View publications</g:link></li> 
    54                         <li><g:link controller="publication" action="add">Add publication</g:link></li> 
     54                        <li><g:link controller="publication" action="create">Add publication</g:link></li> 
    5555                </ul> 
    5656        </li> 
  • trunk/grails-app/views/study/show.gsp

    r1254 r1266  
    1111        <g:set var="entityName" value="${message(code: 'study.label', default: 'Study')}"/> 
    1212        <title><g:message code="default.show.label" args="[entityName]"/></title> 
    13         <script type="text/javascript"> 
     13        <script type="text/javascript"> 
     14            // Flag whether the timelines have been loaded 
     15        var timelineloaded = false; 
     16 
    1417                // Number of timelines that should be loaded 
    1518                var numTimelines = ${studyList?.size()}; 
     
    1821                $(function() { 
    1922                        $("#tabs").tabs({ 
    20                                 load: function(event, ui) { 
    21                                         // If the events tab is shown, the timeline should be redrawn 
    22                                         if (ui.tab.hash == '#Events_timeline') { 
    23                                                 loadTimeline('eventstimeline', 'eventtitles', 0); 
    24                                         } 
    25                                 }, 
     23                show: function(event, ui) { 
     24                  // If the events tab is shown, the timeline should be redrawn 
     25                  if( ui.tab.hash == '#events-timeline' && !timelineloaded ) { 
     26                    loadTimeline( 'eventstimeline', 'eventtitles', 0 ); 
     27                    timelineloaded = true; 
     28                  } 
     29                }, 
    2630                                ajaxOptions: { 
    2731                                        error: function(xhr, status, index, anchor) { 
     
    6266                                <li><a href="#study">Study Information</a></li> 
    6367                                <li><a href="<g:createLink action="show_subjects" id="${studyList.id.join(',')}"/>" title="Subjects"><span>Subjects</span></a></li> 
    64                                 <li><a href="<g:createLink action="show_events_timeline" id="${studyList.id.join(',')}"/>" title="Events timeline"><span>Events timeline</span></a></li> 
     68                                <li><a href="#events-timeline"><span>Events timeline</span></a></li> 
    6569                                <li><a href="<g:createLink action="show_events_table" id="${studyList.id.join(',')}"/>" title="Events table"><span>Events table</span></a></li> 
    6670                                <li><a href="<g:createLink action="show_assays" id="${studyList.id.join(',')}"/>" title="Assays"><span>Assays</span></a></li> 
     
    180184                        </div> 
    181185 
     186                  <div id="events-timeline"> 
     187                        <g:if test="${studyList*.events?.flatten()?.size()==0 && studyInstance*.samplingEvents?.flatten()?.size()==0 }"> 
     188                          No events in these studies 
     189                        </g:if> 
     190                        <g:else> 
     191                          <g:each in="${studyList}" var="study" status="i"> 
     192                                <div style="margin: 10px; "> 
     193                                  <div class="eventtitles" id="eventtitles-${i}"></div> 
     194                                  <div class="eventstimeline" id="eventstimeline-${i}"></div> 
     195                                </div> 
     196                          </g:each> 
     197                          <noscript> 
     198                                Javascript is needed for showing the timeline, but it has been disabled in your browser. Please enable javascript or use 
     199                                the events table instead. 
     200                          </noscript> 
     201                        </g:else> 
     202                  </div> 
     203 
    182204                        <% /* 
    183205                  All other tabs are moved to separate views and are loaded using 
  • trunk/web-app/css/default_style.css

    r1265 r1266  
    7474        font-size: 1.2em; 
    7575        background: url(../images/default_style/topnav/topnav_bg.gif) repeat-x; 
    76         z-index: 1000; 
     76        z-index: 1005; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */ 
    7777} 
    7878 
     
    8282        padding: 0 15px 0 0; 
    8383        position: relative; /*--Declare X and Y axis base--*/ 
     84        z-index: 1004; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */ 
    8485} 
    8586 
     
    130131        -webkit-border-bottom-right-radius: 5px; 
    131132        border: 1px solid #111; 
     133        z-index: 1001; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */ 
    132134} 
    133135 
     
    139141        clear: both; 
    140142        width: 170px; 
     143        position:relative; 
     144        z-index: 1000; /** Important: keeps submenu's on top of other elements in IE7. See http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7#comment-547 */ 
    141145} 
    142146 
     
    440444#facebookConnect { 
    441445        padding:0px 0px 10px 0px; 
    442         z-index: -1; 
    443 } 
     446        position:relative; 
     447        z-index: 0; 
     448} 
  • trunk/web-app/css/wizard.css

    r1182 r1266  
    242242    -o-transform: rotate(180g); 
    243243    cursor: pointer; 
     244    zoom: 1; /* IE 6 & 7 hack */ 
     245    *display: inline; /* IE 6 & 7 hack */ 
    244246} 
    245247 
     
    325327} 
    326328 
    327 .wizard .table .highlight, .wizard .table .highlight input, .wizard .table .highlight select, .wizard .table .highlight b { 
     329#wizard div.row:hover, #wizard div.row:hover b{ 
    328330    background-color: #006DBA; 
    329331    color: #fff; 
    330332} 
    331333 
    332 .wizard .table .highlight input, .wizard .table .highlight select { 
     334#wizard div.row:hover input, #wizard div.row:hover select { 
    333335    background-color: #6e99d4; 
    334336    color: #fff; 
    335337} 
     338 
    336339/* END :: TABLE */ 
    337340 
  • trunk/web-app/js/importer.js

    r980 r1266  
    217217// attach subject events 
    218218function attachTableEvents() { 
    219     $('div#wizard').find('div.row').each(function() { 
    220         $(this).hover( 
    221                 function() { 
    222                     $(this).addClass('highlight'); 
    223                 }, 
    224                 function() { 
    225                     $(this).removeClass('highlight'); 
    226                 } 
    227         ); 
    228     }); 
     219        // This method handled the background hover color on table rows 
     220        // Since this broke select boxes in IE7, this is now handled by css 
     221        // See wizard.css and #234 and #237 
    229222} 
    230223 
  • trunk/web-app/js/wizard.js

    r1182 r1266  
    222222// attach subject events 
    223223function attachTableEvents() { 
    224     $('div#wizard').find('div.row').each(function() { 
    225         $(this).hover( 
    226                 function() { 
    227                     $(this).addClass('highlight'); 
    228                 }, 
    229                 function() { 
    230                     $(this).removeClass('highlight'); 
    231                 } 
    232         ); 
    233     }); 
     224        // This method handled the background hover color on table rows 
     225        // Since this broke select boxes in IE7, this is now handled by css 
     226        // See wizard.css and #234 and #237 
    234227} 
    235228