944,150 Members | Top Members by Rank

Ad:
Nov 4th, 2009
0

IE6/IE7 bug in jQuery/CSS

Expand Post »
I can reproduce this bug in IE7 (and a colleague in IE6), my link is here:

http://www.pritaeas.net/tools/linkfarm/

If you select a tag the list gets filtered and the tag added to the selected div. Unselecting it will reset the taglist, and remove() the tag from the selected div. Selecting another one will result in positioning the new tag next to the element that has been removed.

Is this a jQuery issue, or can this be fixed by changing my css.

After a suggestion on StackOverflow I've also tried to use .hide() and .hide("fast") but to no avail.

T.i.a.


Originally posted here: http://stackoverflow.com/questions/1...in-ie6-and-ie7
Last edited by pritaeas; Nov 4th, 2009 at 5:19 am. Reason: addition
Similar Threads
Sponsor
Featured Poster
Reputation Points: 557
Solved Threads: 735
Bite my shiny metal ass!
pritaeas is offline Offline
4,204 posts
since Jul 2006
Nov 4th, 2009
0
Re: IE6/IE7 bug in jQuery/CSS
could it be the other way around, because if it really happens to be an IE "bug" you should post back at Microsoft -'cause we cant fix browsers.

Why don't you check you code instead of 'repoting bugs' you don't know anything about?

It works fine on my IE 6 - but you should check back the style, (and a bit of positioning) because the border around elements is dashed here while in fx it's solid.
Reputation Points: 120
Solved Threads: 61
Posting Pro
Troy III is offline Offline
513 posts
since Jun 2008
Nov 4th, 2009
0
Re: IE6/IE7 bug in jQuery/CSS
Yes, it could be an IE bug (I did not state it was, but it is the only one with the problem), but that is why I want to know if anyone has ever seen this behaviour before. I want to rule out coding/css errors first. Any help I've had so far has not resulted in anything.

The border is supposed to be dashed... but that is just visual stuff, not important at this time. I'm hoping to find a solution to the positioning problem.
Last edited by pritaeas; Nov 4th, 2009 at 10:14 am. Reason: removed accidental quote
Sponsor
Featured Poster
Reputation Points: 557
Solved Threads: 735
Bite my shiny metal ass!
pritaeas is offline Offline
4,204 posts
since Jul 2006
Nov 4th, 2009
0
Re: IE6/IE7 bug in jQuery/CSS
first of all, besides the position of the border that is messed up in IE, i had another error... when i was selecting the check-boxes and deselecting them, they wore still there but invisible...
http://archivist.incutio.com/viewlist/css-discuss/37888
this came to mind... the difference between visibility hidden vs display none
Reputation Points: 10
Solved Threads: 2
Newbie Poster
futingkiller is offline Offline
17 posts
since Oct 2009
Nov 4th, 2009
1
Re: IE6/IE7 bug in jQuery/CSS
This is not an IE issue.
Get yourself Firebug for Firefox and the IE Developer Toolbar for IE7 -- maybe 6 and 8?

When I run through the example on firefox it is not removing the li tags from the list when i deselect a tag, just the input and the label.

Firefox is leaving the empty li tags and not displaying them or hiding them or something I assume it is your css. On IE7 the EXACT same behavior is occurring except IE7 is leaving the li's in their default state (expanded/not hidden?).

Both browsers show like this once i have removed items that i previously selected.
html Syntax (Toggle Plain Text)
  1. <ul class="selected">
  2. <li> </li>
  3. <li> </li>
  4. </ul>
Sponsor
Reputation Points: 265
Solved Threads: 126
Practically a Master Poster
mschroeder is offline Offline
624 posts
since Jul 2008
Nov 5th, 2009
0
Re: IE6/IE7 bug in jQuery/CSS
Thanks for the tips. I'll sit down this weekend and try again. Apparently the .remove and .hide functions of jQuery do not work as expected, so I'll have to write a work-around.
Last edited by pritaeas; Nov 5th, 2009 at 4:33 am. Reason: Add-on
Sponsor
Featured Poster
Reputation Points: 557
Solved Threads: 735
Bite my shiny metal ass!
pritaeas is offline Offline
4,204 posts
since Jul 2006
Nov 5th, 2009
0
Re: IE6/IE7 bug in jQuery/CSS
Thanks all. Your insights helped me fix it. Apparently my .remove() did not recognize the parent li tag correctly. It is now fixed.
Sponsor
Featured Poster
Reputation Points: 557
Solved Threads: 735
Bite my shiny metal ass!
pritaeas is offline Offline
4,204 posts
since Jul 2006
Apr 1st, 2010
0
Re: IE6/IE7 bug in jQuery/CSS
How did u fix it..even i have a similar problem
Reputation Points: 10
Solved Threads: 0
Light Poster
sniigg is offline Offline
31 posts
since Mar 2010
Apr 1st, 2010
0
Re: IE6/IE7 bug in jQuery/CSS
Click to Expand / Collapse  Quote originally posted by sniigg ...
How did u fix it..even i have a similar problem
If you do have a similar problem, start a new thread to describe it.
Sponsor
Featured Poster
Reputation Points: 557
Solved Threads: 735
Bite my shiny metal ass!
pritaeas is offline Offline
4,204 posts
since Jul 2006

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: To remove li using JQuery
Next Thread in JavaScript / DHTML / AJAX Forum Timeline: javascript inside a php wrapper





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC