PDA

View Full Version : Problem with the "*****" called IE6



piyushpopli
11 Sep 2008, 8:45 AM
Hi guys,
I can't categorize myself as a newbie to javascript or ExtJS, but when it comes to IE6, I just have no freaking idea!!!!! :((:((
I'm facing a strange strange strange problem in IE6... Here is the code of a jsp called "desktop.jsp"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>PGS Desktop</title>

<!-- EXT -->
<link rel="stylesheet" type="text/css" href="/default/static/en/js/Ext/resources/css/ext-all.css" />
<script type="text/javascript" src="/default/static/en/js/Ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/default/static/en/js/Ext/ext-all.js"></script>
<script type="text/javascript" src="/default/static/en/js/Ext/adapter/jquery/jquery.js"></script>


<!-- STYLES-->
<link rel="stylesheet" type="text/css" href="/desktop/static/en/styles/desktop.css" />
<link rel="stylesheet" type="text/css" id="theme" href="/desktop/static/en/themes/xtheme-black/css/xtheme-black.css" />

<!-- DESKTOP -->
<script type="text/javascript" src="/desktop/static/en/scripts/Cookies.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/StartMenu.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/TaskBar.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/Desktop.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/App.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/Module.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/DesktopConfig.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/ManagedFrame.js"></script>

<!-- DESKTOP HELPERS -->
<script type="text/javascript" src="/desktop/static/en/scripts/Color-Picker.js"></script>
<link rel="stylesheet" type="text/css" href="/desktop/static/en/styles/color-picker.css"></link>
<script type="text/javascript" src="/desktop/static/en/scripts/Preferences.js"></script>
<link rel="stylesheet" type="text/css" href="/desktop/static/en/styles/preferences.css"></link>

<!-- MODULES -->
<script type="text/javascript" src="/desktop/static/en/scripts/Layout-Window.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/Fisheye.js"></script>
<script type="text/javascript" src="/desktop/static/en/scripts/EmsDesktop.js"></script>
<link href="/desktop/static/en/styles/fisheye.css" rel="stylesheet" type="text/css"></link>

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(/desktop/static/en/images/fisheye/iepngfix.htc) }
</style>
<![endif]-->


</head>

<body scroll="no">
<div id="x-desktop">
<dl id="x-shortcuts">
<dt id="emslisteditor-win-shortcut">
<a href="#">
<img src="/desktop/static/en/images/s.gif" />
<div>Lists</div>
</a>
</dt>
<dt id="acc-win-shortcut">
<a href="#"><img src="/desktop/static/en/images/s.gif" />
<div>Accordion Window</div>
</a>
</dt>
</dl>
</div>

<div id="ux-taskbar">
<div id="ux-taskbar-start"></div>
<div id="ux-taskbar-panel-wrap">
<div id="ux-quickstart-panel"></div>
<div id="ux-taskbuttons-panel"></div>
</div>
<div class="x-clear"></div>
</div>

<div class="dock" id="bottom-dock" style="display:none">
<div class="icon-container" id='xyz'>
<a class="icon" href="#"><span></span><img id='1'/></a>
<a class="icon" href="#"><span></span><img id='2'/></a>
<a class="icon" href="#"><span></span><img id='3'/></a>
<a class="icon" href="#"><span></span><img id='4'/></a>
<a class="icon" href="#"><span></span><img id='5'/></a>
<a class="icon" href="#"><span></span><img id='6'/></a>
<a class="icon" href="#"><span></span><img id='7'/></a>
<a class="icon" href="#"><span></span><img id='8'/></a>
<a class="icon" href="#"><span></span><img id='9'/></a>
<a class="icon" href="#"><span></span><img id='10'/></a>
</div>
</div>


<script type="text/javascript">
$(document).ready(function(){
if(navigator.userAgent.toLowerCase().indexOf('msie 6.0')==-1){
createFisheye(10, ["/desktop/static/en/images/fisheye/home.png", "/desktop/static/en/images/fisheye/email.png",
"/desktop/static/en/images/fisheye/portfolio.png", "/desktop/static/en/images/fisheye/music.png", "/desktop/static/en/images/fisheye/video.png",
"/desktop/static/en/images/fisheye/history.png", "/desktop/static/en/images/fisheye/calendar.png", "/desktop/static/en/images/fisheye/link.png",
"/desktop/static/en/images/fisheye/rss.png", "/desktop/static/en/images/fisheye/rss2.png"],
['Home', 'Contact', 'Portfolio', 'Music', 'Video', 'History', 'Calendar', 'Links', 'RSS', 'RSS2']);
initFisheye();
}
});
</script>
</body>
</html>


Alright !!! there's nothing special about this jsp right???

The Background: Now what I'm trying to do is to make a desktop application by extending the desktop application provided in the examples folder of the ExtJs download.... What I've basically done is added a fisheye (mac like) taskbar and tried to make it work with the existing code... This is where I got the fisheye from "http://www.ndesign-studio.com/blog/design/css-dock-menu/"...

The Problem: This code works perfectly well with IE7, firefox 2.0, 3.0 and Safari ... (I don't care about the rest :))).....It's only crashing on IE6...:(:(:(

The Strangeness: This code also works fine with IE6 if and only if I run the code "locally" ... Let me explain... I have a remote server instance where I deploy the application to test it like a real web application... while developing I use a local Jboss instance(running on my machine) for the unit testing and stuff...
So what I've noticed is that the same code runs fine locally but hangs on IE6 when accessed like a real web application (from a remote server).... :((
I've also noticed that IE6 hangs while it is trying to download the images required for the fisheye taskbar...
Sometimes... it just hangs for about 10 minutes and comes back from coma ... it also starts functioning normally after that... As in... if the first request is able to load the desktop properly(even if it takes 10 mins), subsequent page refreshes don't hang (I know what caching is but I've disabled it from the settings menu)....
Now I may be going a little overboard here but I think I have a right to say : "What the hell is wrong???"

13 Sep 2008, 7:25 AM
1) Welcome to the forums
2) Please post code in code tags.
3) The fisheye taskbar is *not* an ext component.