image swapping?

Thanks to Tim I got the multi select action down.

I had another question (technical)

when someone picks a style from the menu / list is there a way to have the image (in the order grey box) flip to the image of that style?

http://knightandhammermuse.com/trentabaroqueshi.html
Thank you

Julie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, but there’s so many things wrong structurally with your page that
it’s going to be very hard to add on in practice.

In principle, you would do this:

Stack up all the images one above the other as layers. Give each one
an unique ID and a common classname. In your style select, you would
give each option in the picker a value precisely the same as the ID of
the image, like ‘trenta_cresta_dieci’. Then you could hook the
‘change’ event with JavaScript on that select and use its current
value to signal the correct image to show, while hiding all the others.

But your style picker has an illegal name (containing spaces), there
are no values set in the select, only labels, your images all have
filenames containing spaces, I kinda got very scared trying to think
about how I would dig you out of this and add on the necessary bits to
control the image display.

Let me qualify my answer to say that if I had built this page with
image swapping in mind, it would be very easy to add it to the form
field and make it happen. But you would have to follow a rigid set of
rules, very precisely, over and over for each image. I’m not saying
you can’t do that, but this layout doesn’t give me much hope at all.

Walter

On Sep 12, 2011, at 8:56 PM, Julie Maxwell Allen wrote:

when someone picks a style from the menu / list is there a way to
have the image (in the order grey box) flip to the image of that
style?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I understand. LOL

so first to fix the structure - take out all the spaces of the names? and make the value of each menu choice the same as the image id… ?
style picker - you mean the kelly pink etc (take the space out of the middle of kelly pink)

sorry to scare you.

I do that alot

J
On Sep 12, 2011, at 9:18 PM, Walter Lee Davis wrote:

Yes, but there’s so many things wrong structurally with your page that it’s going to be very hard to add on in practice.

In principle, you would do this:

Stack up all the images one above the other as layers. Give each one an unique ID and a common classname. In your style select, you would give each option in the picker a value precisely the same as the ID of the image, like ‘trenta_cresta_dieci’. Then you could hook the ‘change’ event with JavaScript on that select and use its current value to signal the correct image to show, while hiding all the others.

But your style picker has an illegal name (containing spaces), there are no values set in the select, only labels, your images all have filenames containing spaces, I kinda got very scared trying to think about how I would dig you out of this and add on the necessary bits to control the image display.

Let me qualify my answer to say that if I had built this page with image swapping in mind, it would be very easy to add it to the form field and make it happen. But you would have to follow a rigid set of rules, very precisely, over and over for each image. I’m not saying you can’t do that, but this layout doesn’t give me much hope at all.

Walter

On Sep 12, 2011, at 8:56 PM, Julie Maxwell Allen wrote:

when someone picks a style from the menu / list is there a way to have the image (in the order grey box) flip to the image of that style?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walter,

I have been asked to re do the shop to what i examples earlier.

What do I need to clean up my “structure”
I understand I have to change the names like i repeated earlier. Is there anything else.
This is how I learn an make improvements b
Now and what I can do in the future to kinda keep clean.

Thank you.
J

Sent from my iPhone

On Sep 12, 2011, at 9:35 PM, Julie Maxwell Allen email@hidden wrote:

I understand. LOL

so first to fix the structure - take out all the spaces of the names? and make the value of each menu choice the same as the image id… ?
style picker - you mean the kelly pink etc (take the space out of the middle of kelly pink)

sorry to scare you.

I do that alot

J
On Sep 12, 2011, at 9:18 PM, Walter Lee Davis wrote:

Yes, but there’s so many things wrong structurally with your page that it’s going to be very hard to add on in practice.

In principle, you would do this:

Stack up all the images one above the other as layers. Give each one an unique ID and a common classname. In your style select, you would give each option in the picker a value precisely the same as the ID of the image, like ‘trenta_cresta_dieci’. Then you could hook the ‘change’ event with JavaScript on that select and use its current value to signal the correct image to show, while hiding all the others.

But your style picker has an illegal name (containing spaces), there are no values set in the select, only labels, your images all have filenames containing spaces, I kinda got very scared trying to think about how I would dig you out of this and add on the necessary bits to control the image display.

Let me qualify my answer to say that if I had built this page with image swapping in mind, it would be very easy to add it to the form field and make it happen. But you would have to follow a rigid set of rules, very precisely, over and over for each image. I’m not saying you can’t do that, but this layout doesn’t give me much hope at all.

Walter

On Sep 12, 2011, at 8:56 PM, Julie Maxwell Allen wrote:

when someone picks a style from the menu / list is there a way to have the image (in the order grey box) flip to the image of that style?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

