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 <[email protected]> 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 <[email protected]>
> > 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 </body> 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 <[email protected]>
> > > 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
> > > > [email protected].
> > > > To unsubscribe from this group, send email to
> > > > [email protected].
> > > > 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
> > > [email protected].
> > > To unsubscribe from this group, send email to
> > > [email protected].
> > > 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
> > > [email protected].
> > > To unsubscribe from this group, send email to
> > > [email protected].
> > > 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
> > [email protected].
> > To unsubscribe from this group, send email to
> > [email protected].
> > 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
> > [email protected].
> > To unsubscribe from this group, send email to
> > [email protected].
> > 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 [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> 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 [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> 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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
