thr3ads.net - Rails - How do I do this with RJS? [Feb 2008]

If this information is useful, please help other people find it:
Share via:

laredotornado-8iDLEspWrrZBDgjK7y7TUQ@public.gmane.org

2008-Feb-13 16:16 UTC

How do I do this with RJS?

Hi,

I have this HTML:

<div id="all_items">
   <div class="item">Item #<span
class="itemNo">1</span></div>
   <div class="item">Item #<span
class="itemNo">6</span></div>
   <div class="item">Item #<span
class="itemNo">8</span></div>
   <div class="item">Item #<span
class="itemNo">2</span></div>
</div>

What I want is to write a JS function that I can call that will go
through and replace the text between the SPAN tags with consecutive
numbers.  So the final HTML would look like:

<div id="all_items">
   <div class="item">Item #<span
class="itemNo">1</span></div>
   <div class="item">Item #<span
class="itemNo">2</span></div>
   <div class="item">Item #<span
class="itemNo">3</span></div>
   <div class="item">Item #<span
class="itemNo">4</span></div>
</div>

I have included this <%= javascript_include_tag :defaults %> in my
<HEAD>.  Any ideas how to do the above? - Dave

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Phil Tayo

2008-Feb-13 16:49 UTC

head link

Re: How do I do this with RJS?

> What I want is to write a JS function that I can call that will go
> through and replace the text between the SPAN tags with consecutive
> numbers.  So the final HTML would look like:
do you mean you want to re-order the span tags that you have or do you 
mean you want to go through each one and change the text within each 
one?
-- 
Posted via http://www.ruby-forum.com/.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Phil Tayo

2008-Feb-13 16:57 UTC

head link

Re: How do I do this with RJS?

Phil Tayo wrote:> 
>> What I want is to write a JS function that I can call that will go
>> through and replace the text between the SPAN tags with consecutive
>> numbers.  So the final HTML would look like:
> 
ok i just re-read your post, it seems like you want to replace the text 
inside the tags.  For this, each tag has to have a unique id, so going 
from your example you could have this:

<div id="all_items">
   <div class="item">Item #<span class="itemNo" id
= "1">1</span></div>
   <div class="item">Item #<span class="itemNo" id
= "2">2</span></div>
   <div class="item">Item #<span class="itemNo" id
= "3">3</span></div>
   <div class="item">Item #<span class="itemNo" id
= "4">4</span></div>
</div>

then in your RJS you might have:

 page<<  items = 
document.getElementById(''all_items'').getElementsByClassName(''itemNo'');"
 page<<  "for (var i=1;i <= items.length;i++) {"
 page<<    "items[i].innerHTML = i;"
 page<<    "}"

that MIGHT work, it probably doesn''t but i think you get the idea.  you
have to loop through each span class item that you want to change and 
change the value...Also I don''t profess to be a l33t ruby haxor or 
anything so there''s almost definitely a better way of doing this.
-- 
Posted via http://www.ruby-forum.com/.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

laredotornado-8iDLEspWrrZBDgjK7y7TUQ@public.gmane.org

2008-Feb-13 18:03 UTC

head link

Re: How do I do this with RJS?

Hi Phil,

Thanks for your reply.  The DIVs of class "item" and the SPANs within
them are getting dynamically inserted and the SPANs don''t contain
IDs.  I was hoping I could do this without having to assign them one.
I tried your code anyway, but I get the RJS alert error box, "RJS
Error: Type error: items[i] has no properties".

This may be because I didn''t have id''s in those SPANs.

If there is a way to do it without having to assign IDs to the SPANs,
I am most grateful, - Dave


