Rails spinoffs - Mar 2006 - RE: manipulate <td>''s and their content by grabbingtheir classNames

Or...

var myTDs = new Array();
$A($("main").childNodes).each(function(tr)
{
	$A(tr.childNodes).each(function(td)
	{
		myTDs.push(td);
	});
});


-----Original Message-----
From: rails-spinoffs-bounces-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
[mailto:rails-spinoffs-bounces-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org]
On Behalf Of
troels knak-nielsen
Sent: Wednesday, March 01, 2006 12:28 PM
To: rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
Subject: Re: [Rails-spinoffs] manipulate <td>''s and their content
by
grabbingtheir classNames

<p align=\"left\"><b><font face=\"Arial\"
size=\"2\">GFI MailSecurity''s
HTML threat engine found HTML scripts in this email and has disabled
them.</font></b></p>You could make a controller-object, which
keeps a
pointer to the selected index, rather than traversing through the dom
each time you change the active cell.

Something along :
<Xcript type="text/javascript"><!--
MyController = {
    selected : null,
    select : function(elm) {
        if (this.selected) {
            this.selected.className = "";
        }
        this.selected = elm;
        elm.className = "selected";
    }
}
--></Xcript>
<table>
  <tr>
    <td onclick="MyController.select(this)">foo</td>
  <tr>
  <tr>
    <td onclick="MyController.select(this)">bar</td>
  <tr>
</table>

On 3/1/06, Maninder, Singh
<mandiv-W2hqgAdRMsX2eFz/2MeuCQ@public.gmane.org>
wrote:
>
> Hi Guys,
>
> What''s the best way to grab all <td>''s in a
particular table and
> manipulate them?
>
> Here''s the problem definition -
>
> I have a table that has ''n'' <tr>''s.
> Each <tr> has couple of <td>''s and the first
<td> has an image.
>
> By default, each <td> has a ''x'' class and image src
is ''x.gif''.
> But, when one is clicked, that one needs to be modified - the <td> 
> class should change to ''y'' and image src to
''y.gif''.
> Simultaneously need to traverse through other <tr>''s and
change the
> classes of the <td>''s to ''x'' and their
graphics to ''x.gif'' so that I
> don''t need to remember which one was highlighted earlier and which
one
is highlighted now.
>
> Eg:
>
> <table>
> <tbody id=main>
> <tr>
>   <td class=x><a href=#><img
src=x.gif></a></td>
>   <td class=x>foo</td>
> </tr>
>
> <!-- ACTIVE -->
> <tr>
>   <td class=y><a href=#><img
src=y.gif></a></td>
>   <td class=y>foo</td>
> </tr>
> <!-- ACTIVE -->
>
> <tr>
>   <td class=x><a href=#><img
src=x.gif></a></td>
>   <td class=x>foo</td>
> </tr>
> </tbody>
> </table>
>
> Would the $$ function be the best bet?
>
> Thoughts would be appreciated.
>
> Thank you,
> Mandy.
> _______________________________________________
> Rails-spinoffs mailing list
> Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
>
>
>

--
mvh troels
www.kyberfabrikken.dk
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

The information transmitted in this electronic mail is intended only for the
person or entity to which it is addressed and may contain confidential,
proprietary, and/or privileged material.  Any review, retransmission, 
dissemination or other use of, or taking of any action in reliance upon,
this information by persons or entities other than the intended recipient
is prohibited. If you received this in error, please contact the sender and
delete the material from all computers.