|
JavaScript - Trying To Assign Scores To Separate Strings In An Array
Hi, I was working on this problem that asks me to return an array of scores for each string (only for its content part, not URL) in the global variable, which is an array. For example, alert a score of 0 if the string z is not found, 1 if found once, and 2 for twice. My problem is that I can get the code to alert if it has found the word (ex. "the"), but I cannot manage to :
a) Assign separate scores for each string. b) Make the search case insensitive i.e. "the" will appear in 0,1, but not in 2, where it is capitalized I would appreciate any help! [CODE] var c = ["[www.facebook.com] Facebook is the best social networking site to coccent with your friends. ", "[www.google.co.uk] Google is the worldwide search engine. ", "[www.bbc.co.uk] The best news source for starting your day. "]; function findScore(z) { for (var i=0; i<c.length; i++) { var a = c[i].toString(); var b = a.search(z); if(b>-1) { alert (z + " found in array " + i); } } } findScore("the"); [CODE] Sorry for not being able to wrap the code! Similar TutorialsIf I assign an array to another variable, any changes to the array change both variables. Is it a pointer instead of a copy? Try this: Code: <script type="text/javascript">
Arr=['a','b','c'];
Arr2=Arr;
Arr[1]='_';
alert('Array 1: '+Arr);
alert('Array 2: '+Arr2);
// Both arrays become 'a','_','c'
</script>
Why's this happen? Is it to be expected? Variables don't do this but it's happening for arrays in IE and FireFox, maybe all others. I'm having problems with selecting values from array. I have a dropdown box where you choose what fruit you want to buy. When selected the array should assign 2 values to that fruit. I don't know how to do that. Here's what I have.. I added comments. Javascript part: Code: <script type="text/javascript">
function Fruits() {
var selectfruit = newArray( //assigning values to fruit selected from dropdown box
newArray("Banana", 1, 1),
newArray("Apple", 1.2, 0.5),
newArray("Mango", 1.1, 0.9),
newArray("Orange", 0.1, 9.99));
var howmanyfruits = Number(document.getElementById("howmanyfruits").value); // how many fruits are you buying
var totalfruitsowned = Number(document.getElementById("totalfruitowned").value); // How many fruits do you already have
/* cash and coupons needed to buy fruits.
cash is cpst for 1 fruit.
coupons is cost for 1 fruit
cash_all is cost for all fruits you're buying
coupons_all is cost for all fruits you're buying
each fruits requires cash AND coupons to be bought. Cash and coupons are tied to the first values in Array.
Eg. If you choose Apple that value would be 1.2
The 'fruitsmaxtobuy' variable is not tied to the first value, but the second one in array.
If you choose Apple that value would be 0.5.
*/
var cash = Math.round(((totalfruitsowned * 0.51 * selectfruit) + 700)*10)/10;
var coupons = Math.round(((totalfruitsowned * 0.51 * selectfruit) + 850)*10)/10;
var cash_all = Math.round((howmanyfruits * cash)*10)/10;
var coupons_all = Math.round((howmanyfruits * coupons)*10)/10;
var fruitsmaxtobuy = Math.round((totalfruitsowned * 0.12 * selectfruit)*10)/10;
/*
Display Error if nothing is entered or if you forget to enter total fruits
*/
if (((howmanyfruits=="" || howmanyfruits==null) && (totalfruitsowned=="" || totalfruitsowned==null)) || ((howmanyfruits==Number(document.getElementById("howmanyfruits").value)) && (totalfruitsowned=="" || totalfruitsowned==null)))
{document.getElementById("cash").innerHTML = "Error";
document.getElementById("coupons").innerHTML = "Error";
document.getElementById("cash_all").innerHTML = "Error";
document.getElementById("coupons_all").innerHTML = "Error";
document.getElementById("fruitsmaxtobuy").innerHTML ="Error"}
else {
document.getElementById("cash").innerHTML = cash;
document.getElementById("coupons").innerHTML = coupons;
document.getElementById("cash_all").innerHTML = cash_all;
document.getElementById("coupons_all").innerHTML = coupons_all;
document.getElementById("fruitsmaxtobuy").innerHTML =fruitsmaxtobuy}
}
</script>
HTML part: Code: <form action="" id="fruitcost">
<table align="center" width="37.5%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th colspan="2" align="center">Fruit cost calcultor</th>
</tr>
<tr>
<td>Select Fruit:</td>
<td align="center"><select id="selectfruit">
<option>Banana</option>
<option selected>Apple</option>
<option>Mango</option>
<option>Orange</option>
</select>
</td>
</tr>
<tr>
<td>Total Fruits Owned:</td>
<td align="center"><input id="totalfruitsowned" type="text" /></td>
</tr>
<tr>
<td>How many fruits are you buying:</td>
<td align="center"><input id="howmanyfruits" type="text" /></td>
</tr>
<tr>
<td>Money Needed to buy 1 fruit:</td><td><font id="cash"></font></td>
</tr>
<tr>
<td>Coupons Needed to buy 1 fruit:</td><td><font id="coupons"></font></td>
</tr>
<tr>
<td>Money Needed:</td><td><font id="cash_all"></font></td>
</tr>
<tr>
<td>Coupons Needed:</td><td><font id="coupons_all"></font></td>
</tr>
<tr>
<td>Nr. of fruits you can buy:</td><td><font id="fruitsmaxtobuy"></font></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="button" value="Submit" onclick="Fruits()" /></td>
</tr>
</tbody>
</table>
</form>
hi guys i hava gridview gvcustomers with following fields latitude,longitude,customer and i have a javascript function in my aspx page fucntion Customer() { AddCustomer(lat1,long1)--- row1 of gridview lat long AddCustomer(lat2,long2)--row2 of gridview lat long } in the above function i would like to loop through the gridview and get the latitude and longitude colmns in the function instead of hardcoding as i have been doing now...thank you i advance Hey. I have a string and I can return say, the fourth letter with output[3], but i can't assign a value to it for some reason: I am trying to make hang man Code: <!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
<script>
$(document).ready(function(){
var word, output, wordLength, stringLength, newLetter, letters;
var i, n, k, health, wcheck;
word = "word";
output = "";
letters = "";
wordLength = word.length;
for(i = 0; i < wordLength; i++){
output += "_";
}
$("#inputLetters").keyup(function(){
newLetter = $("#inputLetters").val();
$("#inputLetters").val("");
letters += newLetter;
wcheck = false;
for(i = 0; i < wordLength; i++){
if(word[i] == newLetter){
wcheck = true;
output[i] = newLetter;
}
}
if(wcheck = false){
health++;
}
$("#letters").html(output + "<br />" + letters);
});
});
</script>
</head>
<body>
<span id="letters">
</span>
<br />
<br />
<input id="inputLetters" type="text" />
</body>
</html>
Hi, I want to make a simple quiz in HTML using JavaScript. I have made a web page called scoreboard which contains two tables. I have attached the screen shot of how the web page looks as well as the coding here with this msg. below is the description of my web page. If you find it lengthy or not understandable, pls refer my attached image of the web page. Description one table contains two rows - one for direct answers and another for answers which are given during their pass chance in the quiz. There are four buttons - Team A, Team B, Team C and Team D for both the direct and pass. And the second table contains four text boxes which which displays the score for each Team. Now, in my web page i have typed the required coding so that when in click the TeamA, TeamB,...buttons in the direct row, the score board for Team A adds up 10 points. Now i want to add 5 points for the respective teams when i click their team button in the pass row. I am not able to code that. I am new to JS. so pls help me. the code goes below. thanks in advance. Code: <html>
<head>
<title>score card</title>
<form name="myform">
<script language="javascript">
function score_computeA(n)
{
var score = parseInt(document.myform.t1.value,10);
n = parseInt(n,10);
score= score + n;
document.myform.t1.value = score;
}
function score_computeB(n)
{
var score = parseInt(document.myform.t2.value,10);
n = parseInt(n,10);
score= score + n;
document.myform.t2.value = score;
}
function score_computeC(n)
{
var score = parseInt(document.myform.t3.value,10);
n = parseInt(n,10);
score= score + n;
document.myform.t3.value = score;
}
function score_computeD(n)
{
var score = parseInt(document.myform.t4.value,10);
n = parseInt(n,10);
score= score + n;
document.myform.t4.value = score;
}
</script>
</head>
<body>
<p align="center"><font face="Broadway" size="6">School name goes here</font></p>
<p align="center"><font face="Baskerville Old Face" color="#FF0000" size="5">
Quiz</font></p>
<p align="center"> </p>
<p align="center"><font face="Arial Rounded MT Bold" size="5" color="#008000">
Administrative Panel</font></p>
<div align="center">
<table border="1" width="69%" height="83">
<tr>
<td width="98" height="35">
<p align="left">Direct</td>
<td height="35">
<p align="center"><input type="button" value="Team A" name="d1" onclick = "score_computeA(10)"></td>
<td height="35">
<p align="center"><input type="button" value="Team B" name="d2" onclick = "score_computeB(10)"></td>
<td height="35">
<p align="center"><input type="button" value="Team C" name="d3" onclick = "score_computeC(10)"></td>
<td height="35">
<p align="center"><input type="button" value="Team D" name="d4" onclick = "score_computeD(10)"></td>
</tr>
<tr>
<td width="98">Pass</td>
<td>
<p align="center"><input type="button" value="Team A" name="p1" onclick ="pass_computeA(5)"></td>
<td>
<p align="center"><input type="button" value="Team B" name="p2"></td>
<td>
<p align="center"><input type="button" value="Team C" name="p3"></td>
<td>
<p align="center"><input type="button" value="Team D" name="p4"></td>
</tr>
</table>
<hr>
<p align="center">
<font face="Arial Rounded MT Bold" size="5" color="#008000">Score Card</font></p>
<table border="1" width="59%" height="82">
<tr>
<td width="155">Team</td>
<td width="177">Team A</td>
<td width="166">Team B</td>
<td width="160">Team C</td>
<td>Team D</td>
</tr>
<tr>
<td width="155">Score</td>
<td width="177">
<p align="center">
<input name="t1" size="22" value="0" style="border:3px double #FF0000; float: right"></td>
<td width="166">
<input type="text" name="t2" size="22" value="0" style="border: 3px double #FF0000"></td>
<td width="160">
<input type="text" name="t3" size="22" value="0" style="border: 3px double #FF0000"></td>
<td>
<input type="text" name="t4" size="22" value="0" style="border: 3px double #FF0000"></td>
</tr>
</table>
</div>
</form>
<p align="center"> </p>
</body>
</html>
How do I get the following phrases to output along with their corresponding scores for my algorithm below? Here are the phrases I'd like to see along side the outputted score Scores: 90-100 --- Legendary</td></tr> 80-90 --- All-Star Performance 70-80 --- D1 College Level 60-70 --- Very Good 50-60 --- Great Effort 40-50 --- Almost there! 30-40 --- Nice try 20-30 --- Try harder 10-20< --- Don't give up. 0-10 --- A ways to go... Below 0 --- Poor Performance Above 100 --- Yeah Right! And here's my formula that asks for 4 values then spits out a number. Code: <br>
<center><img src="http://i40.photobucket.com/albums/e250/jonsan32/easy.png"></center>
<br><script language="javascript">
function addNumbers()
{
var val1 = parseInt(document.getElementById("value1").value);
var val2 = parseInt(document.getElementById("value2").value);
var val3 = parseInt(document.getElementById("value3").value);
var val4 = parseInt(document.getElementById("value4").value);
var ansD = document.getElementById("answer");
ansD.value = Math.round(((100-(25-val1)*5)/4 + (100-6.66667*(23-val2))/4 + (100-7.51*(15-val3))/4 + (100-4*(32-(val4)))/4)*100)/100 ;
}
</SCRIPT>
<table width=700><tr><td>XDrill = <input type="text" id="value1" name="value1" value="" SIZE=2 /> <br><br></td><td>
2ptrs = <input type="text" id="value2" name="value2" value="" SIZE=2/><br><br> </td><td>
3ptrs = <input type="text" id="value3" name="value3" value="" SIZE=2/><br><br> </td><td>
Nash = <input type="text" id="value4" name="value4" value="" SIZE=2/><br><br></td><td>
<input type="button" name="Submit" value="Click here" onclick="javascript:addNumbers()"/><br><br> </td></tr><tr><td colspan=2 bgcolor="#000000"><center>
<font color="#ffffff">Your Score = <input type="text" id="answer" name="answer" value=""/ SIZE=4> </center></td></tr></table>
<br><br>
Hello again eveyone it is the new guy with yet again asilly question. OK here goes.... ..... is it posable to have JS assign a sequental value as the ID for rows in a table. As some of you might know I have an MS Excel spread sheet with data in it that I am wanting to load into a web page. I have worked out how to get the data from Excel but I want to create a JS Function that will read the file then create a table using a template like Clone table but I will need each row entered from the Excel file to have a different ID from the prev entry and different than the next entry. Here is an example of what I'm talking about so that I am as clear as I can be. Quote: Function read () { Reads row 1 from Excel file} Function filltemplatetable (){ Take the data from Function read and placed it in a template table that I have created} Function fillmaintable() {Takes the newly created table object and inplant it in the maintable as a row} Function assignrowid () {assign the newly added row to the maintable as ID 1} Loop back to Function read () untill the last row in the Excel file is copied over to the web page. I was hopeing that the loop could creat a sequenchal numbering system that I could use later on for collaps/expand not to mention filtering but I need to make this an onload so that when I update teh Excel spreadsheet this web page will update the changes. I KNOW I KNOW I just droped a chunk on ya'll and I'm not asking for you guys to do the work for me but I am begging for some direction. I wish I had some CODE to show you guys but I don't have any that pertains to this stage in my work because i'm not even sure it is posable if it isn't then I will need to rethink my creation steps. THANKS AGIN in advance I have a randomly generated Language file that corresponds to keys, the reason Ii say randomly generated is that the letter to key values used are not standard assignments. It seems the language coding is DEC in sets of 3 values by 5 .i.e. "248 036 034 036 248" = A "036 084 084 084 120" = a (See attached : ENGLISH-1.txt) How would I assign these values to a sentence lets say: All great : 248 036 034 036 248 ll gre 036 084 084 084 120 t but convert all characters to their correspondnig sets of 5 ? This then needs to get sent to a database where it is interpreted into sets of Binary to turn on and off LEDs' ... I have never worked with Javascript or LED's before, so any help is so appreciated. hey man,i write this code , Code: <html>
<head>
<script type="text/javascript">
function Do()
{
winow.location.assign("http://www.google.com");
}
</script>
<script type="text/javascript">
function replaceDoc()
{
window.location.replace("http://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Google" onclick="Do()" />
<input type="button" value="Replace document" onclick="replaceDoc()" />
</body>
</html>
i want to see if i click Google button Hi all, I have a table with two columns, first is a text field (quantity) and second is product description. Then I have a JavaScript code in the header section that calculates total based on quantity X price. Right now, user has to input quantity in the text field in first column. I would like to change the first column to checkboxes, which I know how to do...problem is I don't know how to adjust the JavaScript so that it knows a checked box is equivalent to a value of 1. Here is a sample of the table code which gives me 2 cells (a blank text field, and a description cell of "A"), and the totals field at the bottom of the table: Code: <TR> <TD ALIGN="CENTER"><INPUT TYPE=TEXT NAME="PROD_A_4.99" SIZE=3 MAXLENGTH=3 onChange="CalculateTotal(this.form)"></TD><TD>A</TD> </TR> <TR><TD>TOTAL</TD><TD ALIGN="RIGHT"><INPUT TYPE=TEXT NAME=TOTAL SIZE=10 onFocus="this.form.elements[0].focus()"></TD> And here is the bit of JavaScript that calculates the table: Code: <script language="JavaScript" type="text/javascript">
<!--
function CalculateTotal(frm) {
var order_total = 0
// Run through all the form fields
for (var i=0; i < frm.elements.length; ++i) {
// Get the current field
form_field = frm.elements[i]
// Get the field's name
form_name = form_field.name
// Is it a "product" field?
if (form_name.substring(0,4) == "PROD") {
// If so, extract the price from the name
item_price = parseFloat(form_name.substring(form_name.lastIndexOf("_") + 1))
// Get the quantity
item_quantity = parseInt(form_field.value)
// Update the order total
if (item_quantity >= 0) {
order_total += item_quantity * item_price
Any ideas on how to change the item_quantity to always=1 so that I can change the input type from 'text' to 'checkbox'? Then, with this example, if the user were to check the box for "A" the "total" field would say 4.99 Thanks in advance! I have a function that creates a Select dropdown on the fly: function makeForm() { mypara=document.getElementById("paraID"); myform=document.createElement("form"); myselect = document.createElement("select"); theOption=document.createElement("OPTION"); theText=document.createTextNode("Revenue"); theOption.appendChild(theText); myselect.appendChild(theOption); myform.appendChild(myselect); mypara.appendChild(myform); myselect.onchange=TitleOnChange; mybreak=document.createElement("p"); myform.appendChild(mybreak); } function makeForm() { mypara=document.getElementById("paraID"); myform=document.createElement("form"); myselect = document.createElement("select"); theOption=document.createElement("OPTION"); theText=document.createTextNode("Revenue"); theOption.appendChild(theText); myselect.appendChild(theOption); myform.appendChild(myselect); mypara.appendChild(myform); myselect.onchange=TitleOnChange; mybreak=document.createElement("p"); myform.appendChild(mybreak); } I would guess that I have to add something like: theOption.setAttribute("value","1"); I want to be able to call the following function and execute a code base on the selection of the Select Dropdown: <script type='text/javascript'> function TitleOnChange() { if (document.form.select.value == "1") { alert("Value selected on the Select dropdonw is 1"); } } </script> <script type='text/javascript'> function TitleOnChange() { if (document.form.select.value == "1") { alert("Value selected on the Select dropdonw is 1"); } } </script> I don't know why is not working. I assigned the value 1 to the select dropdown theOption.setAttribute("value","1"); I call the TitleOnChange function myselect.onchange=TitleOnChange; And Finally I indicate that if the value is equal to 1 do... view plaincopy to clipboardprint? if (document.form.select.value == "1") { alert("Value selected on the Select dropdonw is 1"); } if (document.form.select.value == "1") { alert("Value selected on the Select dropdonw is 1"); } Does anyone knows why this doesn't work and how could I fix it? Any helpt would be highly appreciate. Thanks i want to assign content of textarea to a div .. like in twitter when you type something and press "Tweet" a div is created and has the content of textarea.. how can i implement it , i know something about getElementById() but not sure how it can help me here Hi, im trying to get the errors of an upload form validation displayed in a div. PHP Code: <div id="error_div" class=""></div> Here is the javascript: PHP Code: <script type="text/javascript" language="javascript"> function validateForm(){ var flag = true; if (document.uploadForm.user_file.value == ""){ alert('No file selected.'); flag = false; } if(flag == true){ if(document.uploadForm.user_file.value.slice(-4) != ".mp3"){ alert('File extension must be mp3 only'); flag = false; } } return flag; } </script> Instead of showing the errors with an alert, i want to show them on the div and at the same time changing its class atribute to Alert, wich is a class i defined on my css page. Mybe with this? PHP Code: document.getElementById(error_div).className='Alert'; Any ideas are welcome, thanks in advance EDIT: goto post #7 here goes JS code: (keep an eye on codes of type: document.getElementById('footerX').innerHTML=X Code: function details()
{
var choo = document.getElementById("choo");
aa = choo.chooserver.value;
bb = choo.chooversion.value;
if(aa==1) {k=0}
else if(aa==2) {k=1}
else {k=false}
pa= domain[k].getElementsByTagName("server") ;
pb="";
pc = domain[k].getElementsByTagName("version");
pd= domain[k].getElementsByTagName("date");
pe= domain[k].getElementsByTagName("month");
pf= domain[k].getElementsByTagName("year");
ta = (bb==1)? " T4 ":(bb==2)? " T3.6 " :(bb==3)? " T2.5 " : 100 ;
versions(ta);
document.getElementById('footer1').innerHTML='one';
}
function versions()
{
for (i=0;i<=pc.length;i++)
{
a = pc[i].childNodes[0].nodeValue;
b = pa[i].childNodes[0].nodeValue;
comparedate(d,g,f);
dates(i, a);
document.getElementById('footer2').innerHTML='two';
if (a==ta)
{
addto()
document.getElementById("mc"+i).innerHTML= txt ;
document.getElementById("md"+i).innerHTML= txt2 ;
}
document.getElementById('footer3').innerHTML='tee';
}
document.getElementById('footer4').innerHTML='fou';
}
HTML: Code: <div id = "conten2"> <table id="tb1" border="1px"> </table> </div> <div id = "footer"> feet </div> <div id = "footer1"> feet1 </div> <div id = "footer2"> feet2 </div> <div id = "footer3"> feet3 </div> <div id = "footer4"> feet4 </div> <div id = "footer5"> feet5 </div> Desired Output: feet one two tee fou feet5 Output: feet feet1 two tee feet4 feet5 Area of error predicted: inside the for loop, the statement immediately after loop is not executed once loop ends, nor does it return to original function for execution of other statements which were written after the function containing the loop was called.... I am trying to pass data from one form to another form using the url i can get it to come up on the next pages url but how do i get it to go to a text box on the new form. is there a way of assigning text boxes. being trying it in javascript and asp even php would like to keep it to javascript but am open minded to just get it to work Hi everyone I have some problems with assigning a class to my included navagation menu. I would like to give the last clicked menu item a active class so I can style it but i have no clue how that works with javascript. as you can see i have three files two pages which included the same menu. Now I would like to set the first page to active because it would be the page the would start. but then when someone clicks the second page it should become inactive and set the active class to the secone link. if that makes sens. Is this possible with javascript? my pages: Page 1 PHP Code: <HTML> <BODY> <?php include "menu.php" ?> PAGE </BODY> </HTML> Page 2 PHP Code: <HTML> <BODY> <?php include "menu.php" ?> PAGE 2 </BODY> </HTML> menu.php PHP Code: <a href="page.php" class="active">page1</a> <a href="page2.php" class="noactive">Page2</a> Hi, I have read (and been told) that the current standard/fashion is to have separate files for html, css and javascript but nobody has ever said why that is... it would seem to me to be easier to keep everything in one file, but there must be advantages to separating them out. Does anybody feel like breaking them down for me? thanks in advance. I am a complete JS noob. I have been googling for hours trying to find a way to implement what I think is a simple thing - but alas my deadline is here, and I need to solve this and seek guidance from courteous experts! In a nutshell I have a simple form that has radio buttons: Code: <p><input id="amount" name="amount" type="radio" value="125" />$125</p> <p><input id="amount" name="amount" type="radio" value="75" />$75</p> <p><input id="amount" name="amount" type="radio" value="50" />$50</p> <p><input id="amount" name="amount" type="radio" value="25" />$25</p> <p><input id="amount" name="amount" type="radio" value="other" /><input id="other_amount" name="other_amount" type="text" maxlength="7" style="width:100px;" /> Other ($10 minimum donation)</p> The point of the form is to assign the value to "amount" for sending on to a paypal form. The problem is, I need the value of "amount" to change (be assigned) if they chose "other". To take the value from the text input box "other_amount" and assign it to "amount" but only if they chose the 5th radio button. I have some JS that I hacked together that checks to see if they chose the 5th radio button. attempts to assign the "other amount" to "amount" and then pops up an alert (only so I know the script is pushing the right value - wont be needed when complete.) However, Even though the alert pops up with the proper "other_amount" as if it has been assigned properly, the data is not sent on properly I presume, as it is the only aspect of the paypal donation amount form that is not working or providing the next page with the right "amount" pre-determined. Code: <script type="text/javascript">
<!--
function get_radio_value()
{
if (document.donation.amount[4].checked)
{
document.getElementById('amount').value = document.donation.other_amount.value;
alert(document.getElementById('amount').value);
}
}
//-->
</script>
Help please! Many thanks in advance! Deadline agh! Hello, I'm Stephen Martin, an undergraduate Psychology student and researcher. Although I am a self-proclaimed tech geek, the extent of my knowledge ends abruptly at any sort of coding. I need help from anyone who is willing. The paradigm: I am currently investigating the decision making strategies in a particular population (I cannot reveal too much, lest our study be scooped by competing researchers in the field). The paradigm that we use is built through a package called MouseLabWeb (http://www.mouselabweb.org/). MLWeb basically provides an interface for researchers to create a html/php/js/css website that presents a grid (table). A small example is shown on the aforementioned website. The javascript functions allow each participant's events to be recorded, timestamped, and written to a MySQL database. This allows the researcher to know which cells the participant viewed, in what order, for how long, and ultimately to which decision the participant came. Additionally, the PHP/HTML creates the table, but the data within it is populated by the javascript. This is a blessing and a curse. Here is why. The problem: The javascript offered by MLWeb allows the cells to be randomized. This is necessary, because in such paradigms, counter-balancing is required, otherwise there would be order effects (e.g., people tend to automatically read from the upper left) that are not controlled for. So the order of the columns and rows are randomized, the data which is then placed into the html/php table. For the current study, we want the cells corresponding to particular types of information to be shaded differently. For example, we'd want cells that contain bad information to be dark, cells that contain neutral info to be grey, and cells that contain good information to be white. The problem is that setting these values (style="background-color: #XXXXX) only applies to the table as created by the PHP. It only affects the position, and does not consider the information that it is filled with. We want the information that a cell is filled with to dictate what background-color the cell is. Example of the problem (A,B,C are the different types of info, with the surrounding character implying shading) What we want: Unrandomized: [.A.] [|B|] [#C#] Randomized: [#C#] [.A.] [|B|] What the problem is: Randomized: [.C.] [|A|] [#B#] Again, thank you for reading this long post. I'm up for any suggestions! TL;DR The website uses PHP to render a table and javascript to populate it. Javascript randomizes the column and row order upon each visitation, thus randomizing the cells. How do I make javascript issue a background-color change to each cell according to the information that it is populated with. I have to update the rowid(assigned to checkbox) whenever the textbox value is updated and this needs updating value of document.getElementsByName('rf_select[]') when checkbox value matches the textbox id. There can be mutliple number of rows each with a uniqueID (checkbox value) that matches with the textboxID onload. Code :- <td align="center"><input type='checkbox' name='rf_select[]' id='rf_select' value="rowId" CHECKED border="none"/> <td align="left"><input type='text' name='policy_no' id="rowId" size='25' value="test" onBlur=handleRowId('policy_no'); /></td> <script language="javascript"> function handleRowId(){ var arr = new Array(); var rowarr = new Array(); arr = document.getElementsByName('policy_no'); rowarr = document.getElementsByName('rf_select[]'); for(var i = 0; i < arr.length; i++) { var obj = arr.item(i); //alert(obj.id + " = " + obj.value); for(var j=0; j< rowarr.length; j++){ if(rowarr[j].value == obj.id){ document.getElementsByName('rf_select')[j].value = rowarr[j].value+"#@#"+obj.value; } } } } </script> I am having problem assigning values here - document.getElementsByName('rf_select')[j].value = rowarr[j].value+"#@#"+obj.value; Any help is appreciated. |
|||||||