Advertisement
| 10.08.2008 at 11:30AM PDT, ID: 23798503 |
|
[x]
Attachment Details
|
||
|
[x]
The Solution Rating System
|
||
With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.
Your Input Matters If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support. Thank you! |
||
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62: 63: 64: 65: 66: 67: 68: 69: 70: 71: 72: 73: 74: 75: 76: 77: 78: 79: 80: 81: 82: 83: 84: 85: 86: 87: 88: 89: 90: 91: 92: 93: 94: 95: 96: 97: 98: 99: 100: 101: 102: 103: 104: 105: 106: 107: 108: 109: 110: 111: 112: 113: 114: 115: 116: 117: 118: 119: 120: 121: 122: 123: 124: 125: 126: 127: 128: 129: 130: 131: 132: 133: 134: 135: 136: 137: 138: 139: 140: 141: 142: 143: 144: 145: 146: 147: 148: 149: 150: 151: 152: 153: 154: 155: 156: 157: 158: 159: 160: 161: 162: 163: 164: 165: 166: 167: 168: 169: 170: 171: 172: 173: 174: 175: 176: 177: 178: 179: 180: 181: 182: 183: 184: 185: 186: 187: 188: 189: 190: 191: 192: 193: 194: 195: 196: 197: 198: 199: 200: 201: 202: 203: 204: 205: 206: 207: 208: 209: 210: 211: 212: 213: 214: 215: 216: 217: 218: 219: 220: 221: 222: 223: 224: 225: 226: 227: 228: 229: 230: 231: 232: 233: 234: 235: 236: 237: 238: 239: 240: 241: 242: 243: 244: 245: 246: 247: 248: 249: 250: 251: 252: 253: 254: 255: 256: 257: 258: 259: 260: 261: 262: 263: 264: 265: 266: 267: 268: 269: 270: 271: 272: 273: 274: 275: 276: 277: 278: 279: 280: 281: 282: 283: 284: 285: 286: 287: 288: 289: 290: 291: 292: 293: 294: 295: 296: 297: 298: 299: 300: 301: 302: 303: 304: 305: 306: 307: 308: 309: 310: 311: 312: 313: 314: 315: 316: 317: 318: 319: 320: 321: 322: |
JAVASCRIPT items.js (used to calculate prices)
// prices related variables
nBasePrice = 140;
nCurrentPrice = 140;
nItemPriceExtra = new Array();
nItemPriceExtra['1'] = 140;
nItemPriceExtra['2'] = 160;
nItemPriceExtra['3'] = 80;
nItemPriceExtra['4'] = 75;
nItemPriceExtra['5'] = 95;
nItemPriceExtra['6'] = 100;
nItemPriceExtra['7'] = 100;
nItemPriceExtra['8'] = 90;
nItemPriceExtra['9'] = 55;
nItemPriceExtra['10'] = 100;
nItemPriceExtra['11'] = 300;
nItemPriceExtra['12'] = 100;
nItemPriceExtra['13'] = 135;
nItemPriceExtra['14'] = 140;
nItemPriceExtra['15'] = 125;
nItemPriceExtra['16'] = 110;
nItemPriceExtra['17'] = 90;
nItemPriceExtra['18'] = 95;
nItemPriceExtra['19'] = 160;
nItemPriceExtra['20'] = 215;
nItemPriceExtra['21'] = 200;
nItemPriceExtra['22'] = 180;
nItemPriceExtra['23'] = 220;
nItemPriceExtra['24'] = 270;
nItemPriceExtra['25'] = 200;
nItemPriceExtra['26'] = 230;
nItemPriceExtra['27'] = 450;
nItemPriceExtra['28'] = 180;
nItemPriceExtra['29'] = 285;
nItemPriceExtra['30'] = 220;
nItemPriceExtra['31'] = 100;
nItemPriceExtra['32'] = 65;
nItemPriceExtra['33'] = 70;
nItemPriceExtra['34'] = 90;
nItemPriceExtra['35'] = 75;
// current situation
nSelected = new Array();
nSelected['1000'] = '14';
nSelected['1001'] = '31';
// updates a layer text
function SetLayerText(sLayerId, sText) {
document.getElementById(sLayerId).innerHTML = sText
}
// function that handles changes
function onClickItem(nCatId, nItemId) {
// add price info to previously selected item
nPrice = nItemPriceExtra[nSelected[nCatId]] - nItemPriceExtra[nItemId];
sPrice = " <b>[ " + ((nPrice>=0)?'+':'') + nPrice + " ]</b>";
SetLayerText("PriceLabel_" + nCatId + "_" + nSelected[nCatId], sPrice);
for(i=1;i<nItemPriceExtra.length;i++){
nPrice1 = nItemPriceExtra[i] - nItemPriceExtra[nItemId];
sPrice = " <b>[ " + ((nPrice1>=0)?'+':'') + nPrice1 + " ]</b>";
SetLayerText("PriceLabel_" + nCatId + "_" + i, sPrice);
}
// remove price info from newly selected item
SetLayerText("PriceLabel_" + nCatId + "_" + nItemId, "");
// update total price
nCurrentPrice -= nPrice;
sPrice = "<b>[ " + ((nCurrentPrice>=0)?'':'-') + nCurrentPrice + " ] </b>";
SetLayerText("TotalPriceLabel", sPrice);
// update selected items
nSelected[nCatId] = nItemId;
}
JAVASCRIPT group.js (used to group the radio buttons in the power supply section)
function Reset(SelectedGroup) {
var RadioGroup1 = document.getElementById("RadioGroup1");
for (var i = 0; i < RadioGroup1.childNodes.length; i++) {
if (SelectedGroup == RadioGroup1.childNodes[i]) {
for (var ii = 0; ii < RadioGroup1.childNodes[i].childNodes.length; ii++) {
if (RadioGroup1.childNodes[i].childNodes[ii].tagName == "DIV") {
RadioGroup1.childNodes[i].childNodes[ii].style.display = "block";
RadioGroup1.childNodes[i].childNodes[ii].style.visibility = "visible";
}
}
} else {
if (RadioGroup1.childNodes[i].nodeType == 1) {
for (var ii = 0; ii < RadioGroup1.childNodes[i].childNodes.length; ii++) {
if (RadioGroup1.childNodes[i].childNodes[ii].tagName == "DIV") {
RadioGroup1.childNodes[i].childNodes[ii].style.display = "none";
RadioGroup1.childNodes[i].childNodes[ii].style.visibility = "hidden";
}
}
}
}
}
var RadioGroup2 = document.getElementById("RadioGroup2");
for (var i = 0; i < RadioGroup2.childNodes.length; i++) {
if (SelectedGroup == RadioGroup2.childNodes[i]) {
for (var ii = 0; ii < RadioGroup2.childNodes[i].childNodes.length; ii++) {
if (RadioGroup2.childNodes[i].childNodes[ii].tagName == "DIV") {
RadioGroup2.childNodes[i].childNodes[ii].style.display = "block";
RadioGroup2.childNodes[i].childNodes[ii].style.visibility = "visible";
}
}
} else {
if (RadioGroup2.childNodes[i].nodeType == 1) {
for (var ii = 0; ii < RadioGroup2.childNodes[i].childNodes.length; ii++) {
if (RadioGroup2.childNodes[i].childNodes[ii].tagName == "DIV") {
RadioGroup2.childNodes[i].childNodes[ii].style.display = "none";
RadioGroup2.childNodes[i].childNodes[ii].style.visibility = "hidden";
}
}
}
}
}
}
THE HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Build Me The Best: Custom Computers</title>
<script type="text/javascript" src="scripts/tabber.js"></script>
<script type="text/javascript" src="scripts/items.js"></script>
<script type="text/javascript" src="scripts/group.js"></script>
<link href="styles/buildmethebest.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="styles/tabber.css" TYPE="text/css" MEDIA="screen">
<link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon">
<script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>
</head>
<body>
<div class="tabber">
<div class="tabbertab" title="1. Hardware & Components">
<center>
<p><table border="0" cellspacing="0" cellpadding="0" style="font-size: 11px; font-family: Verdana; border: 1px solid black;" width="90%">
<tr style="border: 1px solid black;">
<td height="20" style="background-color: #BBBBBB;"> <font size="4"><b>Case</b></font>
</td>
<td height="20" align="right" style="background-color: #BBBBBB;">
<a href=javascript:OpenHelpMeChooseWindow('helpmechoose-case.html')>Help me choose</a>
</td>
</tr>
<tr>
<td align="center">
<img id="image_case" src="images/nzxt_tempest.jpg" style="border: 1px solid black;">
</td>
<td align="left">
<br>
<form method="POST" action="index.php">
<u>Mid-towers:</u><br>
<input type="Radio" name='InputField_1000' value='1' onclick="onClickItem('1000', '1'); document.getElementById('image_case').src='images/antec_900.gif'">
Antec 900<span id='PriceLabel_1000_1'> <b>[ +0 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='2' onclick="onClickItem('1000', '2'); document.getElementById('image_case').src='images/antec_p182.jpg'">
Antec P182<span id='PriceLabel_1000_2'> <b>[ +20 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='3' onclick="onClickItem('1000', '3'); document.getElementById('image_case').src='images/apevia_x-cruiser.jpg'">
Apevia X-Cruiser<span id='PriceLabel_1000_3'> <b>[ -60 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='4' onclick="onClickItem('1000', '4'); document.getElementById('image_case').src='images/apevia_x-plorer.jpg'">
Apevia X-plorer<span id='PriceLabel_1000_4'> <b>[ -65 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='5' onclick="onClickItem('1000', '5'); document.getElementById('image_case').src='images/apevia_x-telstar_jr.jpg'">
Apevia X-Telstar Jr. G-Type<span id='PriceLabel_1000_5'> <b>[ -45 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='6' onclick="onClickItem('1000', '6'); document.getElementById('image_case').src='images/apevia_x-sniper.jpg'">
Apevia X-Sniper<span id='PriceLabel_1000_6'> <b>[ -40 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='7' onclick="onClickItem('1000', '7'); document.getElementById('image_case').src='images/apevia_x-jupiter_jr.jpg'">
Apevia X-Jupiter Jr. G-Type<span id='PriceLabel_1000_7'> <b>[ -40 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='8' onclick="onClickItem('1000', '8'); document.getElementById('image_case').src='images/cooler master_690.jpg'">
Cooler Master 690<span id='PriceLabel_1000_8'> <b>[ -50 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='9' onclick="onClickItem('1000', '9'); document.getElementById('image_case').src='images/cooler master_elite.jpg'">
Cooler Master Elite<span id='PriceLabel_1000_9'> <b>[ -85 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='10' onclick="onClickItem('1000', '10'); document.getElementById('image_case').src='images/cooler master_mystique.jpg'">
Cooler Master Mystique<span id='PriceLabel_1000_10'> <b>[ -40 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='11' onclick="onClickItem('1000', '11'); document.getElementById('image_case').src='images/lian-li_pc-v1100b plus II.gif'">
Lian-Li PC-V1100B Plus II<span id='PriceLabel_1000_11'> <b>[ +160 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='12' onclick="onClickItem('1000', '12'); document.getElementById('image_case').src='images/nzxt_apollo.jpg'">
NZXT Apollo<span id='PriceLabel_1000_12'> <b>[ -40 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='13' onclick="onClickItem('1000', '13'); document.getElementById('image_case').src='images/nzxt_lexa.jpg'">
NZXT Lexa<span id='PriceLabel_1000_13'> <b>[ -5 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='14' onclick="onClickItem('1000', '14'); document.getElementById('image_case').src='images/nzxt_tempest.jpg'" Checked>
NZXT Tempest <span id='PriceLabel_1000_14'></span><br>
<input type="Radio" name='InputField_1000' value='15' onclick="onClickItem('1000', '15'); document.getElementById('image_case').src='images/nzxt_guardian.gif'">
NZXT Guardian 921<span id='PriceLabel_1000_15'> <b>[ -15 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='16' onclick="onClickItem('1000', '16'); document.getElementById('image_case').src='images/nzxt_hush.jpg'">
NZXT Hush<span id='PriceLabel_1000_16'> <b>[ -30 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='17' onclick="onClickItem('1000', '17'); document.getElementById('image_case').src='images/raidmax_sagitta 2.jpg'">
Raidmax Sagitta 2<span id='PriceLabel_1000_17'> <b>[ -50 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='18' onclick="onClickItem('1000', '18'); document.getElementById('image_case').src='images/raidmax_aztec.jpg'">
Raidmax Aztec<span id='PriceLabel_1000_18'> <b>[ -45 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='19' onclick="onClickItem('1000', '19'); document.getElementById('image_case').src='images/thermaltake_armor+ mid-tower.gif'">
Thermaltake Armor+<span id='PriceLabel_1000_19'> <b>[ +20 ]</b></span><br>
<br>
<u>Full-towers:</u><br>
<input type="Radio" name='InputField_1000' value='20' onclick="onClickItem('1000', '20'); document.getElementById('image_case').src='images/antec_1200.jpg'">
Antec 1200<span id='PriceLabel_1000_20'> <b>[ +75 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='21' onclick="onClickItem('1000', '21'); document.getElementById('image_case').src='images/apevia_x-jupiter.jpg'">
Apevia X-Jupiter G-Type<span id='PriceLabel_1000_21'> <b>[ +60 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='22' onclick="onClickItem('1000', '22'); document.getElementById('image_case').src='images/apevia_x-telstar.jpg'">
Apevia X-Telstar<span id='PriceLabel_1000_22'> <b>[ +40 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='23' onclick="onClickItem('1000', '23'); document.getElementById('image_case').src='images/cooler master_cosmos 1000.jpg'">
Cooler Master Cosmos 1000<span id='PriceLabel_1000_23'> <b>[ +80 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='24' onclick="onClickItem('1000', '24'); document.getElementById('image_case').src='images/cooler master_cosmos s.jpg'">
Cooler Master Cosmos S<span id='PriceLabel_1000_24'> <b>[ +130 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='25' onclick="onClickItem('1000', '25'); document.getElementById('image_case').src='images/cooler master_haf932.jpg'">
Cooler Master HAF 932<span id='PriceLabel_1000_25'> <b>[ +60 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='26' onclick="onClickItem('1000', '26'); document.getElementById('image_case').src='images/cooler master_stacker 830 evolution.jpg'">
Cooler Master Stacker 830 Evolution<span id='PriceLabel_1000_26'> <b>[ +90 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='27' onclick="onClickItem('1000', '27'); document.getElementById('image_case').src='images/lian-li_pc-p80.jpg'">
Lian-Li PC-P80<span id='PriceLabel_1000_27'> <b>[ +310 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='28' onclick="onClickItem('1000', '28'); document.getElementById('image_case').src='images/nzxt_zero.jpg'">
NZXT Zero<span id='PriceLabel_1000_28'> <b>[ +40 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='29' onclick="onClickItem('1000', '29'); document.getElementById('image_case').src='images/thermaltake_xaser vi.jpg'">
Thermaltake Xaser VI w/ Side Window<span id='PriceLabel_1000_29'> <b>[ +145 ]</b></span><br>
<input type="Radio" name='InputField_1000' value='30' onclick="onClickItem('1000', '30'); document.getElementById('image_case').src='images/thermaltake_armor+ full-tower.jpg'">
Thermaltake Armor+<span id='PriceLabel_1000_30'> <b>[ +80 ]</b></span><br>
<hr>
Total Price : <span id='TotalPriceLabel'><b>[ 140 ]</b></span><br>
</td>
</tr>
</table>
<br><br>
<table border="0" cellspacing="0" cellpadding="0" style="font-size: 11px; font-family: Verdana; border: 1px solid black;" width="90%">
<tr style="border: 1px solid black;">
<td height="20" style="background-color: #BBBBBB;"> <font size="4"><b>Power Supply</b></font>
</td>
<td height="20" align="right" style="background-color: #BBBBBB;">
<a href=javascript:OpenHelpMeChooseWindow('helpmechoose-case.html')>Help me choose</a>
</td>
</tr>
<tr>
<td align="center">
<img id="image_case" src="images/nzxt_tempest.jpg" style="border: 1px solid black;">
</td>
<td align="left">
<br>
<div id="RadioGroup1">
<div id="Group1">
<input type="radio" name="psu" id="gp1" onclick="Reset(this.parentNode); onClickItem('1001', '31');" Checked>500W
<div id="sub_gp1" style="visibility: visible; display: block;">
<input type="radio" name="sub500w" value='31' onclick="onClickItem('1001', '31');" Checked>[Modular] Antec Neo Power<span id='PriceLabel_1001_31'></span><br>
<input type="radio" name="sub500w" value='32' onclick="onClickItem('1001', '32');">Apevia Java<span id='PriceLabel_1001_32'> <b>[ -35 ]</b></span><br>
<input type="radio" name="sub500w" value='33' onclick="onClickItem('1001', '33');">Cooler Master eXtreme<span id='PriceLabel_1001_33'> <b>[ -30 ]</b></span><br>
<input type="radio" name="sub500w" value='34' onclick="onClickItem('1001', '34');">Silverstone ST50F<span id='PriceLabel_1001_34'> <b>[ -10 ]</b></span><br>
</div>
</div>
<div id="Group2">
<input type="radio" name="psu" id="gp2" onclick="Reset(this.parentNode); onClickItem('1001', '35');"">530W
<div id="sub_gp2" style="visibility: hidden; display: none;">
<input type="radio" name="sub530w" value='35' onclick="onClickItem('1001', '35');" Checked>[Modular] Raidmax Hybrid<span id='PriceLabel_1001_35'> <b>[ -25 ]</b></span><br>
</div>
</div>
</div>
<hr>
Total Price : <span id='TotalPriceLabel'><b>[ 140 ]</b></span><br>
</form>
</td>
</tr>
</table>
</form></p>
</center>
</div>
<div class="tabbertab" title="2. Accessories & Software">
<p>Build Page 2 Content</p>
</div>
<div class="tabbertab" title="3. Services">
<p>Build Page 3 Content</p>
</div>
</div>
|
Advertisement