Template:Team:HokkaidoU Japan/bluescreen

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <script type="text/javascript"> $(function(){ if($.browser.msie){ if($.browser.version < 9){ var $screen = $('<div>').addClass('bluescreen'); ...")
Line 5: Line 5:
         if($.browser.version < 9){
         if($.browser.version < 9){
             var $screen = $('<div>').addClass('bluescreen');
             var $screen = $('<div>').addClass('bluescreen');
-
             $('#hokkaidou-container').empty();
+
             $('#hokkaidou-container').hide();
-
             $('html, body').css({position : 'relative', height : '100%'});
+
             $screen.append('<p>This version of Internet Explorer is not supported for rendering this web site correctly.</p>')
-
             $screen.append('<p>This page is not support for msie.</p>');
+
             $screen.append('<p>That mean the design of this web site may look stupid and ugly.</p>');
-
             $screen.append('<p>Please visit us on latest version of Firefox, Safari, Google Chrome or Opera</p>');
+
             $screen.append('<p>Click OK to visit our web site anyway but we recommend you to install latest Internet Explorer or use different really nice browser such as Firefox, Opera, Google Chrome. These browser are far better than Internet Explorer so we think it is good time  to change your browser :-)</p>');
             $('body').append($screen);
             $('body').append($screen);
 +
            var $button = $('<div>').addClass('apply-button').text('OK').bind('click', function(){
 +
                $screen.remove();
 +
                $('#hokkaidou-container').show();
 +
            });
 +
            $screen.append($button);
         }
         }
     }
     }
Line 26: Line 31:
     position : absolute;
     position : absolute;
     z-index : 35565
     z-index : 35565
 +
}
 +
div.bluescreen div.apply-button {
 +
    cursor: pointer;
}
}
</style>
</style>
</html>
</html>

Revision as of 03:14, 6 October 2011