Date: Sun, 23 Sep 2012 09:51:11 -0700 (PDT)
From: elliot hesp <elliot.h...@gmail.com>
To: mootools-users@googlegroups.com
Message-Id: <1bef53e2-b688-4fa4-b918-c77cdb307755@googlegroups.com>
In-Reply-To: <CAOdYwA1Oya55hMRUOFQtnEqLnw5Lc1ibPxb2uBM0TEcGV8Waug@mail.gmail.com>
References: <4a4de5fc-028f-49da-9eab-3821410d2163@googlegroups.com>
 <3a58cc4f-2e4e-4f52-8f7f-8f3dff07babe@googlegroups.com> <dee536f4-a6ce-4d77-9f2f-74dcb45ec77b@googlegroups.com>
 <CAOdYwA1Oya55hMRUOFQtnEqLnw5Lc1ibPxb2uBM0TEcGV8Waug@mail.gmail.com>
Subject: Re: [Moo] Re: Individual element selection
MIME-Version: 1.0
Content-Type: multipart/mixed; 
	boundary="----=_Part_1241_6779768.1348419071353"

------=_Part_1241_6779768.1348419071353
Content-Type: multipart/alternative; 
	boundary="----=_Part_1242_30276531.1348419071353"

------=_Part_1242_30276531.1348419071353
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 7bit

Thanks, that last one is how I would like to do it :)

However, if I have more than 1 td in each row, how would I go about making 
it so some text in a td was clickable and toggled the hidden content?

http://jsfiddle.net/7zBU3/1/ 

That basically shows a simplified version of what I have, however I would 
like the 'Toggle' text to be clickable, and that does the same effect as 
what you had before :)

Thanks!

On Saturday, 22 September 2012 17:14:57 UTC+1, Nutron wrote:
>
> 1) consider doing this at click-time with delegation. A large table with 
> Ghazal's example will perform very slowly because on load it must iterate 
> over the table and set up instances of Fx.Slide.
>
> 2) if you want to use this with a table object, you're going to run into 
> problems because of how tables are kind of funky in their display. Fx.Slide 
> will definitely not work and, really, you'll have trouble with most effects 
> that transition size on the row. You can easily toggle visibility, but not 
> transition things smoothly.
>
> Here's an example that's much easier but also differs the instantiation 
> until the user actually clicks an item:
> http://jsfiddle.net/M7pm7/ 
>
> If you have to use tables, use the this instead:
> http://jsfiddle.net/7zBU3/ 
>
> On Sat, Sep 22, 2012 at 3:28 AM, ghazal <rose...@gmail.com <javascript:>>wrote:
>
>> hello,
>> try this if you have access to the DOM :
>> http://jsfiddle.net/zzB38/1/
>>
>>
>>
>>
>> On Saturday, September 22, 2012 12:02:00 PM UTC+2, elliot hesp wrote:
>>>
>>> I made in JS Fiddle:
>>>
>>> http://jsfiddle.net/KU9Ag/ 
>>>
>>> As you can see, row 1 works, but the rest after do not...
>>>
>>
>
------=_Part_1242_30276531.1348419071353
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable

Thanks, that last one is how I would like to do it :)<div><br></div><div>Ho=
wever, if I have more than 1 td in each row, how would I go about making it=
 so some text in a td was clickable and toggled the hidden content?</div><d=
iv><br></div><div><a href=3D"http://jsfiddle.net/7zBU3/1/">http://jsfiddle.=
net/7zBU3/1/</a>&nbsp;</div><div><br></div><div>That basically shows a simp=
lified version of what I have, however I would like the 'Toggle' text to be=
 clickable, and that does the same effect as what you had before :)</div><d=
iv><br></div><div>Thanks!<br><br>On Saturday, 22 September 2012 17:14:57 UT=
C+1, Nutron  wrote:<blockquote class=3D"gmail_quote" style=3D"margin: 0;mar=
gin-left: 0.8ex;border-left: 1px #ccc solid;padding-left: 1ex;">1) consider=
 doing this at click-time with delegation. A large table with Ghazal's exam=
ple will perform very slowly because on load it must iterate over the table=
 and set up instances of Fx.Slide.<div><br></div><div>2) if you want to use=
 this with a table object, you're going to run into problems because of how=
 tables are kind of funky in their display. Fx.Slide will definitely not wo=
rk and, really, you'll have trouble with most effects that transition size =
on the row. You can easily toggle visibility, but not transition things smo=
othly.</div>

<div><br></div><div>Here's an example that's much easier but also differs t=
he instantiation until the user actually clicks an item:</div><div><a href=
=3D"http://jsfiddle.net/M7pm7/" target=3D"_blank">http://jsfiddle.net/M7pm7=
/</a>&nbsp;<br>

<br>If you have to use tables, use the this instead:</div><div><a href=3D"h=
ttp://jsfiddle.net/7zBU3/" target=3D"_blank">http://jsfiddle.net/7zBU3/</a>=
&nbsp;<br><br><div class=3D"gmail_quote">On Sat, Sep 22, 2012 at 3:28 AM, g=
hazal <span dir=3D"ltr">&lt;<a href=3D"javascript:" target=3D"_blank" gdf-o=
bfuscated-mailto=3D"YLTEIJzUDwUJ">rose...@gmail.com</a>&gt;</span> wrote:<b=
r>

<blockquote class=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-left:1p=
x #ccc solid;padding-left:1ex">hello,<br>try this if you have access to the=
 DOM :<br><a href=3D"http://jsfiddle.net/zzB38/1/" target=3D"_blank">http:/=
/jsfiddle.net/zzB38/1/</a><div>

<div><br><br><br><br>On Saturday, September 22, 2012 12:02:00 PM UTC+2, ell=
iot hesp wrote:<blockquote class=3D"gmail_quote" style=3D"margin:0pt 0pt 0p=
t 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">

I made in JS Fiddle:<div><br></div><div><a href=3D"http://jsfiddle.net/KU9A=
g/" target=3D"_blank">http://jsfiddle.net/KU9Ag/</a>&nbsp;<br></div><div><b=
r></div><div>As you can see, row 1 works, but the rest after do not...</div=
></blockquote>

</div></div></blockquote></div><br></div>
</blockquote></div>
------=_Part_1242_30276531.1348419071353--

------=_Part_1241_6779768.1348419071353--