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
-~----------~----~----~----~------~----~------~--~---
