Re: [Proto-Scripty] Prototype, addClassName on future elements
Thank you very much. I will play around with the different solutions. On Wed, Oct 24, 2012 at 2:59 PM, Walter Lee Davis wrote: > DOM should be all caps. I just tried this in Safari 6, and while I > couldn't get SubtreeModified to work, DOMNodeInserted worked great. You > might want to try that. It works no matter what sort of content you insert > -- even a bare string is a new DOM node. > > Walter > > On Oct 24, 2012, at 8:52 AM, Henrik Aagaard Sørensen wrote: > > > PeriodicalExecuter does the job, thank you. > > > > However, I would like to try DomSubtreeModified. But this doesn't work > in Chrome: > > > > document.observe('DomSubtreeModified ', function () { > > //Do stuff > > }); > > > > Am I doing something wrong? > > > > On Wed, Oct 24, 2012 at 2:47 PM, Walter Lee Davis > wrote: > > Okay, then try this (wasteful but should do the job): > > > > new PeriodicalExecuter(function(){ $$('.foo').invoke('addClassName', > 'bar'); }, 0.3); > > > > There's also an event (not uniformly covered by the browsers) that is > fired when a DOM element is changed. Try observing DomSubtreeModified and > hooking off of that to fire your class modification. > > > > Walter > > > > On Oct 24, 2012, at 8:34 AM, Henrik Aagaard Sørensen wrote: > > > > > Hi Walter. > > > > > > Thank you for your answer, however, I do not have the ability to > change the Ajax-calls. It's external scripts which is being loaded. > > > > > > On Wed, Oct 24, 2012 at 2:32 PM, Walter Lee Davis > wrote: > > > You can add this transformation in the onSuccess callback of your Ajax > call: > > > > > > new Ajax.Updater('foo', '/get/more/foo', {onSuccess: function(){ > > > $$('.foo').invoke('addClassName', 'bar'); > > > }); > > > > > > As long as you don't have a ton of DOM changes happening, this should > just work. Otherwise, you may want to wrap it in a Defer to ensure that the > DOM is stable before you run it. > > > > > > Walter > > > > > > On Oct 24, 2012, at 8:00 AM, Henrik Aagaard Sørensen wrote: > > > > > > > No, unfortunately it's not that. > > > > > > > > It's elements being loaded into the dom later. I'm already using > dom:loaded and I've placed the JS jus before as the last element. > > > > However, there are several Ajax-calls which later (in the future, > after everything is loaded) creates new elements (which I have no control > over), so I need to have Prototype adding specific class-names in elements > which fullfill CSS selector at all time. > > > > > > > > On Wed, Oct 24, 2012 at 1:57 PM, Walter Lee Davis < > wa...@wdstudio.com> wrote: > > > > Can you describe what you mean by future elements on the page? Do > you mean elements that are later in the source order than the script? If > so, that's pretty simple: > > > > > > > > document.observe('dom:loaded', function(){ > > > > $$('div.foo').invoke('addClassName', 'bar'); > > > > }); > > > > > > > > Walter > > > > > > > > On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: > > > > > > > > > I'm trying to append a class via addClassName on future elements > on a page with Prototype, however I do seem to struggle a bit with it. I > know of jQuery's .live feature, but I cannot find a similar feature in > Prototype. > > > > > > > > > > -- > > > > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > > > > To view this discussion on the web visit > https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. > > > > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > > > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > > > -- > > > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > > > > > > > > > > > -- > > > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > -- > > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > > To unsubscribe from this group,
Re: [Proto-Scripty] Prototype, addClassName on future elements
DOM should be all caps. I just tried this in Safari 6, and while I couldn't get SubtreeModified to work, DOMNodeInserted worked great. You might want to try that. It works no matter what sort of content you insert -- even a bare string is a new DOM node. Walter On Oct 24, 2012, at 8:52 AM, Henrik Aagaard Sørensen wrote: > PeriodicalExecuter does the job, thank you. > > However, I would like to try DomSubtreeModified. But this doesn't work in > Chrome: > > document.observe('DomSubtreeModified ', function () { > //Do stuff > }); > > Am I doing something wrong? > > On Wed, Oct 24, 2012 at 2:47 PM, Walter Lee Davis wrote: > Okay, then try this (wasteful but should do the job): > > new PeriodicalExecuter(function(){ $$('.foo').invoke('addClassName', 'bar'); > }, 0.3); > > There's also an event (not uniformly covered by the browsers) that is fired > when a DOM element is changed. Try observing DomSubtreeModified and hooking > off of that to fire your class modification. > > Walter > > On Oct 24, 2012, at 8:34 AM, Henrik Aagaard Sørensen wrote: > > > Hi Walter. > > > > Thank you for your answer, however, I do not have the ability to change the > > Ajax-calls. It's external scripts which is being loaded. > > > > On Wed, Oct 24, 2012 at 2:32 PM, Walter Lee Davis > > wrote: > > You can add this transformation in the onSuccess callback of your Ajax call: > > > > new Ajax.Updater('foo', '/get/more/foo', {onSuccess: function(){ > > $$('.foo').invoke('addClassName', 'bar'); > > }); > > > > As long as you don't have a ton of DOM changes happening, this should just > > work. Otherwise, you may want to wrap it in a Defer to ensure that the DOM > > is stable before you run it. > > > > Walter > > > > On Oct 24, 2012, at 8:00 AM, Henrik Aagaard Sørensen wrote: > > > > > No, unfortunately it's not that. > > > > > > It's elements being loaded into the dom later. I'm already using > > > dom:loaded and I've placed the JS jus before as the last element. > > > However, there are several Ajax-calls which later (in the future, after > > > everything is loaded) creates new elements (which I have no control > > > over), so I need to have Prototype adding specific class-names in > > > elements which fullfill CSS selector at all time. > > > > > > On Wed, Oct 24, 2012 at 1:57 PM, Walter Lee Davis > > > wrote: > > > Can you describe what you mean by future elements on the page? Do you > > > mean elements that are later in the source order than the script? If so, > > > that's pretty simple: > > > > > > document.observe('dom:loaded', function(){ > > > $$('div.foo').invoke('addClassName', 'bar'); > > > }); > > > > > > Walter > > > > > > On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: > > > > > > > I'm trying to append a class via addClassName on future elements on a > > > > page with Prototype, however I do seem to struggle a bit with it. I > > > > know of jQuery's .live feature, but I cannot find a similar feature in > > > > Prototype. > > > > > > > > -- > > > > You received this message because you are subscribed to the Google > > > > Groups "Prototype & script.aculo.us" group. > > > > To view this discussion on the web visit > > > > https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. > > > > To post to this group, send email to > > > > prototype-scriptaculous@googlegroups.com. > > > > To unsubscribe from this group, send email to > > > > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > > For more options, visit this group at > > > > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > -- > > > You received this message because you are subscribed to the Google Groups > > > "Prototype & script.aculo.us" group. > > > To post to this group, send email to > > > prototype-scriptaculous@googlegroups.com. > > > To unsubscribe from this group, send email to > > > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > For more options, visit this group at > > > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > > > > > > > -- > > > You received this message because you are subscribed to the Google Groups > > > "Prototype & script.aculo.us" group. > > > To post to this group, send email to > > > prototype-scriptaculous@googlegroups.com. > > > To unsubscribe from this group, send email to > > > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > For more options, visit this group at > > > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > -- > > You received this message because you are subscribed to the Google Groups > > "Prototype & script.aculo.us" group. > > To post to this group, send email to > > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > > http://groups.google.com/group/prototype-scrip
Re: [Proto-Scripty] Prototype, addClassName on future elements
PeriodicalExecuter does the job, thank you. However, I would like to try DomSubtreeModified. But this doesn't work in Chrome: document.observe('DomSubtreeModified ', function () { //Do stuff }); Am I doing something wrong? On Wed, Oct 24, 2012 at 2:47 PM, Walter Lee Davis wrote: > Okay, then try this (wasteful but should do the job): > > new PeriodicalExecuter(function(){ $$('.foo').invoke('addClassName', > 'bar'); }, 0.3); > > There's also an event (not uniformly covered by the browsers) that is > fired when a DOM element is changed. Try observing DomSubtreeModified and > hooking off of that to fire your class modification. > > Walter > > On Oct 24, 2012, at 8:34 AM, Henrik Aagaard Sørensen wrote: > > > Hi Walter. > > > > Thank you for your answer, however, I do not have the ability to change > the Ajax-calls. It's external scripts which is being loaded. > > > > On Wed, Oct 24, 2012 at 2:32 PM, Walter Lee Davis > wrote: > > You can add this transformation in the onSuccess callback of your Ajax > call: > > > > new Ajax.Updater('foo', '/get/more/foo', {onSuccess: function(){ > > $$('.foo').invoke('addClassName', 'bar'); > > }); > > > > As long as you don't have a ton of DOM changes happening, this should > just work. Otherwise, you may want to wrap it in a Defer to ensure that the > DOM is stable before you run it. > > > > Walter > > > > On Oct 24, 2012, at 8:00 AM, Henrik Aagaard Sørensen wrote: > > > > > No, unfortunately it's not that. > > > > > > It's elements being loaded into the dom later. I'm already using > dom:loaded and I've placed the JS jus before as the last element. > > > However, there are several Ajax-calls which later (in the future, > after everything is loaded) creates new elements (which I have no control > over), so I need to have Prototype adding specific class-names in elements > which fullfill CSS selector at all time. > > > > > > On Wed, Oct 24, 2012 at 1:57 PM, Walter Lee Davis > wrote: > > > Can you describe what you mean by future elements on the page? Do you > mean elements that are later in the source order than the script? If so, > that's pretty simple: > > > > > > document.observe('dom:loaded', function(){ > > > $$('div.foo').invoke('addClassName', 'bar'); > > > }); > > > > > > Walter > > > > > > On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: > > > > > > > I'm trying to append a class via addClassName on future elements on > a page with Prototype, however I do seem to struggle a bit with it. I know > of jQuery's .live feature, but I cannot find a similar feature in Prototype. > > > > > > > > -- > > > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > > > To view this discussion on the web visit > https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. > > > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > -- > > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > > > > > > > -- > > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > -- > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > > > -- > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > -- > You received this message because you are subscribed to th
Re: [Proto-Scripty] Prototype, addClassName on future elements
Okay, then try this (wasteful but should do the job): new PeriodicalExecuter(function(){ $$('.foo').invoke('addClassName', 'bar'); }, 0.3); There's also an event (not uniformly covered by the browsers) that is fired when a DOM element is changed. Try observing DomSubtreeModified and hooking off of that to fire your class modification. Walter On Oct 24, 2012, at 8:34 AM, Henrik Aagaard Sørensen wrote: > Hi Walter. > > Thank you for your answer, however, I do not have the ability to change the > Ajax-calls. It's external scripts which is being loaded. > > On Wed, Oct 24, 2012 at 2:32 PM, Walter Lee Davis wrote: > You can add this transformation in the onSuccess callback of your Ajax call: > > new Ajax.Updater('foo', '/get/more/foo', {onSuccess: function(){ > $$('.foo').invoke('addClassName', 'bar'); > }); > > As long as you don't have a ton of DOM changes happening, this should just > work. Otherwise, you may want to wrap it in a Defer to ensure that the DOM is > stable before you run it. > > Walter > > On Oct 24, 2012, at 8:00 AM, Henrik Aagaard Sørensen wrote: > > > No, unfortunately it's not that. > > > > It's elements being loaded into the dom later. I'm already using dom:loaded > > and I've placed the JS jus before as the last element. > > However, there are several Ajax-calls which later (in the future, after > > everything is loaded) creates new elements (which I have no control over), > > so I need to have Prototype adding specific class-names in elements which > > fullfill CSS selector at all time. > > > > On Wed, Oct 24, 2012 at 1:57 PM, Walter Lee Davis > > wrote: > > Can you describe what you mean by future elements on the page? Do you mean > > elements that are later in the source order than the script? If so, that's > > pretty simple: > > > > document.observe('dom:loaded', function(){ > > $$('div.foo').invoke('addClassName', 'bar'); > > }); > > > > Walter > > > > On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: > > > > > I'm trying to append a class via addClassName on future elements on a > > > page with Prototype, however I do seem to struggle a bit with it. I know > > > of jQuery's .live feature, but I cannot find a similar feature in > > > Prototype. > > > > > > -- > > > You received this message because you are subscribed to the Google Groups > > > "Prototype & script.aculo.us" group. > > > To view this discussion on the web visit > > > https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. > > > To post to this group, send email to > > > prototype-scriptaculous@googlegroups.com. > > > To unsubscribe from this group, send email to > > > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > For more options, visit this group at > > > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > -- > > You received this message because you are subscribed to the Google Groups > > "Prototype & script.aculo.us" group. > > To post to this group, send email to > > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > > > -- > > You received this message because you are subscribed to the Google Groups > > "Prototype & script.aculo.us" group. > > To post to this group, send email to > > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > -- > You received this message because you are subscribed to the Google Groups > "Prototype & script.aculo.us" group. > To post to this group, send email to prototype-scriptaculous@googlegroups.com. > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > -- > You received this message because you are subscribed to the Google Groups > "Prototype & script.aculo.us" group. > To post to this group, send email to prototype-scriptaculous@googlegroups.com. > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
Re: [Proto-Scripty] Prototype, addClassName on future elements
And I've tried the defer as well, didn't do the job as the call stack will be ready between Ajax calls. On Wed, Oct 24, 2012 at 2:34 PM, Henrik Aagaard Sørensen < henrikaagaardsoren...@gmail.com> wrote: > Hi Walter. > > Thank you for your answer, however, I do not have the ability to change > the Ajax-calls. It's external scripts which is being loaded. > > > On Wed, Oct 24, 2012 at 2:32 PM, Walter Lee Davis wrote: > >> You can add this transformation in the onSuccess callback of your Ajax >> call: >> >> new Ajax.Updater('foo', '/get/more/foo', {onSuccess: function(){ >> $$('.foo').invoke('addClassName', 'bar'); >> }); >> >> As long as you don't have a ton of DOM changes happening, this should >> just work. Otherwise, you may want to wrap it in a Defer to ensure that the >> DOM is stable before you run it. >> >> Walter >> >> On Oct 24, 2012, at 8:00 AM, Henrik Aagaard Sørensen wrote: >> >> > No, unfortunately it's not that. >> > >> > It's elements being loaded into the dom later. I'm already using >> dom:loaded and I've placed the JS jus before as the last element. >> > However, there are several Ajax-calls which later (in the future, after >> everything is loaded) creates new elements (which I have no control over), >> so I need to have Prototype adding specific class-names in elements which >> fullfill CSS selector at all time. >> > >> > On Wed, Oct 24, 2012 at 1:57 PM, Walter Lee Davis >> wrote: >> > Can you describe what you mean by future elements on the page? Do you >> mean elements that are later in the source order than the script? If so, >> that's pretty simple: >> > >> > document.observe('dom:loaded', function(){ >> > $$('div.foo').invoke('addClassName', 'bar'); >> > }); >> > >> > Walter >> > >> > On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: >> > >> > > I'm trying to append a class via addClassName on future elements on a >> page with Prototype, however I do seem to struggle a bit with it. I know of >> jQuery's .live feature, but I cannot find a similar feature in Prototype. >> > > >> > > -- >> > > You received this message because you are subscribed to the Google >> Groups "Prototype & script.aculo.us" group. >> > > To view this discussion on the web visit >> https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. >> > > To post to this group, send email to >> prototype-scriptaculous@googlegroups.com. >> > > To unsubscribe from this group, send email to >> prototype-scriptaculous+unsubscr...@googlegroups.com. >> > > For more options, visit this group at >> http://groups.google.com/group/prototype-scriptaculous?hl=en. >> > >> > -- >> > You received this message because you are subscribed to the Google >> Groups "Prototype & script.aculo.us" group. >> > To post to this group, send email to >> prototype-scriptaculous@googlegroups.com. >> > To unsubscribe from this group, send email to >> prototype-scriptaculous+unsubscr...@googlegroups.com. >> > For more options, visit this group at >> http://groups.google.com/group/prototype-scriptaculous?hl=en. >> > >> > >> > >> > -- >> > You received this message because you are subscribed to the Google >> Groups "Prototype & script.aculo.us" group. >> > To post to this group, send email to >> prototype-scriptaculous@googlegroups.com. >> > To unsubscribe from this group, send email to >> prototype-scriptaculous+unsubscr...@googlegroups.com. >> > For more options, visit this group at >> http://groups.google.com/group/prototype-scriptaculous?hl=en. >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Prototype & script.aculo.us" group. >> To post to this group, send email to >> prototype-scriptaculous@googlegroups.com. >> To unsubscribe from this group, send email to >> prototype-scriptaculous+unsubscr...@googlegroups.com. >> For more options, visit this group at >> http://groups.google.com/group/prototype-scriptaculous?hl=en. >> >> > -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
Re: [Proto-Scripty] Prototype, addClassName on future elements
Hi Walter. Thank you for your answer, however, I do not have the ability to change the Ajax-calls. It's external scripts which is being loaded. On Wed, Oct 24, 2012 at 2:32 PM, Walter Lee Davis wrote: > You can add this transformation in the onSuccess callback of your Ajax > call: > > new Ajax.Updater('foo', '/get/more/foo', {onSuccess: function(){ > $$('.foo').invoke('addClassName', 'bar'); > }); > > As long as you don't have a ton of DOM changes happening, this should just > work. Otherwise, you may want to wrap it in a Defer to ensure that the DOM > is stable before you run it. > > Walter > > On Oct 24, 2012, at 8:00 AM, Henrik Aagaard Sørensen wrote: > > > No, unfortunately it's not that. > > > > It's elements being loaded into the dom later. I'm already using > dom:loaded and I've placed the JS jus before as the last element. > > However, there are several Ajax-calls which later (in the future, after > everything is loaded) creates new elements (which I have no control over), > so I need to have Prototype adding specific class-names in elements which > fullfill CSS selector at all time. > > > > On Wed, Oct 24, 2012 at 1:57 PM, Walter Lee Davis > wrote: > > Can you describe what you mean by future elements on the page? Do you > mean elements that are later in the source order than the script? If so, > that's pretty simple: > > > > document.observe('dom:loaded', function(){ > > $$('div.foo').invoke('addClassName', 'bar'); > > }); > > > > Walter > > > > On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: > > > > > I'm trying to append a class via addClassName on future elements on a > page with Prototype, however I do seem to struggle a bit with it. I know of > jQuery's .live feature, but I cannot find a similar feature in Prototype. > > > > > > -- > > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > > To view this discussion on the web visit > https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. > > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > -- > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > > > > > -- > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > -- > You received this message because you are subscribed to the Google Groups > "Prototype & script.aculo.us" group. > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
Re: [Proto-Scripty] Prototype, addClassName on future elements
You can add this transformation in the onSuccess callback of your Ajax call: new Ajax.Updater('foo', '/get/more/foo', {onSuccess: function(){ $$('.foo').invoke('addClassName', 'bar'); }); As long as you don't have a ton of DOM changes happening, this should just work. Otherwise, you may want to wrap it in a Defer to ensure that the DOM is stable before you run it. Walter On Oct 24, 2012, at 8:00 AM, Henrik Aagaard Sørensen wrote: > No, unfortunately it's not that. > > It's elements being loaded into the dom later. I'm already using dom:loaded > and I've placed the JS jus before as the last element. > However, there are several Ajax-calls which later (in the future, after > everything is loaded) creates new elements (which I have no control over), so > I need to have Prototype adding specific class-names in elements which > fullfill CSS selector at all time. > > On Wed, Oct 24, 2012 at 1:57 PM, Walter Lee Davis wrote: > Can you describe what you mean by future elements on the page? Do you mean > elements that are later in the source order than the script? If so, that's > pretty simple: > > document.observe('dom:loaded', function(){ > $$('div.foo').invoke('addClassName', 'bar'); > }); > > Walter > > On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: > > > I'm trying to append a class via addClassName on future elements on a page > > with Prototype, however I do seem to struggle a bit with it. I know of > > jQuery's .live feature, but I cannot find a similar feature in Prototype. > > > > -- > > You received this message because you are subscribed to the Google Groups > > "Prototype & script.aculo.us" group. > > To view this discussion on the web visit > > https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. > > To post to this group, send email to > > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > -- > You received this message because you are subscribed to the Google Groups > "Prototype & script.aculo.us" group. > To post to this group, send email to prototype-scriptaculous@googlegroups.com. > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > > > -- > You received this message because you are subscribed to the Google Groups > "Prototype & script.aculo.us" group. > To post to this group, send email to prototype-scriptaculous@googlegroups.com. > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
Re: [Proto-Scripty] Prototype, addClassName on future elements
No, unfortunately it's not that. It's elements being loaded into the dom later. I'm already using dom:loaded and I've placed the JS jus before as the last element. However, there are several Ajax-calls which later (in the future, after everything is loaded) creates new elements (which I have no control over), so I need to have Prototype adding specific class-names in elements which fullfill CSS selector at all time. On Wed, Oct 24, 2012 at 1:57 PM, Walter Lee Davis wrote: > Can you describe what you mean by future elements on the page? Do you mean > elements that are later in the source order than the script? If so, that's > pretty simple: > > document.observe('dom:loaded', function(){ > $$('div.foo').invoke('addClassName', 'bar'); > }); > > Walter > > On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: > > > I'm trying to append a class via addClassName on future elements on a > page with Prototype, however I do seem to struggle a bit with it. I know of > jQuery's .live feature, but I cannot find a similar feature in Prototype. > > > > -- > > You received this message because you are subscribed to the Google > Groups "Prototype & script.aculo.us" group. > > To view this discussion on the web visit > https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. > > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > -- > You received this message because you are subscribed to the Google Groups > "Prototype & script.aculo.us" group. > To post to this group, send email to > prototype-scriptaculous@googlegroups.com. > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
Re: [Proto-Scripty] Prototype, addClassName on future elements
Can you describe what you mean by future elements on the page? Do you mean elements that are later in the source order than the script? If so, that's pretty simple: document.observe('dom:loaded', function(){ $$('div.foo').invoke('addClassName', 'bar'); }); Walter On Oct 24, 2012, at 7:52 AM, Henrik Aagaard Sørensen wrote: > I'm trying to append a class via addClassName on future elements on a page > with Prototype, however I do seem to struggle a bit with it. I know of > jQuery's .live feature, but I cannot find a similar feature in Prototype. > > -- > You received this message because you are subscribed to the Google Groups > "Prototype & script.aculo.us" group. > To view this discussion on the web visit > https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. > To post to this group, send email to prototype-scriptaculous@googlegroups.com. > To unsubscribe from this group, send email to > prototype-scriptaculous+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/prototype-scriptaculous?hl=en. -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
[Proto-Scripty] Prototype, addClassName on future elements
I'm trying to append a class via addClassName on future elements on a page with Prototype, however I do seem to struggle a bit with it. I know of jQuery's .live feature, but I cannot find a similar feature in Prototype. -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To view this discussion on the web visit https://groups.google.com/d/msg/prototype-scriptaculous/-/3R9rCrWTjaIJ. To post to this group, send email to prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.