JavaScript - Change Row Color According To An Input?

Clearly I'm doing something wrong. Here's my external javascript:

Code:

document.getElementById('maincontent').style.backgroundColor = "#660000";

Here's my external CSS
Code:

#maincontent {
     background-color: #999;
}

Here's my HTML:
Code:

<div id="container">
     <div id="maincontent">
          <p>blah blah blah</p>
     </div>
</div>

Nothing happens. What am I doing wrong?

Due to a long story which we don't need to go into here I am trying to change the color of a link after it has been clicked on WITHOUT using CSS.

When the link is clicked some javascript is called. I can do this in IE by adding this "this.style.color = 'black'". However this doesn't work in other browsers. Anyone know how I could get this to work in other browsers? I've spend hours on this...

Thanks for yuor time!

I am trying to figure out how to change certain text's font color, in the text area. I have been looking everywhere, but I haven't found a solution.
Any help would be great,
thanks,
mazzzzz

here is my problem
i need to set the color of a text here is what i need to change

Code:

<div style="position:absolute; left:10px; top:100px; width:250px; text-align:center;">



<font color="lightgreen" size="6"><b>* Mileage *</b></font><b>
<font color="black" size="6"><div id="bullet4">Not Specified</div></font><br></b>

<font color="lightgreen" size="6"><b>* Gearbox *</b></font><b>
<font color="black" size="6"><div id="bullet5">Not Specified</div></font><br></b>

<font color="lightgreen" size="6"><b>* Engine size *</b></font><b>
<font color="black" size="6"><div id="bullet6">Not Specified</div></font><br></b>

<font color="lightgreen" size="6"><b>* Body style *</b></font><b>
<font color="black" size="6"><div id="bullet7">Not Specified</div></font><br></b>




</div>

now i need to set the color from a text file server side
so far i can set the contents of the div serverside but the customer needs to be able to change the color of the innerhtml .
now i would like to store the color in a text file color.txt i can make the code to change the txt file myself
inside the color.txt would be "lightgreen" or other color
how would i go about this.
so in basic terms i need to set the color of the text from a color.txt file sat next to the index.html

im trying to figure out a script

that when someone clicks my checkbox (or onchange/onclick events the span tag that wraps it) it changes the color of the font in the span tag...

but then if they click again...for the color to return to normal


heres my checkboxes as of the moment... disregard the sloppy multiple classes....i wanted to pad the elements evenly lol

Code:

  <div id="selectform">
           
           <span onclick="id='colorchange'"  class="webspace"><input type="checkbox"  value="website"> Website Design
           </span> 
            <span class="reverbspace"> <input type="checkbox"  value="reverb"> Reverb Nation </span>
             <span class="twitspace"><input type="checkbox"  value="twitter"> Twitter </span>
            <span class="logospace"> <input type="checkbox"  value="logo"> Logo/Branding </span>
            <span class="soundclickspace"> <input type="checkbox"  value="ning"> SoundClick </span>
            <span class="photospace"> <input type="checkbox"  value="photo"> Photo Retouch </span>
             <span class="albumspace"><input type="checkbox" value="Album/Mixtape/DVD"> Mixtape/ DVD Cover</span>
            <span class="ningspace"> <input type="checkbox"  value="ning"> Ning WebSite  </span>
           <span class="flyerspace">  <input type="checkbox"  value="flyer"> Flyers  </span>
            <span class="businessspace"> <input type="checkbox"  value="Business card"> Business Card </span>
            <span class="brochurespace"> <input type="checkbox"  value="Brochure"> Brochure </span>
            <span class="otherspace">  <input type="checkbox" > Other </span>
         
            </div>

Hi guys,
Am creating a web page in which a user searches a customer using customer id. The results are then displayed in a table. This is working fine.

In addition to this, I have created another form in which a user enters a value in a textbox. This value is then compared to the results obtained in the previous table.The values below should be shown in green and those above in red (identical values may be shown in amber). This should be acomplished using javascript.

My code is as shown below: PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Search Script</title>

<script type="text/javascript">

function hallo(){

var value1=200
var inputVal = window.document.getElementById("one").value;
//alert(negNum);
if(inputVal > value1){
window.document.getElementById("color").style.color="red";
}
else
if(inputVal < value1)
{
window.document.getElementById("color").style.color="green";
}
else
if(inputVal == value1)
{
window.document.getElementById("color").style.color="#FF7E00";
}
}

</script>

</head>

<body>

<form>
Value1: <input type="text" name="one" id="one" ><br/>
Value2: <input type="text" name="two" id="two" value="" onClick="hallo();">
<br/>
Value3: <input type="text" name="three" id="$cell" value="test data">
</form>
<?Php
require_once("database.php");

$CustID=$_POST['CustomerID'];

$query="SELECT c.*,r.Meter_No,r.January,r.February,r.March,r.April,r.May,r.June FROM customer AS c,readings AS r   WHERE c.CustomerID=r.CustomerID
AND c.CustomerID='".$CustID."'";
$result=mysql_query($query) ;
//If no matching records are found in the database,the code below will display a customized error message
$num=mysql_numrows($result)or die("No Matching Records Found In The Database!");

$fields_num = mysql_num_fields($result);

echo "<h3>Historical Meter Readings</h3>";
echo "<table border='0'cellspacing='5' cellpadding='5' id ='three'><tr>";
// printing table headers
for($i=0; $i<$fields_num; $i++)
{
    $field = mysql_fetch_field($result);
    echo "<td >{$field->name}</td>";
}
echo "</tr>\n";
// printing table rows
while($row = mysql_fetch_row($result))
{
    echo "<tr id='color'>";

    // $row is array... foreach( .. ) puts every element
    // of $row to $cell variable
    foreach($row as $cell)
        echo "<td align='center' <font face='Arial, Helvetica, sans-serif' >$cell</td>";

    echo "</tr >\n";
}
mysql_free_result($result);
?>


