Hi Folks,

I came across the following:
Go to
https://www.broderbros.com/cgi-bin/b....htm?sr=CH100W

Next to the shirt is a link for a color chart. Click it. A window comes up with a table with color swatches. If you click a color swatch a new shirt loads into the table with the color of the color swatch. Can someone explain to me how this is done?

I downloaded the source code of this popup window and I saw no javascript code imbedded into the source code.

Thanks,
libman

It's a cgi script. or php.

Hi libman,

If you look at the url link for each color you will see that it is the same html
page, but it is using what we call a Querry String along with the actual page URL

By identifying different varriable with the querry string the page is loading a
different graphic.

EX: The top address is for the color black, the second is for the color Stone

https://www.broderbros.com/cgi-bin/b...H100W&color=02
https://www.broderbros.com/cgi-bin/b...H100W&color=10

Notice the difference?

Here is the img tag for the black <img src="/images/2006/products/CH100W_02.jpg">
Here is the img tag for the stone <img src="/images/2006/products/CH100W_10.jpg">

Compare these to the query strings that were used. What they are doing
is using these variable to determine which image to load..

You need to use server side programming to accomplish this. Hope this helps.