[Javascript] select

[christ at saeweb.com (Chris Tifer)]

If you name your images "cat", "dog", "bird" or any other animal
you have, then in the onChange, if your value in the SELECT is
cat", "dog", "bird", then you use that to target your image.

Or basically, just name your images whatever the SELECT's value
is.

This is quite simple really and it doesn't need to be dynamically generated
on the server (but that always makes it easier).

Chris Tifer
http://www.emailajoke.com

PS - If you want it to be an asterix that appears in the cell, just make
your
image look like an asterix.  You only need 2 images for this: 1 blank image,
1 asterix.

----- Original Message -----
From: "Michael Dougherty" <Michael_Dougherty@xxxxxxx>
To: <javascript@xxxxxxxxxx>
Sent: Thursday, March 27, 2003 11:21 AM
Subject: RE: [Javascript] select


> How do you determine which image needs to change?
>
> I started to answer this, but realized that unless the table is being
> generated dynamically on the server, i have no (good) way to identify the
> table cells' value.
>
> How do you handle multiple occurances of the same key value in the table?
> (ex: cat/dog/dog)
> Does the option value have to be tied to the cell value?  <option
> value='cat'>Meow</option>
>
>
>
> -----Original Message-----
> From: javascript@xxxxxxxxxx [mailto:javascript@xxxxxxxxxx]
> Sent: Thursday, March 27, 2003 10:04 AM
> To: javascript@xxxxxxxxxx
> Subject: Re: [Javascript] select
>
>
> Well, what I would do that doesn't require any innerHTML or anything
> like that would be to place a blank image in each of those cells and
> give it a name.
>
> Then, when the onChange event occurs on the SELECT element, I'd
> determine which image needs to change and update it's src to be the
> correct image.  It will work with just about all past browser versions and
> unless
> things REALLY change, all future browser versions.
>
> Chris Tifer
>
> ----- Original Message -----
> From: "Kelly Zhu" <kzhu@xxxxxxxx>
> To: "[JavaScript List]" <javascript@xxxxxxxxxx>
> Sent: Thursday, March 27, 2003 10:22 AM
> Subject: Re: [Javascript] select
>
>
> >> I am sorry, I missed one word "on".  the sentence should go like this:
> >> "create a mark on one of the cells in the table".  A mark can be any
> thing,
> >> a label, a word, an icon.
> >>
> >> e.g.
> >>
> >> I have a drop down list contains these pets: cat, dog, fish, bird.  I
> >have
> a
> >> table like this:
> >> --------------
> >> | cat     |         |
> >> --------------
> >> | dog    |         |
> >> --------------
> >> |fish     |          |
> >> ---------------
> >> |bird    |          |
> >> ---------------
> >>
> >> When I select cat, a mark should be place in the table like this:
> >> --------------
> >> | cat    |    *    |
> >> --------------
> >> | dog    |         |
> >> --------------
> >> |fish     |          |
> >> ---------------
> >> |bird    |          |
> >> ---------------
> >>
> >> Thanks.  Kelly
> >>
> >> ----- Original Message -----
> >> From: "Chris Tifer" <christ@xxxxxxxxxx>
> >> To: "[JavaScript List]" <javascript@xxxxxxxxxx>
> >> Sent: Thursday, March 27, 2003 7:35 AM
> >> Subject: Re: [Javascript] select
> >>
> >>
> >> > If I had a clear understanding of what you mean by "create a
> >> > mark one of the cells in the table", I'd be willing to try to help.
> >> >
> >> > Give us an idea on how a certain selection relates to a particular
> >> > cell in the table and what a mark is.
> >> >
> >> > Chris Tifer
> >> > http://www.emailajoke.com
> >> >
> >> > ----- Original Message -----
> >> > From: "Kelly Zhu" <kzhu@xxxxxxxx>
> >> > To: "[JavaScript List]" <javascript@xxxxxxxxxx>
> >> > Sent: Wednesday, March 26, 2003 5:10 PM
> >> > Subject: [Javascript] select
> >> >
> >> >
> >> > > I would like to achieve the effect in javascript:  once I select an
> item
> >> > in
> >> > > the drop down list, create a mark one of the cells in the table.
> >Can
> >> > > anybody offer help?  Thanks.
> >> > >
> >> > > Kelly
> >> > >
> >> > >
> >> > > _______________________________________________
> >> > > Javascript mailing list
> >> > > Javascript@xxxxxxxxxx
> >> > > https://lists.LaTech.edu/mailman/listinfo/javascript
> >> > >
> >> >
> >> > _______________________________________________
> >> > Javascript mailing list
> >> > Javascript@xxxxxxxxxx
> >> > https://lists.LaTech.edu/mailman/listinfo/javascript
> >>
> >> _______________________________________________
> >> Javascript mailing list
> >> Javascript@xxxxxxxxxx
> >> https://lists.LaTech.edu/mailman/listinfo/javascript
>
> _______________________________________________
> Javascript mailing list
> Javascript@xxxxxxxxxx
> https://lists.LaTech.edu/mailman/listinfo/javascript
>
> _______________________________________________
> Javascript mailing list
> Javascript@xxxxxxxxxx
> https://lists.LaTech.edu/mailman/listinfo/javascript