</body>
</html>

Currently my javascript code changes the entire row in the table, which is not I desired.
How do I edit this script so that only values in particular CELL in a row e.g CELL 5, is changed and not the entire row?
Thank you.

Hi ,
I have 5 or 6 textboxes and all of them are required ( have required field validators ) .. I want to change their background color to yellow when they are left blank and when the box is filled the backgorund color to white ..Is it possible to do via javascript ..I am a beginer so any help is greatly appreciated

Hi

not really used to java but have an image map with about 90 hotspots. All i want to do is simply change the color of a hotspot when the mouse rolls over.
I have really only been able to find solutions for introducing images on mouse over.

Any help appreciated

thanks

I want the font color in the div to change color onclick and change back when clicked again. Tjis works only in IE but other browsers like FF and safari it changes color on click but does not change color back. I need it to work across. Please advise!

<div onclick="if(this.style.color=='#666666') this.style.color='#005dab'; else this.style.color='#666666';" class="question">Your question goes here..</div>

Easier to show than to explain:

Code:

<head>

<SCRIPT LANGUAGE="JavaScript">
function checkAll(field) { for (i = 0; i < field.length; i++) field[i].checked = true ; }
function uncheckAll(field) { for (i = 0; i < field.length; i++) field[i].checked = false ; }
</script>

</head>

<body>

<form name="myform">

<table>
<tr id="CA" name="list" value="1" style="background-color:yellow;"> <td> <input type="checkbox" name="list" value="1" onclick="document.getElementById('CA').style.backgroundColor=this.checked?'white':'cyan';">Choice CA</td> </tr>
<tr id="CB" name="list" value="1" style="background-color:yellow;"> <td> <input type="checkbox" name="list" value="1" onclick="document.getElementById('CB').style.backgroundColor=this.checked?'white':'cyan';">Choice CB</td> </tr>
<tr id="CC" name="list" value="1" style="background-color:yellow;"> <td> <input type="checkbox" name="list" value="1" onclick="document.getElementById('CC').style.backgroundColor=this.checked?'white':'cyan';">Choice CB</td> </tr>
</table>

<input type="button" name="CheckAll" value="Check All" onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All" onClick="uncheckAll(document.myform.list)">

</form>

<p>All never touched should be yellow. All checked should have white background.  All unchecked should have cyan background.</p>

<p>How do I get 'Check All' and 'Uncheck All' to obey the tr background color, too?</p>

Hello,

I need your help.

Using Javascript, on mouseover/hover, I would like to change the boder color of my textbox from
rgb(142, 142, 142) to black: rgb(0, 0, 0,) then when I move the mouse pointer off the textbox, I would like it to change from black back to rgb(142, 142, 142).

I can't figure out where to start or how to get this going.

A little help from the experts is needed here.

Much thanks and appreciation for your time.

Cheers,

J

Hi sorry if this is a very simple question but how do I change the font color for certain elements of this javascript code that the client sees on their brower?

This is a count down script and I have made the code red that I am trying to change - any idea how to do this? Thanks v much!!!!

<script type="text/javascript">

var today=new Date()

//Enter the occasion's MONTH (1-12) and DAY (1-31):
var theoccasion=new Date(today.getFullYear(), 03, 21)

//Customize text to show before and on occasion. Follow grammer below:
var beforeOccasionText="until this event"
var onOccasiontext="Event is Today!"

var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")" //show date of occasion

var one_day=1000*60*60*24
var calculatediff=""

calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){ //if bday already passed
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}

//Display message accordingly
var pluraldayornot=(calculatediff==1)? "day" : "days"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" "+showdate+"</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+" "+showdate+"!</b>")

</script>

Hi ,

I need one javascript, which is going to change the color of the region in the particular image. For example one boy wearing the blue color t-shirts, i

want to change the blue color into red color by using the color code instead of chaging the image into new one.

Whether is this possible to do in javascript ?

Any help greatly appreciated.

Thanks,
Suresh.k

Hello,

Can someone please show me how to do the following in Javascript.

I basically want the background color of a div (banner) to change when the user clicks a green or blue table cell. So if they click the blue table cell, the backgound color of the div changes to blue (its green by default).
Also, when they have picked what color they want, I'd like the color to be stored in the value of the form 'BannerBGColor' so I can post their banner color to database. Any help is greatly appreciated. Many thanks

--------------------------------------------------------------------------
Banner:

<div style="width:400px; float:center; background:#00FF00; border-color:#000000; border-style: solid; border-width: 2px;">
<p>This is a banner.</p></div>';


--------------------------------------------------------------------------

Colour picker table to change colour of Banner above:

<table width="300" border="1" cellspacing="1" cellpadding="1">
<tr>
<td colspan="2">Pick a color below to change banner background:</td>
</tr>
<tr>
<td bgcolor="#00FF00">Green</td>
<td bgcolor="#00FFFF">Blue</td>
</tr>
</table>

-------------------------------------------------------------------------
Form field to insert chosen Banner Background colour when form is submitted -

<input type="text" name="BannerBGColor" value="'.$_POST['BannerBGColor'].'">

I have a simple html document that is dynamically created. It comes to me like this:

<body>
432 (Locked) (Disabled) <br />
545 (Unlocked) (Enabled) <br />
756 (Unlocked) (Disabled) <br />
</body>

The actual list is much longer and varies in length. What I am attempting to do is when a user opens the page, if a line contains Locked or Disabled, change the color of those words (or the whole line that contains them) to red.

Thanks