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

web/index.html

@@ -30,7 +30,6 @@
 			 <ul>    
 				 <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>
 				 <li id="pause_selected" class="disabled"><div id="pause_selected_link"><div class="toolbar_image"></div>Pause</div></li>
@@ -332,17 +331,6 @@
 				</li>
 			</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">
 			<ul>

web/javascript/transmission.js

@@ -20,11 +20,14 @@ Transmission.prototype =
 
 	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');
 		}
 		
 		// Initialize the helper classes
@@ -1032,7 +1035,7 @@ Transmission.prototype =
 	},
 
 	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();
 		this.setPref( Prefs._ShowFilter, true );

web/stylesheets/common.css

@@ -847,52 +847,6 @@ div#prefs_container div#pref_error {
 	background-color: #FFEFEF;
 }
 
-/*--------------------------------------
- *
- * 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

web/stylesheets/ie6.css

@@ -0,0 +1,16 @@
+div.torrent_global_menu ul li {
+	width: 60px;
+}
+div#torrent_filter_bar ul li {
+	width: 100px;
+}
+div.torrent_footer {
+	position: static;
+}
+div#torrent_container {
+	position: static;
+	top: 97px;
+}
+div#torrent_inspector {
+	position: absolute;
+}

web/stylesheets/ie7.css

@@ -0,0 +1,13 @@
+div.torrent_global_menu ul li {
+	width: 100px;
+}
+div#torrent_container {
+	overflow-x: hidden;
+}
+div#torrent_container ul li {
+	padding-right: 40px;
+}
+li.torrent a div {
+	right: -2px;
+	top: -12px;
+}