Web Design Forums

Lenscapes · 06-06-2007, 19:31

I am a photographer in the process of building a website for my company, Lenscapes, LLC. I’ve been taking photographs for over 30 years and decided to take advantage of the internet to market my work. I wanted to give my customers the opportunity to choose not only one of my photographs, but also the mat and frame of their choice. I hope to make my photographs available not only to the general public, but also to decorators and designers. I also do photo restoration, bringing old photographs back to their original look.
I am not a web designer, and never intended to be, but the way things turned out I have had to build my site myself with very little, but very expensive help. Almost all of it is built on trial and error, and a lot of error. I have been working in Dreamweaver 8 and know nothing about coding except what Dreamweaver puts in for me.
It is my hope that by joining in this forum I will be able to get some good advice on what I should and should not do in order to make my site workable. I have been working at it for over a year now and seem to keep running into brick walls.
I now have a problem that seems to need some scripting, possibly javascript. When it comes to scripting I haven’t got a clue. Here is the link to the page I’m stuck on: (lenscapesllc.com/FramingCenter). Any help would be very much appreciated.
In Dreamweaver 8 how do I make a single table cell into an invisible button that will change the bg color of another table cell on a different html page without having the browser reload the page my visitors are changing the cell color on?
I am making a color chart that is a pop-up window to be used for selecting one of many colors as a background in one table cell on the main page. I need to have this change each time a visitor selects a different color
Does anyone know how to make this work?

Snowshiro · 06-06-2007, 22:13

If I understand correctly, you want to have a palette of colors which you're making with colored table cells. Then you want to have the user click a color which automatically changes the background color of a cell elsewhere.

Firstly, I'd recomend if possible, simplifying your design to a single page. Personally, I don't like pop-ups unless they're absolutely necessary -they tend to overcomplicate things.

I've written a short piece of example code, which I hope will help you to understand how to make this work. The code calls an onclick event handler from the TD cell tag, and passes it the color of the cell which was clicked. The handler (javascript function) then changes the color of the main cell to the color it is passed.

I've tried to keep it as simple and clear as possible so that you can understand the principle involved, and then use it in your design. You can view a working version of this example at: http://www.hopkins.jp/changer.html

Code:

<html>
  <head>
    <script type="text/javascript">
    function SwitchColor(choice)  /* The function that switches the colors */
    {
      document.getElementById("changer").style.backgroundColor = choice;  /* Change the color of the main cell */
    }
    </script>
  </head>
  <body>

    <table>
      <tr>
        <td id="changer" style="background-color:gray; padding:20px;">&nbsp; <!-- This is the cell that will change color -->
        </td>
      </tr>
    </table>

    <table>
      <tr>  <!-- Four example cells below, that are clickable and have onClick events set -->
        <td style="padding:10; background-color:black";  onclick="SwitchColor(this.style.backgroundColor)">&nbsp;</td>
        <td style="padding:10; background-color:green";  onclick="SwitchColor(this.style.backgroundColor)">&nbsp;</td>
        <td style="padding:10; background-color:yellow";  onclick="SwitchColor(this.style.backgroundColor)">&nbsp;</td>
        <td style="padding:10; background-color:blue";  onclick="SwitchColor(this.style.backgroundColor)">&nbsp;</td>
      </tr>
    </table>

  </body>
</html>

06-06-2007, 19:31	#1 (permalink)
Lenscapes Lenscapes Join Date: Jun 2007 Location: Comstock Park, Michigan USA Posts: 1	Does anyone know how to make this work? I am a photographer in the process of building a website for my company, Lenscapes, LLC. I’ve been taking photographs for over 30 years and decided to take advantage of the internet to market my work. I wanted to give my customers the opportunity to choose not only one of my photographs, but also the mat and frame of their choice. I hope to make my photographs available not only to the general public, but also to decorators and designers. I also do photo restoration, bringing old photographs back to their original look. I am not a web designer, and never intended to be, but the way things turned out I have had to build my site myself with very little, but very expensive help. Almost all of it is built on trial and error, and a lot of error. I have been working in Dreamweaver 8 and know nothing about coding except what Dreamweaver puts in for me. It is my hope that by joining in this forum I will be able to get some good advice on what I should and should not do in order to make my site workable. I have been working at it for over a year now and seem to keep running into brick walls. I now have a problem that seems to need some scripting, possibly javascript. When it comes to scripting I haven’t got a clue. Here is the link to the page I’m stuck on: (lenscapesllc.com/FramingCenter). Any help would be very much appreciated. In Dreamweaver 8 how do I make a single table cell into an invisible button that will change the bg color of another table cell on a different html page without having the browser reload the page my visitors are changing the cell color on? I am making a color chart that is a pop-up window to be used for selecting one of many colors as a background in one table cell on the main page. I need to have this change each time a visitor selects a different color Does anyone know how to make this work?

06-06-2007, 22:13	#2 (permalink)
Snowshiro Will work for Marmite Join Date: May 2007 Location: Sapporo, Japan Posts: 574	If I understand correctly, you want to have a palette of colors which you're making with colored table cells. Then you want to have the user click a color which automatically changes the background color of a cell elsewhere. Firstly, I'd recomend if possible, simplifying your design to a single page. Personally, I don't like pop-ups unless they're absolutely necessary -they tend to overcomplicate things. I've written a short piece of example code, which I hope will help you to understand how to make this work. The code calls an onclick event handler from the TD cell tag, and passes it the color of the cell which was clicked. The handler (javascript function) then changes the color of the main cell to the color it is passed. I've tried to keep it as simple and clear as possible so that you can understand the principle involved, and then use it in your design. You can view a working version of this example at: http://www.hopkins.jp/changer.html Code: <html> <head> <script type="text/javascript"> function SwitchColor(choice) /* The function that switches the colors / { document.getElementById("changer").style.backgroundColor = choice; / Change the color of the main cell */ } </script> </head> <body> <table> <tr> <td id="changer" style="background-color:gray; padding:20px;">  <!-- This is the cell that will change color --> </td> </tr> </table> <table> <tr> <!-- Four example cells below, that are clickable and have onClick events set --> <td style="padding:10; background-color:black"; onclick="SwitchColor(this.style.backgroundColor)"> </td> <td style="padding:10; background-color:green"; onclick="SwitchColor(this.style.backgroundColor)"> </td> <td style="padding:10; background-color:yellow"; onclick="SwitchColor(this.style.backgroundColor)"> </td> <td style="padding:10; background-color:blue"; onclick="SwitchColor(this.style.backgroundColor)"> </td> </tr> </table> </body> </html>

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)