CM03 Ecommerce Option Selector

Definition

This component is an Ecommerce Option Selector.

Usage

The "CM" components are only for use on shop.sun.com. Any exceptions must be approved by web design.

v0 Tuner Table

Sample
Code
Templates (0)

Use to show option classes separated by horizontal rules on a configuration page. Wrap each option inside a div and give it a class "cmoption." Give class "cmselected" to the option selected by default.

Copy the code below and paste into your text editor.

<div class="cm1">
<div class="cm1v6">
<form name="myform">
<table width="100%">

<tr>
<td class="image">

Image Here
</td>
<td>
<h3>Processor</h3>
<p>Some description here...</p>
<div class="cmOptionWrapper" style="width: 100%;">
<div class="cmOptions cmSelected">
<input type="radio" id="cmCpu1" name="cmCpu" checked="checked" onclick="highlightSelected(this, 'cmCpu');" /> <label for="cmCpu1">None</label>
</div>
<div class="cmOptions">
<input type="radio" id="cmCpu2" name="cmCpu" onclick="highlightSelected(this, 'cmCpu');" />
<label for="cmCpu2">AMD Opteron Model 252 2.6 Ghz Single Core Processor <span id="cmCpu2Price">[Add $280 each]</span> </label>
</div>
<div class="cmOptions">
<input type="radio" id="cmCpu3" name="cmCpu" onclick="highlightSelected(this, 'cmCpu');" /> <label for="cmCpu3">AMD Opteron Model 254 2.8 Ghz Single Core Processor <span id="cmCpu3Price">[Add $280 each]</span></label>
</div>
<div class="cmOptions">
<input type="radio" id="cmCpu4" name="cmCpu" onclick="highlightSelected(this, 'cmCpu');" /> <label for="cmCpu4">AMD Opteron Model 256 3.0 Ghz Single Core Processor <span id="cmCpu4Price">[Add $380 each]</span></label>
</div>
<div class="cmOptions">
<input type="radio" id="cmCpu5" name="cmCpu" onclick="highlightSelected(this, 'cmCpu');" /> <label for="cmCpu5">AMD Opteron Model 280 2.4 Ghz Dual Core Processor <span id="cmCpu5Price">[Add $480 each]</span></label>
</div>
<div class="cmOptions">
<input type="radio" id="cmCpu6" name="cmCpu" onclick="highlightSelected(this, 'cmCpu');" /> <label for="cmCpu6">AMD Opteron Model 285 2.6 Ghz Dual Core Processor <span id="cmCpu6Price">[Add $580 each]</span></label>
</div>
</div>
</td>
</tr>
</table>
</form>
</div>
</div>

CM03 Ecommerce Option Selector

Include:

Definition

Usage

v0 Tuner Table

Processor

No Templates Reference this