JavaScript - Object Required Error In Javascript

I am trying to understand why I had an error, or why my solution worked.

In my HTML I had:

Code:

<script language="JavaScript" type="text/javascript" src="Book.js"></script>
<script language="JavaScript" type="text/javascript" src="Book_TEST.js"></script>

Book.js said:

Code:

function Book(title, author)
{
		this.title	= title;
		this.author	= author;
}

Book.prototype.toString = function()
{ return '"' + this.title + '" by '+ this.author; };

var Book = new Book ("John", "Dough");
alert (Book); // displays "John Dough"

And, predictably, at this stage, the code worked.

Book.js said:
Code:

var myBook 	= new Book ("JavaScript Tutorials", "Herong Yang");

However, at this point the JavaScript would crash and I'd get an error
"Error: Book is not a constructor javascript."

I drove myself nuts trying to figure out why the code wasn't working at this later point.

Eventually, I copied another object:

Code:

/*
 * Person class
 */

/**
 * Person constructor
 * 
 * @param {String} first
 * 					The person's first name
 * @param {String} last
 * 					The person's last name
 */
function Person(first, last)
{
	this.first	= first;
	this.last	= last;
}

/**
 * Create a string representation of this object
 * 
 * @return {String} A string representation of this object
 */
Person.prototype.toString = function()
{
	return this.first + " " + this.last;
};

/*
var person = new Person ("John", "Dough");

alert (person); // displays "John Dough"

*/

and then used find and replace to swap {Person, first, last} with {Book, title, author}, resulting in:

Code:

/*
 * Book class
 */

/**
 * Book constructor
 * 
 * @param {String} title
 * 					The Book's title 
 * @param {String} author
 * 					The Book's author
 */
function Book(title, author)
{
		this.title	= title;
		this.author	= author;
}

/**
 * Create a string representation of this object
 * 
 * @return {String} A string representation of this object
 */
Book.prototype.toString = function()
{ return '"' + this.title + '" by '+ this.author; };

var Book = new Book ("John", "Dough");

alert (Book); // displays "John Dough"

Now, the code worked fine in both script. (i.e., no more error.)

So far as I can tell, the only differences between the first and next version of Book.js are the comments and the whitespace.

Am I missing something? Can the comments or whitespace somehow effect the logic with which this code has been executing?

If I get an error like this again, is there an easier/better way to fix it than to essentially retype the code?


Thanks in advance for helping me to understand this.

Hi

I am using a custom form elements script in the link below:

www_bristolstreet_co_uk/page/find_a_dealer.htm

and an error for null object is appearing from this line:

active = option[0].childNodes[0].nodeValue;

Can anyone please help? I am a novice at Javascript but got this script working perfectly on my local machine - once I loaded it the live site it didn't work... any advice would be greatly appreciated.

hi, I am trying to setup an iphone application in Dashcode using what I have he http://www.mypubspace.com/dashtest/order.html

Result of expression 'ajaxDisplay' [null] is not an object

which is on the following line:
Code:

ajaxDisplay.innerHTML = ajaxRequest.responseText;

is there a way around this?

thanks

Hey Guys,

I wondered if anyone would be kind enough to look at an issue I am having running a Javascript on IE.

The script works fine in FF and Chrome but chucks up an error in all versions of IE so the Menubar does not display child pages.

Here's the Error:

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Tue, 16 Aug 2011 14:45:53 UTC

Message: 'lastChild' is null or not an object
Line: 31
Char: 3
Code: 0

The full script is he http://www.makingtrails.com/wp-conte...ks3/js/menu.js

Any help much appreciated as the author of this script is not providing any support.

Thanks

Jon

This is a common issue, however, I haven't found anything ( yet ) that points out a solution that I can find in my code. As usual, this site works with every single browser known to man ...........except for any version of IE. I have tried using IE's devel tools to no avail ....though I'm a complete newb, so that isn't saying much. Code???
Here's the section IE complains about:

Code:

