Changeset 7922

Timestamp:

Feb 19, 2009, 11:02:22 PM (12 years ago)

Author:

livings124

Message:

(trunk) #1602 Internet Explorer 6 & 7 Support in WebUI

Location:

trunk/web

Files:

• images/graphics/browser_firefox.gif (deleted)
• images/graphics/browser_opera.gif (deleted)
• images/graphics/browser_safari.gif (deleted)
• index.html (modified) (2 diffs)
• javascript/transmission.js (modified) (2 diffs)
• stylesheets/common.css (modified) (1 diff)
• stylesheets/ie6.css (added)
• stylesheets/ie7.css (added)

trunk/web/index.html

@@ -31 +31 @@
                                  <li id="open"><div id="open_link"><div class="toolbar_image"></div>Open</div></li>
                                  <li id="remove" class="disabled"><div id="remove_link"><div class="toolbar_image"></div>Remove</div></li>
-                                 <li class="divider">&nbsp;</li>
                                  <li id="removedata" class="disabled"><div id="removedata_link"><div class="toolbar_image"></div>Remove Data</div></li>
                                  <li class="divider">&nbsp;</li>
@@ -333 +332 @@
                         </ul>
                 </div>
-
-                <div id="unsupported_browser" style="display:none;">
-                        <div class="dialog_window">
-                                <img class="logo" src="images/graphics/logo.png" alt="Transmission Logo" />
-                                <h2>Sorry, your browser is not supported.</h2>
-                                <p>We currently support the following browsers:</p>
-                                <a href="http://www.mozilla.com/en-US/firefox/" title="Firefox"><img src="images/graphics/browser_firefox.gif" alt="Firefox" /></a>
-                                <a href="http://www.apple.com/safari/" title="Safari"><img src="images/graphics/browser_safari.gif" alt="Safari" /></a>
-                                <a href="http://www.opera.com/download/" title="Opera"><img src="images/graphics/browser_opera.gif" alt="Opera" /></a>
-                        </div>
-                </div>
                 
 <div class="contextMenu" id="torrent_context_menu">

trunk/web/javascript/transmission.js

@@ -21 +21 @@
         initialize: function()
         {
-                // Before we do anything, browser compatability test
+                // IE specific fixes here
                 if ($.browser.msie) {
-                        $('div.torrent_footer').hide();
-                        $('div#unsupported_browser').show();
-                        return;
+                        try {
+                          document.execCommand("BackgroundImageCache", false, true);
+                        } catch(err) {}
+                        $('head').append('<link media="screen" href="./stylesheets/common.css" type="text/css" rel="stylesheet" />');
+                        $('head').append('<link media="screen" href="./stylesheets/ie'+$.browser.version.substr(0,1)+'.css" type="text/css" rel="stylesheet" />');
+                        $('.dialog_container').css('height',$(window).height()+'px');
                 }
                 
@@ -1033 +1036 @@
 
         showFilter: function( ) {
-                var container_top = parseInt($('#torrent_container').css('top')) + $('#torrent_filter_bar').height() + 1;
+                var container_top = parseInt($('#torrent_container').position().top) + $('#torrent_filter_bar').height() + 1;
                 $('#torrent_container').css('top', container_top + 'px');
                 $('#torrent_filter_bar').show();

trunk/web/stylesheets/common.css

@@ -850 +850 @@
 /*--------------------------------------
  *
- * U N S U P P O R T E D   B R O W S E R
- *
- *--------------------------------------*/
-
-div#unsupported_browser {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        margin: 0px;
-        width: 100%;
-        height: 100%;
-        z-index: 3;
-        text-align: center;
-        background: #fff;
-}
-
-div#unsupported_browser div.dialog_window {
-        position: relative;
-        top: 150px;
-        width: 450px;
-        height: 250px;
-        margin: 0 auto;
-        border: 1px solid #979797;
-}
-
-div#unsupported_browser div.dialog_window img {
-        margin: 10px;
-}
-
-div#unsupported_browser div.dialog_window img.logo {
-        display: block;
-        margin: 20px auto 0;
-}
-
-div#unsupported_browser div.dialog_window h2 {
-        margin: 40px auto 0;
-        width: 305px;
-}
-
-div#unsupported_browser div.dialog_window p {
-        clear: both;
-        font-size: 1.4em;
-}
-
-/*--------------------------------------
- *
  * T R A N S   M E N U
  *