javascript - Insert JS into table with preexisting data -
i have been trying figure out how populate table has preexisting data called js data
for example have table in place: f2,70,28,09,l,00,00,yr,yr,sd,rd,rd,rd,rd,rd,rd,gr,58,00,tx,tx,tx,tx,tx,tx,tx,tx,tx,tx l,yr,sd,rd,gr,tx areas populated js function
you can see using here:http://www.757goat.org/gto_cluster/worksheettestjs.php
i need option @ bottom of form grab of 'hex' , place above in right areas.
any ideas??
thanks in advance -rob
here code within above link: had pull out fit, ones pulled repetitions of sdtxt
<script language="javascript" type="text/javascript"> <!-- function displayselecteditem(val,id){ document.getelementbyid(id).value = val; } //--> </script> </head> <body> <div class="container"> <div class="sidebar1"> <ul class="nav"> <li><a href="/gto_cluster">instructions</a></li> <li><a href="/gto_cluster/worksheet.php">gto cluster worksheet</a></li> <li><a href="#">other strings</a></li> <li><a href="#">beta</a></li> </ul> <!-- end .sidebar1 --></div> <div class="content" ice:editable="*"> <fieldset> <legend>logos</legend> <p> <label>choose desired logo</label> <select id="logo"> <option value="00">holden</option> <option value="01">hsv</option> <option value="02">chevrolet</option> <option value="02">chevrolet</option> <option value="04">csv</option> <option value="05">pontiac</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('logo').value,'logo2');" /> </p> <p> <input type="text" id="logo2" /> </p> </fieldset> <fieldset> <legend>year of vehicle</legend> <p> <label>enter desired year</label> <select id = "year"> <option value = "07,d4">2004</option> <option value = "07,d5">2005</option> <option value = "07,d6">2006</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('year').value,'year2');" /> </p> <p> <input type="text" id="year2" /> </p> </fieldset> <fieldset> <legend>shutdown text</legend> <p> <label>choose shutdown text</label> <select id = "shutdown"> <option value = "0d">custom text</option> <option value = "00">xu6</option> <option value = "01">clubsport</option> <option value = "02">slubsport r8</option> <option value = "03">gts</option> <option value = "04">senator</option> <option value = "05">sen. singature</option> <option value = "06">maloo</option> <option value = "07">coupe</option> <option value = "08">gts-r</option> <option value = "09">build no.</option> <option value = "0a">hsv</option> <option value = "0b">grange</option> <option value = "0c">maloo r8</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('shutdown').value,'shutdown2');" /> </p> <p> <input type="text" id="shutdown2" /> </p> </fieldset> <fieldset> <legend>rpm values shift light & change gear message</legend> <p> <label>desired 'cold temp' redline</label> <select id = "coldtemp"> <option value = "14">1000</option> <option value = "15">1050</option> <option value = "16">1100</option> <option value = "17">1150</option> <option value = "18">1200</option> <option value = "19">1250</option> <option value = "1a">1300</option> <option value = "1b">1350</option> <option value = "1c">1400</option> <option value = "1d">1450</option> <option value = "1e">1500</option> <option value = "1f">1550</option> <option value = "20">1600</option> <option value = "21">1650</option> <option value = "22">1700</option> <option value = "23">1750</option> <option value = "24">1800</option> <option value = "25">1850</option> <option value = "26">1900</option> <option value = "27">1950</option> <option value = "28">2000</option> <option value = "29">2050</option> <option value = "2a">2100</option> <option value = "2b">2150</option> <option value = "2c">2200</option> <option value = "2d">2250</option> <option value = "2e">2300</option> <option value = "2f">2350</option> <option value = "30">2400</option> <option value = "31">2450</option> <option value = "32">2500</option> <option value = "33">2550</option> <option value = "34">2600</option> <option value = "35">2650</option> <option value = "36">2700</option> <option value = "37">2750</option> <option value = "38">2800</option> <option value = "39">2850</option> <option value = "3a">2900</option> <option value = "3b">2950</option> <option value = "3c">3000</option> <option value = "3d">3050</option> <option value = "3e">3100</option> <option value = "3f">3150</option> <option value = "40">3200</option> <option value = "41">3250</option> <option value = "42">3300</option> <option value = "43">3350</option> <option value = "44">3400</option> <option value = "45">3450</option> <option value = "46">3500</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('coldtemp').value,'coldtemp2');" /> </p> <p> <input type="text" id="coldtemp2" /> </p> <label>desired 1st gear redline</label> <select id = "1gear"> <option value = "6e">5500</option> <option value = "6f">5550</option> <option value = "70">5600</option> <option value = "71">5650</option> <option value = "72">5700</option> <option value = "73">5750</option> <option value = "74">5800</option> <option value = "75">5850</option> <option value = "76">5900</option> <option value = "77">5950</option> <option value = "78">6000</option> <option value = "79">6050</option> <option value = "7a">6100</option> <option value = "7b">6150</option> <option value = "7c">6200</option> <option value = "7d">6250</option> <option value = "7e">6300</option> <option value = "7f">6350</option> <option value = "80">6400</option> <option value = "81">6450</option> <option value = "82">6500</option> <option value = "83">6550</option> <option value = "84">6600</option> <option value = "85">6650</option> <option value = "86">6700</option> <option value = "87">6750</option> <option value = "88">6800</option> <option value = "89">6850</option> <option value = "8a">6900</option> <option value = "8b">6950</option> <option value = "8c">7000</option> <option value = "8d">7050</option> <option value = "8e">7100</option> <option value = "8f">7150</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('1gear').value,'1gear2');" /> </p> <p> <input type="text" id="1gear2" /> </p> <label>desired 2nd gear redline</label> <select id = "2gear"> <option value = "6e">5500</option> <option value = "6f">5550</option> <option value = "70">5600</option> <option value = "71">5650</option> <option value = "72">5700</option> <option value = "73">5750</option> <option value = "74">5800</option> <option value = "75">5850</option> <option value = "76">5900</option> <option value = "77">5950</option> <option value = "78">6000</option> <option value = "79">6050</option> <option value = "7a">6100</option> <option value = "7b">6150</option> <option value = "7c">6200</option> <option value = "7d">6250</option> <option value = "7e">6300</option> <option value = "7f">6350</option> <option value = "80">6400</option> <option value = "81">6450</option> <option value = "82">6500</option> <option value = "83">6550</option> <option value = "84">6600</option> <option value = "85">6650</option> <option value = "86">6700</option> <option value = "87">6750</option> <option value = "88">6800</option> <option value = "89">6850</option> <option value = "8a">6900</option> <option value = "8b">6950</option> <option value = "8c">7000</option> <option value = "8d">7050</option> <option value = "8e">7100</option> <option value = "8f">7150</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('2gear').value,'2gear2');" /> </p> <p> <input type="text" id="2gear2" /> </p> <label>desired 3rd gear redline</label> <select id = "3gear"> <option value = "6e">5500</option> <option value = "6f">5550</option> <option value = "70">5600</option> <option value = "71">5650</option> <option value = "72">5700</option> <option value = "73">5750</option> <option value = "74">5800</option> <option value = "75">5850</option> <option value = "76">5900</option> <option value = "77">5950</option> <option value = "78">6000</option> <option value = "79">6050</option> <option value = "7a">6100</option> <option value = "7b">6150</option> <option value = "7c">6200</option> <option value = "7d">6250</option> <option value = "7e">6300</option> <option value = "7f">6350</option> <option value = "80">6400</option> <option value = "81">6450</option> <option value = "82">6500</option> <option value = "83">6550</option> <option value = "84">6600</option> <option value = "85">6650</option> <option value = "86">6700</option> <option value = "87">6750</option> <option value = "88">6800</option> <option value = "89">6850</option> <option value = "8a">6900</option> <option value = "8b">6950</option> <option value = "8c">7000</option> <option value = "8d">7050</option> <option value = "8e">7100</option> <option value = "8f">7150</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('3gear').value,'3gear2');" /> </p> <p> <input type="text" id="3gear2" /> </p> <label>desired 4th gear redline</label> <select id = "4gear"> <option value = "6e">5500</option> <option value = "6f">5550</option> <option value = "70">5600</option> <option value = "71">5650</option> <option value = "72">5700</option> <option value = "73">5750</option> <option value = "74">5800</option> <option value = "75">5850</option> <option value = "76">5900</option> <option value = "77">5950</option> <option value = "78">6000</option> <option value = "79">6050</option> <option value = "7a">6100</option> <option value = "7b">6150</option> <option value = "7c">6200</option> <option value = "7d">6250</option> <option value = "7e">6300</option> <option value = "7f">6350</option> <option value = "80">6400</option> <option value = "81">6450</option> <option value = "82">6500</option> <option value = "83">6550</option> <option value = "84">6600</option> <option value = "85">6650</option> <option value = "86">6700</option> <option value = "87">6750</option> <option value = "88">6800</option> <option value = "89">6850</option> <option value = "8a">6900</option> <option value = "8b">6950</option> <option value = "8c">7000</option> <option value = "8d">7050</option> <option value = "8e">7100</option> <option value = "8f">7150</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('4gear').value,'4gear2');" /> </p> <p> <input type="text" id="4gear2" /> </p> <label>desired 5th gear redline</label> <select id = "5gear"> <option value = "6e">5500</option> <option value = "6f">5550</option> <option value = "70">5600</option> <option value = "71">5650</option> <option value = "72">5700</option> <option value = "73">5750</option> <option value = "74">5800</option> <option value = "75">5850</option> <option value = "76">5900</option> <option value = "77">5950</option> <option value = "78">6000</option> <option value = "79">6050</option> <option value = "7a">6100</option> <option value = "7b">6150</option> <option value = "7c">6200</option> <option value = "7d">6250</option> <option value = "7e">6300</option> <option value = "7f">6350</option> <option value = "80">6400</option> <option value = "81">6450</option> <option value = "82">6500</option> <option value = "83">6550</option> <option value = "84">6600</option> <option value = "85">6650</option> <option value = "86">6700</option> <option value = "87">6750</option> <option value = "88">6800</option> <option value = "89">6850</option> <option value = "8a">6900</option> <option value = "8b">6950</option> <option value = "8c">7000</option> <option value = "8d">7050</option> <option value = "8e">7100</option> <option value = "8f">7150</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('5gear').value,'5gear2');" /> </p> <p> <input type="text" id="5gear2" /> </p> </p> </fieldset> <fieldset> <legend>gear change & shift light</legend> <p> <label>do want enable?</label> <select id = "shiftlight"> <option value = "01">yes</option> <option value = "00">no</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('shiftlight').value,'shiftlight2');" /> </p> <p> <input type="text" id="shiftlight2" /> </p> </fieldset> <fieldset> <legend>custom shutdown text characters <br /><i>must choose "custom text" in "shutdown text" option above</i></legend> <p> <label>enter shutdown string, 1 character per box</label> <br /> <select id = "sdtxt1"> <option value = "2d">-</option> <option value = "00">blank</option> <option value = "61">a</option> <option value = "62">b</option> <option value = "63">c</option> <option value = "64">d</option> <option value = "65">e</option> <option value = "66">f</option> <option value = "67">g</option> <option value = "68">h</option> <option value = "69">i</option> <option value = "4a">j</option> <option value = "6b">k</option> <option value = "6c">l</option> <option value = "6d">m</option> <option value = "6e">n</option> <option value = "6f">o</option> <option value = "70">p</option> <option value = "71">q</option> <option value = "72">r</option> <option value = "73">s</option> <option value = "74">t</option> <option value = "75">u</option> <option value = "76">v</option> <option value = "77">w</option> <option value = "78">x</option> <option value = "79">y</option> <option value = "7a">z</option> <option value = "30">0</option> <option value = "31">1</option> <option value = "32">2</option> <option value = "33">3</option> <option value = "34">4</option> <option value = "35">5</option> <option value = "36">6</option> <option value = "37">7</option> <option value = "38">8</option> <option value = "39">9</option> <option value = "21">!</option> <option value = "40">@</option> <option value = "23">#</option> <option value = "24">$</option> <option value = "25">%</option> <option value = "5e">^</option> <option value = "26">& </option> <option value = "2a">*</option> <option value = "28">(</option> <option value = "29">)</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('sdtxt1').value,'sdtxt12');" /> </p> <p> <input type="text" id="sdtxt12" /> </p> <select id = "sdtxt2"> <option value = "2d">-</option> <option value = "00">blank</option> <option value = "61">a</option> <option value = "62">b</option> <option value = "63">c</option> <option value = "64">d</option> <option value = "65">e</option> <option value = "66">f</option> <option value = "67">g</option> <option value = "68">h</option> <option value = "69">i</option> <option value = "4a">j</option> <option value = "6b">k</option> <option value = "6c">l</option> <option value = "6d">m</option> <option value = "6e">n</option> <option value = "6f">o</option> <option value = "70">p</option> <option value = "71">q</option> <option value = "72">r</option> <option value = "73">s</option> <option value = "74">t</option> <option value = "75">u</option> <option value = "76">v</option> <option value = "77">w</option> <option value = "78">x</option> <option value = "79">y</option> <option value = "7a">z</option> <option value = "30">0</option> <option value = "31">1</option> <option value = "32">2</option> <option value = "33">3</option> <option value = "34">4</option> <option value = "35">5</option> <option value = "36">6</option> <option value = "37">7</option> <option value = "38">8</option> <option value = "39">9</option> <option value = "21">!</option> <option value = "40">@</option> <option value = "23">#</option> <option value = "24">$</option> <option value = "25">%</option> <option value = "5e">^</option> <option value = "26">& </option> <option value = "2a">*</option> <option value = "28">(</option> <option value = "29">)</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('sdtxt2').value,'sdtxt22');" /> </p> <p> <input type="text" id="sdtxt22" /> </p> <select id = "sdtxt3"> <option value = "2d">-</option> <option value = "00">blank</option> <option value = "61">a</option> <option value = "62">b</option> <option value = "63">c</option> <option value = "64">d</option> <option value = "65">e</option> <option value = "66">f</option> <option value = "67">g</option> <option value = "68">h</option> <option value = "69">i</option> <option value = "4a">j</option> <option value = "6b">k</option> <option value = "6c">l</option> <option value = "6d">m</option> <option value = "6e">n</option> <option value = "6f">o</option> <option value = "70">p</option> <option value = "71">q</option> <option value = "72">r</option> <option value = "73">s</option> <option value = "74">t</option> <option value = "75">u</option> <option value = "76">v</option> <option value = "77">w</option> <option value = "78">x</option> <option value = "79">y</option> <option value = "7a">z</option> <option value = "30">0</option> <option value = "31">1</option> <option value = "32">2</option> <option value = "33">3</option> <option value = "34">4</option> <option value = "35">5</option> <option value = "36">6</option> <option value = "37">7</option> <option value = "38">8</option> <option value = "39">9</option> <option value = "21">!</option> <option value = "40">@</option> <option value = "23">#</option> <option value = "24">$</option> <option value = "25">%</option> <option value = "5e">^</option> <option value = "26">& </option> <option value = "2a">*</option> <option value = "28">(</option> <option value = "29">)</option> </select> <input type="button" value="show hex" onclick="displayselecteditem(document.getelementbyid('sdtxt3').value,'sdtxt32');" /> </p> <p> <input type="text" id="sdtxt32" /> </p> </fieldset> <!-- end .content --></div> <!-- end .container --></div> </body> </html>
function displayhextable() { var hexstring = document.getelementbyid('hextable').value; var hexarray = hexstring.split(','); hexarray[4] = document.getelementbyid('logo').value; var years = document.getelementbyid('year').value.split(','); hexarray[8] = years[0]; hexarray[9] = years[1]; /* repeat above other fields */ var newhexstring = hexarray.join(','); document.getelementbyid('hextable').value = newhexstring; } add above function onclick handler button.
see fiddle
Comments
Post a Comment