function display(str)
{
    var nodeList = xmlDoc.getElementsByTagName("item");
    var cnt = 0;
    var list = "<hr />";
    
    for(var i=0; i< nodeList.length; i++)
    {   
        cnt++;
        // Get vars from XML 
        title = nodeList[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
        author = nodeList[i].getElementsByTagName("author")[0].childNodes[0].nodeValue;
        pubDate = nodeList[i].getElementsByTagName("pubDate")[0].childNodes[0].nodeValue;
        call = nodeList[i].getElementsByTagName("call")[0].childNodes[0].nodeValue;
        cover = nodeList[i].getElementsByTagName("cover")[0].childNodes[0].nodeValue;
        link = nodeList[i].getElementsByTagName("link")[0].childNodes[0].nodeValue;
        summary = nodeList[i].getElementsByTagName("summary")[0].childNodes[0].nodeValue;
        style = nodeList[i].getElementsByTagName("class")[0].childNodes[0].nodeValue;
        page = nodeList[i].getElementsByTagName("page")[0].childNodes[0].nodeValue;
        category = nodeList[i].getElementsByTagName("category")[0].childNodes[0].nodeValue;

I opened this with Firebug and I see nothing of interest. Specifically, IE complains about line 86:
Code:

summary = nodeList[i].getElementsByTagName("summary")[0].childNodes[0].nodeValue;

Thanks for reading ~

Bub

**** UPDATE *****
Well ...it looks like I can't have null values in any elements ( in the xml document ). How do you experts satisfy this requirement in an elegant fashion.
Since there is no data for certain elements, I'm looking for a reasonable failover solution. Empty quotes?
..... still experimenting. A script produces the xml file from a database so some elements do not have data for certain
child elements.

**** UPDATE 2 *****
Using the Unicode non-breaking space in the xml file for empty child elements. Works, but if you have a cooler solution, let me know. Thanks!

I dont have much experience with javascript. Please provide javascript to create something like the image below:

http://www.coolmicroscope.com/java.jpg

Hi gurus,

I am developing an application in which I am using a client validation library called "livevalidation". When you attach with the input control it shows a message infront of the text box if you leave it empty. But I want to modify it and want to show a image (cross) infront of the text box and message below text box.

Here is the CSS file and html file.
------------------------------------

Code:

/********************************* LiveValidation *************************************/


.LV_valid {
    color:#00CC00;
 }
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message
{
    clear: both;
	text-indent: 166px;
	height: 22px;
	line-height: 22px;
	font-size: 11px;
	font-weight: bold;
}

    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

HTML
------
Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="livevalidation.js" type="text/javascript"></script>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="create_account" action="">
           Say hello: 
    
           <input id="sayHello" type="text" /> 
           
     <script type="text/javascript">
              var sayHello = new LiveValidation('sayHello', { validMessage: 'Hey there!', wait: 500 });
              sayHello.add(Validate.Presence, { failureMessage: "Don't just ignore me, I wanna be your friend!" });
          </script>
  </form>
</body>

</html>

For livevalidation javascript (.js) i cannot paste here as its quite big and forums is not allowing me paste it so kindly get it from here which I need to modify.

here is the link.
----------------
http://livevalidation.com/javascript..._standalone.js


In the above file there is a function called "createMessageSpan" I've tried to modify it as I am sure this is the function which needs to be modified but how to do it that i dont know as i am not a java specialist.

Please help I would really appreciate.

Josh

Hi, I am constructing a website with a page that holds a world clock.

The clock displays in the centre of the page and is surrounded by 12 buttons (Individual World Cities). OnClick of these buttons changes the time displayed.

I am trying to amend the code so that when one of these buttons is clicked. It not only updates and changes the clock. But also adds text below the clock that says something like "The time in New York is now displayed).

I have been trying to find the code to do this for a few hours and the closest I could find was an addtext function.

No matter what I do though I just cant get it to work!

If anyone could help that would be appreciated.

I have pasted the Script for the clock below (This code is before I edited it with the addText code).


<script>

var GMToffset = 0,t;

function start() {
GMToffset=zxcReadCookie('time')||0;
t=setInterval('digitalclock()',500);
}

function digitalclock()
{
var today=new Date();
var hours=(today.getHours() + GMToffset*1+24)%24;
var minutes=today.getMinutes();
var seconds=today.getSeconds();
minutes=checkTime(minutes);
seconds=checkTime(seconds);
hours=checkTime(hours);
document.getElementById('txt').innerHTML=hours+":"+minutes+":"+seconds;
}

function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}

function updatetime(nu) {
GMToffset = nu;
zxcCreateCookie('time',nu,1); // change 1 to the number of days persistance required
}

function zxcCreateCookie(nme,v,days){
document.cookie=nme+'='+v+';expires='+(new Date(new Date().getTime()+days*86400000).toGMTString())+';path=/';
}

function zxcReadCookie(nme){
nme+='=';
var split = document.cookie.split(';');
for(var z0=0;z0<split.length;z0++){
var s=split[z0];
while (s.charAt(0)==' ') s=s.substring(1,s.length);
if (s.indexOf(nme)==0) return s.substring(nme.length,s.length);
}
return null;
}

</script>

</head>
<body onload="start()">

<div align="center">
<input type="button" onclick="updatetime(-4)" value="Time in Buenos Aires" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(-5)" value="Time in New York" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(-8)" value="Time in San Francisco" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br>
<input type="button" onclick="updatetime(-11)" value="Time in Hawaii" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(-13)" value="Time in Fiji" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(-14)" value="Time in Sydney" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br><br>

<div id="txt"></div>

</div>

<div align="center">
<input type="button" onclick="updatetime(8)" value="Time in Tokyo" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(7)" value="Time in Hong Kong" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(6)" value="Time in Bangkok" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br>
<input type="button" onclick="updatetime(1)" value="Time in Rome" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(0)" value="Time in London" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(3)" value="Time in Moscow" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />

</head>

When I run this program is says I have an object error (not found?) in line 2, I went over the program which I copied from a book over and over and not finding anything wrong... Help!!! thanks

HTML code he

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>Making Sums</title>
<script type="text/javascript" src="jsb-08-01.js"></script> 
<script type="text/javascript" src="jsb-global.js"></script>
</head>

<body>
	<h1>Making Sums</h1>
	<form action="addit.php">
		<p><input type="text" id="inputA" name="inputA" value="0" /></p>
		<p><input type="text" id="inputB" name="inputB" value="0" /></p>
		<p><input type="button" id="add" name="add" value="Add" /></p>
		<p><input type="text" id="output" name="output" /></p>
	</form>
</body>	
</html>

Javascript code he

Code:

// initialize when the page has loaded
addEvent(window, 'load', initialize); // Here's where it says I have an error

function initialize()
{
	// do this only if the browser can handle DOM methods
	if(document.getElementById)
	{
		// point to critical elements
		var oInputA = document.getElementById('inputA');
		var oInputB = document.getElementById('inputB');
		var oButton = document.getElementById('add');
		var oOutput = document.getElementById('output');
		
		// if they all exist...
		if(oInputA && oInputB && oButton && oOutput)
		{
			//apply behaviors
			addEvent(oButton, 'click', addIt);
		}
	}
}

// add two input numbers & display results
function addIt()
{
	var value1 = document.getElementById("inputA").value;
	var value2 = document.getElementById("inputB").value;
	
	document.getElementById("output").value = value1 + value2;
}

Hi,

I'm trying to get the below code working... But it seems to be throwing an error when the function hitcount(fn) is called... Im trying to call an ASP function within Javascript... Can any one please help with this :
Code:

-- Javascript code --
<script LANGUAGE="JavaScript1.2" >
function checkurl(fn)
{ 

    str = "http://webhost.in/PNM/Book/<%=gotorpt%>/" + fn;
  if (str.indexOf ("web//") > 0) 
     {
        alert("Please Select a Month!");
     }
 else
    { 
             str2 = "http://webhost.in/PNM/Book/counter.asp?choserpt=Y&whichyrmth=" + str;
             
             hitcount(fn);  -- Error occurs here : Object Expected
             
             self.location.href = str;         
    }
return;
}

</script>

--ASP function --
<%  
function hitcount(fn)
      set conn=Server.CreateObject("ADODB.Connection")
      conn.Provider="Microsoft.Jet.OLEDB.4.0"
      conn.Open  "..\Hits\hitcounter.mdb"      -- Database
      conn.Mode = 3
      
      set rs = Server.CreateObject("ADODB.Recordset")
   
      
      set SQL = "UPDATE Application_counter SET Application_counter.[Counter] = Application_counter.Counter+1 where pdf='"+fn.substring(0,8)+"';"

      rs.Open SQL,conn,1,3
      document.write(rs(0))
      rs.Close()
      cn.Close()
end function
%>

Hi -

New to Javascript - new to the forum... Here's one that I don't understand:

Code:

<script type="text/javascript">

			fso = new ActiveXObject("Scripting.FileSystemObject");
			myCollection = new Collection();

			function FindFiles()
			{
				var path = "c:\\files\\";
				var ext = ".csv";

				var files = new Enumerator (fso.GetFolder(path).Files); //Collect all files in path

				do
				{
					var file = files.item();


					if (file.Name.indexOf("_summary")<0) myCollection.add(file.Name,file.Type);


					files.moveNext();

				}

				while (!files.atEnd());

			}


			function Collection()
			{
				var collection = {};
				var order = [];

				this.add = function(property, value)
				{
					if(!this.exists(property))
					{
						collection[property]=value;
						order.push(property);
					}
				}

				this.exists = function(property)
				{
					return collection[property]!=null;
				}

			}

			function ListCollection()
			{
				var g = new Enumerator (myCollection);

				do
				{
					var colitem = g.item();
					g.moveNext();
				}

				while (!g.atEnd());

			}

		</script>

During execution, I get a "Object not a collection" error when I try to pass "MyCollection" to the Enumerator function. What am I missing?

Thanks,
Max

The website is CnJ-Tree.atwebpages.com

The site works in everything, except, IE. Of course, never fails right.

Anyway, the error is with the navigation. I keep getting object expected errors, on pretty much all of my onMouseOver, onMouseOut, and onClick events.

Here is the html.

Code:

<tr>
		<td background="images/CnJ-Layout_04.png" width="720" height="28" valign="middle" align="center">
		<div id="container" class="navigation">
		
			<a href="#" onClick="openPage('home.php');"><div id="home" class="home" align="center" onMouseOver="navOpen('home');" onMouseOut="navClose('home');">Home</div></a>
			
			<a href="#" onClick="openPage('contact.php')"><div id="contact" class="contact" align="center" onMouseOver="navOpen('contact')" onMouseOut="navClose('contact')">Contact Us</div></a>
			
			<div id="service" class="service" align="center" onMouseOver="mopen('serviceDropDown'); navOpen('service');" 
        onMouseOut="mclosetime(); navClose('service');" style="cursor:pointer">Services</div>
			
			<div id="serviceDropDown" class="serviceDropDown" align="center" onMouseOver="mcancelclosetime(); navOpen('service');" 
            onMouseOut="mclosetime(); navClose('service');" style="visibility: hidden">	
				<div id="tree" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('tree')" onMouseOut="navClose('tree')">Tree Removal</div>
				<div id="trimming" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('trimming')" onMouseOut="navClose('trimming')">Tree Trimming</div>
				<div id="hauling" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('hauling')" onMouseOut="navClose('hauling')">Any Hauling</div>
			</div>
			
			<div id="about" class="about" align="center" onMouseOver="navOpen('about')" onMouseOut="navClose('about')">About Us</div>
			
			<div id="gallery" class="gallery" align="center" onMouseOver="navOpen('gallery')" onMouseOut="navClose('gallery')">Gallery</div>
			</div>
			</td>
	</tr>

And here is the JS for the related areas.

Code:

<script type="text/javascript">
var xmlhttp

      window.onload=function(){ 
         var dotspan = document.getElementById('dots'); 
         window.setInterval(function(){ 
            if(dotspan.innerHTML == '...'){ 
               dotspan.innerHTML = '.'; 
            } 
            else{ 
               dotspan.innerHTML += '.'; 
            } 
         }, 200); 
		 
		 // Initiate AJAX usage
		try { xmlhttp = new XMLHttpRequest(); } // Firefox, Opera 8.0+, Safari
		catch(e){
			try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } // Internet Explorer
			catch(e){
				try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // Internet Explorer
				catch(e){
					alert("Your browser does not support AJAX!");
					return false;
				}
			}
		}	 
      }

function navOpen(page)
{
	document.getElementById(page).style.backgroundImage = "url(images/navi-rollover.png)";
	document.getElementById(page).style.color = "#787864";
		
}

function navClose(page)
{
	document.getElementById(page).style.backgroundImage = "";
	document.getElementById(page).style.color = "#9b9b80";
}

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onClick = mclose; 


  window.onload=function(){ 
		 // Initiate AJAX usage
		try { xmlhttp = new XMLHttpRequest(); } // Firefox, Opera 8.0+, Safari
		catch(e){
			try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } // Internet Explorer
			catch(e){
				try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // Internet Explorer
				catch(e){
					alert("Your browser does not support AJAX!");
					return false;
				}
			}
		}	 
      }

