javascript / html calculator for resistor color codes, with example provided

*Addition: jquery is available on the website Hello, We would like to have a resistor color code calculator developed for our website, this should be done using javascript/html and as lightweight as possible. Electrical resistors are coded with colored bands which indicate the resistance value, tolerance and possibly temperature coefficient. The following page includes an example color code calculator with very similar functionality(javascript/html): <[login to view URL]> and can be used as an example. Note: In this example, every resistor type (4,5,6 bands) is loaded on a different page. We don't want this, we want everyhting on 1 page, without flickering. The calculator to be developed is similar(expanded) in functionality but will have a different design. The required layout/design is done by us already and the design + pictures which are necessary for this are available in the attached files. As the design and an example script are already provided, this should be a few hours of work for an experienced web developer. ## Deliverables Description of functionality The user selects the number of 'color bands' on the resistor by clicking on the buttons "3","4","5" or "6". The image of the resistor, with arrows to the columns of the table, changes accordingly. Also the columns of the table that are not required for this number of bands are dimmed gray. The user selects the colors of the resistor bands by clicking on the respective colored cells in the table. Clicking in the table directly changes the colorbands on the displayed resistor as well as the value of the resistor (above the resistor image). The calculation of the resistor values is straightforward, it involves constructing a number from the first second and possibly third significant digits, this number is multiplied by the selected multiply factor. For values equal or above 1000&Omega; use k&Omega;, for example if value is 34500 &Omega;, show 34.5 k&Omega;. The resistance value is followed by the tolerance (for example ?5%) If a temp coefficient is used show it after the resistance value followed by ppm/K as a unit. If the selected digits correspond to an E-series, which can be found in the attached file, display the corresponding E-series in brackets. Calculations and results for the different bands(variables in red): 3 band: Resistor value&Omega; ?20% (E-series) * Resistor value: "digit1_digit2" x multiply factor * Tolerance is 20% (default) 4 band: Resistor value&Omega; ?Tolerance% (E-series) * Resistor value: "digit1_digit2" * "multiply factor" * 5 band: Resistor value&Omega; ?Tolerance% (E-series) * Resistor value: "digit1_digit2_digit3" x "multiply factor" 6 band: Resistor value&Omega; ?Tolerance% TCR ppm/K (E-series) Resistor value: digit1_digit2_digit3 * multiply factor Used columns: <colgroup> <col width="101" /> <col width="76" /> <col width="57" /> <col width="*" /> <col width="*" /> <col width="*" /> <col width="*" /></colgroup> | | digit 1 | digit 2 | digit 3 | multiply | tolerance | tcr | | 3 band | x | x | | x | | | | 4 band | x | x | | x | x | | | 5 band | x | x | x | x | x | | | 6 band | x | x | x | x | x | x | Features: -Hover to brighter color on selectable fields (values, band selection buttons) -Selected fields should stay highlighted Depending on selected resistor (3,4,5,6 bands): - Show image of selected resistor with appropriate bands which can change color (using divs) - Dimm unused columns depending on active bands of selected resistor -Use DIVs as in example, code as lightweight as possible -Refresh only DIVs which change, no reloading of whole table/page (no flickering) -Load 4 band 10k&Omega; ?5% resistor as standard when page shows References: Good example: <[login to view URL]> Note: In this example, every resistor type (4,5,6 bands) is loaded on a different page. We don't want this, we want everyhting on 1 page. Supported browsers: IE 7 and up, Firefox 12 and up, Chrome, Safari 533 and up, Opera 11 and up Deliverables complete html code which can be used on any html/php page javascript (please also include a version with comments so it is easy to adapt later on) css(if applicable) Ownership The application that will be developed and the images attached to this work description are property of [login to view URL] and cannot be used for any other purpose.