Changeset 1266


Ignore:
Timestamp:
Dec 15, 2010, 12:39:03 PM (6 years ago)
Author:
robert@…
Message:

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

Location:
trunk
Files:
6 edited

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
Note: See TracChangeset for help on using the changeset viewer.