Thank you. And essentially the quick and dirty way of getting two different sets of icons would be duplicate the code and rename functions / classes. Not the best way to do it mind you, but the quickest way. I'll play around though to see if I can get it with out duplicating everything.
Does this script allow for you to load the page and have certain divs load in the collapsed state? On Jun 23, 12:23 pm, "Alex McAuley" <webmas...@thecarmarketplace.com> wrote: > Very quick and dirty but you can see that it can be done in not alot of code > at all .... to be honest i think i can get rid of about another 5 lines at > least > > http://www.bazookawally.co.uk/collapse.php > > HTH > > Alex > > ----- Original Message ----- > From: "TEC" <traceyedwardscomp...@gmail.com> > To: "Prototype & script.aculo.us" <prototype-scriptaculous@googlegroups.com> > Sent: Tuesday, June 23, 2009 4:11 PM > Subject: [Proto-Scripty] Re: Two sets of expand and contract icons? > > Thanks again for the reply. > > Here is a working example of the script I > used:http://www.ryanscherf.net/demos/dtd/ > and the tutorial that goes along with > it:http://www.ryanscherf.net/blog/dynamic-effects-via-the-dtd-part-2 > > It looks like it is an add on to scriptaculous. Took me a few minutes > to find that tutorial I found 2 months ago when I started working on > website i will be using it for. That project went on hold and now I'm > starting up on it again and this is one of the last remaining pieces > on it. > > I don't really wont to trouble you with writing the bones, but if it's > something that you can do real quick and I can get a learning > experience out of it by all means go ahead, But please don't trouble > your self with it=) > > Thanks again > > ~Chris > > On Jun 23, 10:42 am, "Alex McAuley" <webmas...@thecarmarketplace.com> > wrote: > > i dont know what decorators.js is so i cant help you with that, though it > > woudlnt take long to script something to do this toggleing... > > > It would be standards complient too as adding nodes to elements > > (collapsable="true" etc etc) is not complient and would fail W3c > > validation... > > > I would tackle it with classnames and an array of elements to start as > > flat > > > I could write the bones for you to get you started if you like then you cn > > learn a bit aswell !! > > > Let me know > > > HTH > > > ALex > > > ----- Original Message ----- > > From: "TEC" <traceyedwardscomp...@gmail.com> > > To: "Prototype & script.aculo.us" > > <prototype-scriptaculous@googlegroups.com> > > Sent: Tuesday, June 23, 2009 3:10 PM > > Subject: [Proto-Scripty] Re: Two sets of expand and contract icons? > > > Thanks for the reply. > > > I thoguht I was already using scriptaculous, but I could be wrong. > > > The div structure is as following: > > > <div id="locations_results" class="location" collapsible="true" > > collapse="true"> > > <h5>header</h5> > > <div id="services_info_container"> > > > <!-- Content inside Div --> > > > </div> > > <!-- end locations info container --> > > </div> > > > and the page includes: > > > </script> > > <script src="scripts/decorators.js" type="text/javascript"></script> > > <script src="scripts/prototype.js" type="text/javascript"></script> > > <script src="scripts/effects.js" type="text/javascript"></script> > > <script src="scripts/scriptaculous.js?load=effects" type="text/ > > javascript"></script> > > > The collapse='true' comes from a modification I made to decorators.js > > from a tutorial that shows how to start a div in the collapsed state. > > There are also a few style sheet entries that tell the icons where to > > appear. > > > Is there an easier way of creating collapsible divs with two sets of > > icons and some divs starting in the collapsed state then I am > > currently using? > > > Thanks > > > On Jun 23, 9:57 am, "Alex McAuley" <webmas...@thecarmarketplace.com> > > wrote: > > > you can do this easily with proto/scriptaculous or vanilla javascript, i > > > would recommend staying away from pre-made scripts for this easy task as > > > it > > > will inhibit what you can do and what you learn from writing > > > applications.... > > > > Alex > > > > ----- Original Message ----- > > > From: "TEC" <traceyedwardscomp...@gmail.com> > > > To: "Prototype & script.aculo.us" > > > <prototype-scriptaculous@googlegroups.com> > > > Sent: Tuesday, June 23, 2009 2:47 PM > > > Subject: [Proto-Scripty] Two sets of expand and contract icons? > > > > > I'm working on a website where there are two styles of divs that need > > > > to expand and collapse. I have made custom icons for expand and > > > > contract for each set of divs. > > > > > But from looking at the script, it appears you can only use one set of > > > > icons. Is there away edit decorators.js so two sets of icons can be > > > > used? > > > > > I have started to play around and modify the file my self but I keep > > > > breaking the expand and contract and can't seem to get it to work > > > > right and was hoping someone here could point me in the right > > > > direction. The vars for the icons are as following. > > > > > var expImg = "images/expand.jpg"; > > > > var conImg = "images/contract.jpg"; > > > > var expImg2 = "images/location_down.jpg"; > > > > var conImg2 = "images/location_up.jpg"; > > > > > Thank you --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---