On Feb 13, 10:57 am, Phil Tayo
<rails-mailing-l...-ARtvInVfO7ksV2N9l4h3zg@public.gmane.org>
wrote:> Phil Tayo wrote:
>
> >> What I want is to write a JS function that I can call that will go
> >> through and replace the text between the SPAN tags with
consecutive
> >> numbers.  So the final HTML would look like:
>
> ok i just re-read your post, it seems like you want to replace the text
> inside the tags.  For this, each tag has to have a unique id, so going
> from your example you could have this:
>
> <div id="all_items">
>    <div class="item">Item #<span
class="itemNo" id = "1">1</span></div>
>    <div class="item">Item #<span
class="itemNo" id = "2">2</span></div>
>    <div class="item">Item #<span
class="itemNo" id = "3">3</span></div>
>    <div class="item">Item #<span
class="itemNo" id = "4">4</span></div>
> </div>
>
> then in your RJS you might have:
>
>  page<<  items >
document.getElementById(''all_items'').getElementsByClassName(''itemNo'');"
>  page<<  "for (var i=1;i <= items.length;i++) {"
>  page<<    "items[i].innerHTML = i;"
>  page<<    "}"
>
> that MIGHT work, it probably doesn''t but i think you get the idea.
 you
> have to loop through each span class item that you want to change and
> change the value...Also I don''t profess to be a l33t ruby haxor or
> anything so there''s almost definitely a better way of doing this.
> --
> Posted viahttp://www.ruby-forum.com/.--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

laredotornado-8iDLEspWrrZBDgjK7y7TUQ@public.gmane.org

2008-Feb-13 18:13 UTC

head link

Re: How do I do this with RJS?

Hey, You are a real genuis after all.  I changed this line

page<<    "items[i].innerHTML = i;"

to

page<<    "items[i-1].innerHTML = i;"

and everything worked great.  Thanks! -


On Feb 13, 12:03 pm,
"laredotorn...-8iDLEspWrrZBDgjK7y7TUQ@public.gmane.org"
<laredotorn...-8iDLEspWrrZBDgjK7y7TUQ@public.gmane.org>
wrote:> Hi Phil,
>
> Thanks for your reply.  The DIVs of class "item" and the SPANs
within
> them are getting dynamically inserted and the SPANs don''t contain
> IDs.  I was hoping I could do this without having to assign them one.
> I tried your code anyway, but I get the RJS alert error box, "RJS
> Error: Type error: items[i] has no properties".
>
> This may be because I didn''t have id''s in those SPANs.
>
> If there is a way to do it without having to assign IDs to the SPANs,
> I am most grateful, - Dave
>
> On Feb 13, 10:57 am, Phil Tayo
<rails-mailing-l...-ARtvInVfO7ksV2N9l4h3zg@public.gmane.org>
> wrote:
>
>
>
> > Phil Tayo wrote:
>
> > >> What I want is to write a JS function that I can call that
will go
> > >> through and replace the text between the SPAN tags with
consecutive
> > >> numbers.  So the final HTML would look like:
>
> > ok i just re-read your post, it seems like you want to replace the
text
> > inside the tags.  For this, each tag has to have a unique id, so going
> > from your example you could have this:
>
> > <div id="all_items">
> >    <div class="item">Item #<span
class="itemNo" id = "1">1</span></div>
> >    <div class="item">Item #<span
class="itemNo" id = "2">2</span></div>
> >    <div class="item">Item #<span
class="itemNo" id = "3">3</span></div>
> >    <div class="item">Item #<span
class="itemNo" id = "4">4</span></div>
> > </div>
>
> > then in your RJS you might have:
>
> >  page<<  items > >
document.getElementById(''all_items'').getElementsByClassName(''itemNo'');"
> >  page<<  "for (var i=1;i <= items.length;i++) {"
> >  page<<    "items[i].innerHTML = i;"
> >  page<<    "}"
>
> > that MIGHT work, it probably doesn''t but i think you get the
idea.  you
> > have to loop through each span class item that you want to change and
> > change the value...Also I don''t profess to be a l33t ruby
haxor or
> > anything so there''s almost definitely a better way of doing
this.
> > --
> > Posted viahttp://www.ruby-forum.com/.- Hide quoted text -
>
> - Show quoted text ---~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Phil Tayo

