great tips, thanks Wizzud ! I've updated the link with corrected code according to your comments( except for the left:... because i rememberd facing issues with old browsers if i didn't use the unit explicitely).
Now i'm facing bugs in the datascape movement (if you mouse on the left end or right end side of the screen). Also, I would like to try to make my datascape function into a plugin to make sure i use jquery how it is meant to be used but i'm not successful so far. I'll see if the week end coding sessions prove more successful than the week :) -----Original Message----- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Wizzud Sent: vendredi 21 décembre 2007 11:55 To: jQuery (English) Subject: [jQuery] Re: internet explorer debugging Ok, apparently not! Seems like you've already resolved it! Couple of points, if you're interested: if ($('#datascape').length) { $('#datascape').unbind().fadeOut("slow", function(){ You don't need to check length, just go straight into the $ ('#datascape')... jQuery will only proceed along the chain if the selector finds the element. $('#strata3').html(''); You can just use $('#strata3').empty(); html() does an empty() before applying the new content, and seeing as you don't have any replacement content, a simple empty() should suffice. On Dec 21, 10:28 am, Wizzud <[EMAIL PROTECTED]> wrote: > It appears to be choking on ... > > $thisMenu.animate({ > left: $newLeft + 'px' > }); > > You might need to ensure that 'left' is set to a value for anything > you wish to animate. At the moment, IE7 is giving a start point of NaN > for a left animation. > PS. You don't need to supply the 'px', > eg. just $thisMenu.animate({left:$newLeft}); will do. > > Looks neat! > > On Dec 21, 9:46 am, "Stefan Petre" <[EMAIL PROTECTED]> wrote: > > > Maybe this helpshttp://www.debugbar.com/ > > > 2007/12/21, Alexandre Plennevaux <[EMAIL PROTECTED]>: > > > > hello friends, > > > > my application is running ok in firefox but is not doing so great in > > > internet explorer. I'm having a hard time tracking down the bug(s). > > > Can someone help me? Problem is i didn't find any decent tool to debug > > > javascrpt in internet explorer. > > > > Anyway, here is the prototype i'm working on: > > > >http://www.pixeline.be/test/m2/ > > > > the source code is here: > > > >http://www.pixeline.be/test/m2/_js/frontend/6_proto_strata+datascape+... > > > > Basically, a good part of the code is used to make sure all elements > > > fits nicely graphically on the background 4px grid, whatever the > > > screen resolution. > > > The top menu is "strataGrid" and after clicking on the second line of > > > options in the menu, you get to the "datascape". > > > > now, i'm not an expert in javascript so any coding improvement you can > > > suggest is welcomed, i did it my way :) > > > > The issue comes with the apparition of the datascape. It chokes and > > > does not finish appearing. In firefox 2 it works well though. > > > > I think the error is somewhere here: > > > > $('.strataTrigger').bind('click', function(){ > > > var $thisMenu = $(this).parents('.mainmenu'); > > > var li = $(this).parent(); > > > var index = li.parent().children('li').index(li[0]); > > > $newLeft = strataGrid.startX + (strataGrid.colCenter - (index > > > + 1)) * strataGrid.colWidth; > > > $('.strataTrigger', $thisMenu).removeClass('selected'); > > > $(this).addClass('selected'); > > > $thisMenu.animate({ > > > left: $newLeft + 'px' > > > }); > > > // 4._ SHOW/HIDES MENUS > > > if ($thisMenu.attr('id') == 'strata1') { > > > var showme = $(this).metadata().showme; > > > //remove datascape if displayed > > > if ($('#datascape').length) { > > > $('#datascape').unbind().fadeOut("slow", function(){ > > > clearInterval(datascape.$interval); > > > $(this).hide(); // HIDE OR REMOVE ?? _ A SURVEILLER > > > }); > > > } > > > > $('.strata2').each(function(){ > > > if ($(this).hasClass(showme)) { > > > $(this).show(); > > > } > > > else { > > > $(this).hide(); > > > } > > > }); > > > } > > > else > > > if ($thisMenu.hasClass('strata2')) { > > > $('#strata3').html(''); > > > $("#datascape").load('ajax_datascape.inc.html', > > > function(){ > > > $(this).fadeIn("slow"); > > > drawDatascape(strataGrid, ''); > > > }); > > > } > > > return false; > > > }); > > > > -- > > > Alexandre Plennevaux > > > LAb[au] > > > >http://www.lab-au.com Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.516 / Base de données virus: 269.17.5/1191 - Date: 20/12/2007 14:14