function openPage(id)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support XMLHTTP!");
  return;
  }
var url=id;
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState !=4){
	document.getElementById("main").innerHTML=("<center><img src='http://upload.wikimedia.org/wikipedia/commons/4/42/Loading.gif'></center>");
	}
else{

  document.getElementById("main").innerHTML=xmlhttp.responseText;
  }
  }
  ;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);


function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

}
</script>

Hi,

I am getting an error on this code - sometimes! - and I'm not sure what it is. If I run this as is there is no error. If I add it into another page with other stuff it's ok for a while and then I get an error. So, I added my new page block my block to this code and waited for the error to appear so I could determine a conflict - but it was fine. And then a few clicks later the error.

This is the error in IE. In Firefox it seems to be fine lol.

Line 159
Char 3
'window.document.sendform.message_text' is null or not an object

Can someone make any suggestions?

Code:

 <script language="JavaScript" type="text/javascript">
  maxlen = 160;
  countLen();
	function countLen()
	{
		message_text = window.document.sendform.message_text.value;
		realLength = message_text.length;
		if (realLength>maxlen)
		{
			realLength = maxlen;
			window.document.sendform.message_text.value = message_text.substring(0,maxlen);
		}
		message_text = window.document.sendform.message_text.value;
		// del enter
    var m = message_text.match(/[\r\n]/);
    if (m !== null)
    {
        window.document.sendform.message_text.value = message_text.replace(/[\n\r]/g, '')
    }
		window.document.sendform.messlen.value=maxlen-realLength;
	}
	
