[Proto-Scripty] Re: Two sets of expand and contract icons?

2009-06-23 Thread Alex McAuley

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



[Proto-Scripty] Re: Two sets of expand and contract icons?

2009-06-23 Thread TEC

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



[Proto-Scripty] Re: Two sets of expand and contract icons?

2009-06-23 Thread Alex McAuley

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



[Proto-Scripty] Re: Two sets of expand and contract icons?

2009-06-23 Thread TEC

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



[Proto-Scripty] Re: Two sets of expand and contract icons?

2009-06-23 Thread Alex McAuley

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



[Proto-Scripty] Re: Two sets of expand and contract icons?

2009-06-23 Thread TEC

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
  h5header/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

[Proto-Scripty] Re: Two sets of expand and contract icons?

2009-06-23 Thread Alex McAuley

Well, i forgot to code it in !!...

Easiest way without adding script is to style=display:none; on the ones 
you want to be closed i.e div id=one style=display:none; 
class=c-content unCollapsed

but i will code it in later when i have some time and probably recode the 
whole thing to be honest

HTH
Alex

- Original Message - 
From: TEC traceyedwardscomp...@gmail.com
To: Prototype  script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Tuesday, June 23, 2009 6:15 PM
Subject: [Proto-Scripty] Re: Two sets of expand and contract icons?



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
  h5header/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

[Proto-Scripty] Re: Two sets of expand and contract icons?

2009-06-23 Thread TEC

Thanks again.  Looks like I got a few more days anyways before I
really have to get things going on this site.

This is the page I'll be using it on if it helps.  You will see
exactly how I'm using it:  
http://traceyedwardsdev.com/preview/valvoline/services.php

Still using that other script, and it's working well.  I just need to
be able to change the icons on the inner content divs so it's not the
same as the nav on the right.


On Jun 23, 2:05 pm, Alex McAuley webmas...@thecarmarketplace.com
wrote:
 Well, i forgot to code it in !!...

 Easiest way without adding script is to style=display:none; on the ones
 you want to be closed i.e div id=one style=display:none;
 class=c-content unCollapsed

 but i will code it in later when i have some time and probably recode the
 whole thing to be honest

 HTH
 Alex

 - Original Message -
 From: TEC traceyedwardscomp...@gmail.com
 To: Prototype  script.aculo.us prototype-scriptaculous@googlegroups.com
 Sent: Tuesday, June 23, 2009 6:15 PM
 Subject: [Proto-Scripty] Re: Two sets of expand and contract icons?

 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
   h5header/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