After some tests, I can see that my code above isn't selecting the
element properly - am I using select() wrong?

Thanks
Matt

On Jan 13, 3:10 pm, Matt <guitarroman...@gmail.com> wrote:
> Hi TJ, thanks for the reply - that does sound about right for what I
> want, congrats!
>
> I tried this code:
>
> document.observe("dom:loaded", function() {
>   var pageBox = $('editProducts').select('div.test');
>   Effect.SlideDown($(pageBox)); return false;
>
> });
>
> the 'editProducts' part is the bit that needs to be dynamic,
> basically, but for now I'm trying to test it using hardcoded
> variables. The #editProducts div/tab definitely contains a div with a
> class 'test' but it doesn't run the effect when I display it. Is my
> syntax wrong?
>
> On Jan 13, 1:48 pm, "T.J. Crowder" <t...@crowdersoftware.com> wrote:
>
> > Hi,
>
> > Would the dom:loaded event[1] provide the trigger you're looking for?
> > Or am I missing the point, as seems likely. :-)  If the real issue is
> > identifying the correct div or something, it depends on how the tabs
> > are being done, but you should be able to figure out which tab is
> > "visible" and then find the appropriate error box (perhaps by
> > classname by using Element#select[2] on the tab's element).
>
> > Apologies if I've completely misunderstood and told you things you
> > already know. :-)
>
> > [1]http://prototypejs.org/api/document/observe
> > [2]http://prototypejs.org/api/element/select
>
> > HTH,
> > --
> > T.J. Crowder
> > tj / crowder software / com
> > Independent Software Engineer, consulting services available
>
> > On Jan 13, 11:28 am, Matt <guitarroman...@gmail.com> wrote:
>
> > > Hi everyone.
>
> > > I'm producing an admin control panel script in PHP. It uses our
> > > favourite JS library to produce a tabbed interface. I have a div used
> > > for response text which displays to the user the result of their
> > > actions, eg, an error ("price must be a number") or success ("product
> > > was added!").
>
> > > I want that box to fade in (or some other highlighting effect) on page
> > > load. The problem is, I have 5 of the boxes positioned, one for each
> > > tab of the interface (depending on what the user's doing at the time).
>
> > > How can I run a custom pageload function so that when the page
> > > refreshes, it applies a fade in effect to a specific div? Ideally I'd
> > > have a function like:
>
> > > function loadBox(boxID)
> > > {
> > >       Effect.SlideDown($(boxID)); return false;
>
> > > }
>
> > > and then call it like loadBox("addProductResponse") on the relevant
> > > tab area. Does this make sense? How can I do it?!
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to