All the filenames, and all the folder names, no matter where they are
found, have to be free of spaces and extraneous punctuation. You can
collapse the filenames to “CamelCase” or use under_scores or hy-phens
to separate logical words. The entire path of any URL must be entirely
free from spaces, and unless you know precisely why you are breaking
this rule, there should only ever be one dot in the entire path – at
the end, followed by the file-type extension.

Whenever you make a form input of any kind, follow the same rules for
its Name attribute as you would for the ID:

  1. Always begin with at least one lower-case letter a-z.
  2. No spaces.
  3. No punctuation except the underscore or hyphen.

Whenever you make a select (picking list) always set the Value and the
Label for each option. It is okay to set them to the same thing, but
you should not skip the value.

Walter

On Sep 12, 2011, at 9:35 PM, Julie Maxwell Allen wrote:

I understand. LOL

so first to fix the structure - take out all the spaces of the
names? and make the value of each menu choice the same as the image
id… ?
style picker - you mean the kelly pink etc (take the space out of
the middle of kelly pink)

sorry to scare you.

I do that alot

J
On Sep 12, 2011, at 9:18 PM, Walter Lee Davis wrote:

Yes, but there’s so many things wrong structurally with your page
that it’s going to be very hard to add on in practice.

In principle, you would do this:

Stack up all the images one above the other as layers. Give each
one an unique ID and a common classname. In your style select, you
would give each option in the picker a value precisely the same as
the ID of the image, like ‘trenta_cresta_dieci’. Then you could
hook the ‘change’ event with JavaScript on that select and use its
current value to signal the correct image to show, while hiding all
the others.

But your style picker has an illegal name (containing spaces),
there are no values set in the select, only labels, your images all
have filenames containing spaces, I kinda got very scared trying to
think about how I would dig you out of this and add on the
necessary bits to control the image display.

Let me qualify my answer to say that if I had built this page with
image swapping in mind, it would be very easy to add it to the form
field and make it happen. But you would have to follow a rigid set
of rules, very precisely, over and over for each image. I’m not
saying you can’t do that, but this layout doesn’t give me much hope
at all.

Walter

On Sep 12, 2011, at 8:56 PM, Julie Maxwell Allen wrote:

when someone picks a style from the menu / list is there a way to
have the image (in the order grey box) flip to the image of that
style?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I will fix all of that.

thank you. I want the files as neat / clean as possible. and if you dont know you gotta learn and do.

J
On Sep 13, 2011, at 7:53 AM, Walter Lee Davis wrote:

All the filenames, and all the folder names, no matter where they are found, have to be free of spaces and extraneous punctuation. You can collapse the filenames to “CamelCase” or use under_scores or hy-phens to separate logical words. The entire path of any URL must be entirely free from spaces, and unless you know precisely why you are breaking this rule, there should only ever be one dot in the entire path – at the end, followed by the file-type extension.

Whenever you make a form input of any kind, follow the same rules for its Name attribute as you would for the ID:

  1. Always begin with at least one lower-case letter a-z.
  2. No spaces.
  3. No punctuation except the underscore or hyphen.

Whenever you make a select (picking list) always set the Value and the Label for each option. It is okay to set them to the same thing, but you should not skip the value.

Walter

On Sep 12, 2011, at 9:35 PM, Julie Maxwell Allen wrote:

I understand. LOL

so first to fix the structure - take out all the spaces of the names? and make the value of each menu choice the same as the image id… ?
style picker - you mean the kelly pink etc (take the space out of the middle of kelly pink)

sorry to scare you.

I do that alot

J
On Sep 12, 2011, at 9:18 PM, Walter Lee Davis wrote:

Yes, but there’s so many things wrong structurally with your page that it’s going to be very hard to add on in practice.

In principle, you would do this:

Stack up all the images one above the other as layers. Give each one an unique ID and a common classname. In your style select, you would give each option in the picker a value precisely the same as the ID of the image, like ‘trenta_cresta_dieci’. Then you could hook the ‘change’ event with JavaScript on that select and use its current value to signal the correct image to show, while hiding all the others.

But your style picker has an illegal name (containing spaces), there are no values set in the select, only labels, your images all have filenames containing spaces, I kinda got very scared trying to think about how I would dig you out of this and add on the necessary bits to control the image display.

Let me qualify my answer to say that if I had built this page with image swapping in mind, it would be very easy to add it to the form field and make it happen. But you would have to follow a rigid set of rules, very precisely, over and over for each image. I’m not saying you can’t do that, but this layout doesn’t give me much hope at all.

Walter

On Sep 12, 2011, at 8:56 PM, Julie Maxwell Allen wrote:

when someone picks a style from the menu / list is there a way to have the image (in the order grey box) flip to the image of that style?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options