</script>

 
 <cfset thismessage = "Hi, is this a start">
 
 
 
 <cfform action="step2.cfm" method="post" id="sendform" name="sendform">
 <cfoutput><textarea id="styled" name="message_text" onkeypress=countLen() onkeydown=countLen() onkeyup=countLen() onchange=countLen() onmouseover=countLen() rows="4">#thismessage#</textarea></cfoutput>
<table width="331" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="5"></td>
    <td width="26"><cfoutput>
      <input name="messlen" type="text" value="160" class="counterField" onFocus="this.form.message_text.focus();" /></cfoutput></td>
    <td width="300">characters remaining</td>
  </tr>
</table>
</cfform>

Thanks! Much appreciated!

Kind regards,

jo

i keep getting this error in explorer, while on chrome and on Firefox, it is just not working.
this is the html table, (the relevant part is bold)
Code:

  

<table align="center">
                    <tr>
                        <td>
                            שם:
                        </td>
                     <td>
                            <input type="text" id="uname" name="txtname" value="שדה חובה" onmouseout="chkfld('uname')"
                                onclick="this.value='';" />
                        </td>]
                    </tr>
                    <tr>
                        <td>
                            טלפון:
                        </td>
                        <td>
                            <input id="phone" type="text" name="txtphone" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            אימייל:
                        </td>
                        <td>
                            <input type="text" id="usermail" name="txtemail" value="שדה חובה" onmouseout="chkfld('usermail')"
                                onclick="this.value='';" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            סיבת הפניה:
                        </td>
                        <td>
                            <select id="reason">
                                <option>סדנאות</option>
                                <option>טיפול</option>
                                <option>הורדת משקל</option>
                                <option>ניקוי רעלים</option>
                                <option>כללי</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            פרטים:
                        </td>
                        <td>
                            <textarea id="TextArea1" cols="20" rows="10"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <input type="submit" value="שלח" />
                        </td>
                    </tr>
                </table>

and this is the JS:
Code:

    <script type="text/javascript">

        function chkfld(id) {


            if (document.getElementById(id).value == "" || "שדה חובה") {
                document.getElementById(id).style.backgroundcolor = "yellow";
                document.getElementById(id).value == "שדה חובה";
            }
            else {
                return true;
            }
        }
         
         
    </script>