[jQuery] Trying to show/hide table row...
Is it possible to show and hide a table row as it is a div? I work mostly with tables / rows / cells rather than div's and I've had a hard time making the code work on tables rows. Before I get into the code, I just want to make sure there's nothing specific about TR's that make them impossible or more difficult to work with than DIV's when it comes to jQuery. Rick ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Trying to show/hide table row...
Well ... i toggle the display property of tr though it seems to have i bug on firefox, because it doesn't get the colspan when it exist in a td child... but it works fine on IE... btw, i use the slideToggle effect. So if anyone knows a good way, please tell me too. 2007/1/15, Rick Faircloth [EMAIL PROTECTED]: Is it possible to show and hide a table row as it is a div? I work mostly with tables / rows / cells rather than div's and I've had a hard time making the code work on tables rows. Before I get into the code, I just want to make sure there's nothing specific about TR's that make them impossible or more difficult to work with than DIV's when it comes to jQuery. Rick ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Rafael Santos Sà :: webdeveloper www.rafael-santos.com ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Trying to show/hide table row...
There has been a lot of talk and tests of trying to get this to work properly. I created some tests to see if changing the display property would solve the problem but unfortunately some of the browsers just don't allow opacity changes on some of the other display properties. Right now the best solution is to wrap the table and perhaps a table row in a div and run the animation on it. Bug report: http://jquery.com/dev/bugs/bug/24/ -- Brandon Aaron On 1/15/07, Rick Faircloth [EMAIL PROTECTED] wrote: Is it possible to show and hide a table row as it is a div? I work mostly with tables / rows / cells rather than div's and I've had a hard time making the code work on tables rows. Before I get into the code, I just want to make sure there's nothing specific about TR's that make them impossible or more difficult to work with than DIV's when it comes to jQuery. Rick ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Trying to show/hide table row...
It is possible to hide table rows, though I don't know about hiding them with animations. We hide them all the time and we just hide and show it - works fine. I haven't tried this since I switched to jquery (some of the old JS code is still there) but I don't think there'd be any problem here either. As I said though, I can't speak to any animations. Rick Faircloth wrote: Is it possible to show and hide a table row as it is a div? I work mostly with tables / rows / cells rather than div's and I've had a hard time making the code work on tables rows. Before I get into the code, I just want to make sure there's nothing specific about TR's that make them impossible or more difficult to work with than DIV's when it comes to jQuery. Rick ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Trying-to-show-hide-table-row...-tf3016032.html#a8377914 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Trying to show/hide table row...
I would like for a space to open between two rows and for the js row to appear between the two... perhaps slide down and slide up. Is that what you do? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of James Thomas Sent: Monday, January 15, 2007 2:43 PM To: discuss@jquery.com Subject: Re: [jQuery] Trying to show/hide table row... It is possible to hide table rows, though I don't know about hiding them with animations. We hide them all the time and we just hide and show it - works fine. I haven't tried this since I switched to jquery (some of the old JS code is still there) but I don't think there'd be any problem here either. As I said though, I can't speak to any animations. Rick Faircloth wrote: Is it possible to show and hide a table row as it is a div? I work mostly with tables / rows / cells rather than div's and I've had a hard time making the code work on tables rows. Before I get into the code, I just want to make sure there's nothing specific about TR's that make them impossible or more difficult to work with than DIV's when it comes to jQuery. Rick ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/Trying-to-show-hide-table-row...-tf3016032.html#a83779 14 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Trying to show/hide table row...
Yes, but it just appears, we haven't yet experimented with applying effects.
We have always done this using plain old javascript, like:
TO SHOW:
document.getElementById('trShow').style.display = 'block';
TO HIDE:
document.getElementById('trShow').style.display = 'none';
Could probably use jquery though to do it too:
$('#trShow').css('display', 'none'); // hide
$('#trShow').css('display', 'block'); // show
You can probably simply apply hide() or show() to the items too. Not sure
though about effects as I haven't tried it yet.
Rick Faircloth wrote:
I would like for a space to open between two rows and for the
js row to appear between the two... perhaps slide down and slide up.
Is that what you do?
Rick
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of James Thomas
Sent: Monday, January 15, 2007 2:43 PM
To: discuss@jquery.com
Subject: Re: [jQuery] Trying to show/hide table row...
It is possible to hide table rows, though I don't know about hiding them
with
animations. We hide them all the time and we just hide and show it - works
fine. I haven't tried this since I switched to jquery (some of the old JS
code is still there) but I don't think there'd be any problem here either.
As I said though, I can't speak to any animations.
Rick Faircloth wrote:
Is it possible to show and hide a table row as it is a div?
I work mostly with tables / rows / cells rather than div's
and I've had a hard time making the code work on tables rows.
Before I get into the code, I just want to make sure there's
nothing specific about TR's that make them impossible or more
difficult to work with than DIV's when it comes to jQuery.
Rick
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
View this message in context:
http://www.nabble.com/Trying-to-show-hide-table-row...-tf3016032.html#a83779
14
Sent from the JQuery mailing list archive at Nabble.com.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
View this message in context:
http://www.nabble.com/Trying-to-show-hide-table-row...-tf3016032.html#a8381059
Sent from the JQuery mailing list archive at Nabble.com.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Trying to show/hide table row...
1. Add the row to the table - all of the content should be contained
in hidden divs
2. Run animations on the divs - show, slide down, fade in, etc
Blair
On 1/16/07, James Thomas [EMAIL PROTECTED] wrote:
Yes, but it just appears, we haven't yet experimented with applying
effects.
We have always done this using plain old javascript, like:
TO SHOW:
document.getElementById('trShow').style.display = 'block';
TO HIDE:
document.getElementById('trShow').style.display = 'none';
Could probably use jquery though to do it too:
$('#trShow').css('display', 'none'); // hide
$('#trShow').css('display', 'block'); // show
You can probably simply apply hide() or show() to the items too. Not sure
though about effects as I haven't tried it yet.
Rick Faircloth wrote:
I would like for a space to open between two rows and for the
js row to appear between the two... perhaps slide down and slide up.
Is that what you do?
Rick
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of James Thomas
Sent: Monday, January 15, 2007 2:43 PM
To: discuss@jquery.com
Subject: Re: [jQuery] Trying to show/hide table row...
It is possible to hide table rows, though I don't know about hiding them
with
animations. We hide them all the time and we just hide and show it -
works
fine. I haven't tried this since I switched to jquery (some of the old
JS
code is still there) but I don't think there'd be any problem here
either.
As I said though, I can't speak to any animations.
Rick Faircloth wrote:
Is it possible to show and hide a table row as it is a div?
I work mostly with tables / rows / cells rather than div's
and I've had a hard time making the code work on tables rows.
Before I get into the code, I just want to make sure there's
nothing specific about TR's that make them impossible or more
difficult to work with than DIV's when it comes to jQuery.
Rick
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
View this message in context:
http://www.nabble.com/Trying-to-show-hide-table-row...-tf3016032.html#a83779
14
Sent from the JQuery mailing list archive at Nabble.com.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
View this message in context:
http://www.nabble.com/Trying-to-show-hide-table-row...-tf3016032.html#a8381059
Sent from the JQuery mailing list archive at Nabble.com.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