2008-Feb-13 18:15 UTC

head link

Re: How do I do this with RJS?

erm ok forget about assigning ids..how about this:

page<<  items
document.getElementById(''all_items'').getElementsByClassName(''itemNo'');"
 page<<  "for (var i=0;i < items.length;i++) {"
 page<<    "items[i].innerHTML = i+1;"
 page<<    "}"


* I changed the "for(var i=1; i<=items.length.............)" to 
"for(vari=0l i<items.length................)

-- 
Posted via http://www.ruby-forum.com/.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Frederick Cheung

2008-Feb-14 02:15 UTC

head link

Re: How do I do this with RJS?

On 13 Feb 2008, at 18:15, Phil Tayo wrote:
>
> erm ok forget about assigning ids..how about this:
>
> page<<  items > document
>
.getElementById(''all_items'').getElementsByClassName(''itemNo'');"
> page<<  "for (var i=0;i < items.length;i++) {"
> page<<    "items[i].innerHTML = i+1;"
> page<<    "}"
>
Just so you know, it''s possible to write javascript that is much much  
nicer with prototype

$$(''#all_items .itemNo'').each(function(element,index)
{element.
innerHTML = index + 1})

There''s really no need to mess around with the dom by hand.

Fred>
> * I changed the "for(var i=1; i<=items.length.............)"
to
> "for(vari=0l i<items.length................)
>
> -- 
> Posted via http://www.ruby-forum.com/.
>
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Phil Tayo

2008-Feb-14 08:18 UTC

head link

Re: How do I do this with RJS?

> Just so you know, it''s possible to write javascript that is much
much
> nicer with prototype
> 
> $$(''#all_items .itemNo'').each(function(element,index)
{element.
> innerHTML = index + 1})
> 
> There''s really no need to mess around with the dom by hand.
> 
> Fred
aha! finally! I knew there''d be a way but I just couldn''t find
it...this
is a problem i have with ruby: If you don''t know what you''re
looking
for, how do you find it?!
-- 
Posted via http://www.ruby-forum.com/.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Frederick Cheung

2008-Feb-14 10:09 UTC

head link

Re: How do I do this with RJS?

On 14 Feb 2008, at 08:18, Phil Tayo wrote:
>
>
>> Just so you know, it''s possible to write javascript that is
much much
>> nicer with prototype
>>
>> $$(''#all_items .itemNo'').each(function(element,index)
{element.
>> innerHTML = index + 1})
>>
>> There''s really no need to mess around with the dom by hand.
>>
>> Fred
>
> aha! finally! I knew there''d be a way but I just couldn''t
find
> it...this
> is a problem i have with ruby: If you don''t know what
you''re looking
> for, how do you find it?!
It''s not a ruby problem, it''s a javascript problem :-) There
is an
excellent book on prototype  which was an absolute eye-opener for me
(http://www.pragprog.com/titles/cppsu
)

Fred

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Phil Tayo

2008-Feb-14 13:44 UTC

head link

Re: How do I do this with RJS?

> It''s not a ruby problem, it''s a javascript problem :-)
There is an
> excellent book on prototype  which was an absolute eye-opener for me 
> (http://www.pragprog.com/titles/cppsu
> )
> 
> Fred
excellent, I''ll check it out.

cheers,

Phil

-- 
Posted via http://www.ruby-forum.com/.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Rails - Feb 2008 - How do I do this with RJS?

How do I do this with RJS?

Re: How do I do this with RJS?

Re: How do I do this with RJS?

Re: How do I do this with RJS?

Re: How do I do this with RJS?

Re: How do I do this with RJS?

Re: How do I do this with RJS?

Re: How do I do this with RJS?

Re: How do I do this with RJS?

Re: How do I do this with RJS?