JavaScript - Errors Using Document.getelementbyid('salespageform').elements;

Hi ALL,

I am validating a three form field which takes temperature value between 0-50, humidity 1-100 & rainfall 0-200. I am able to see expected result for temperature value but not getting correct value for humidity & rainfall(still one can insert text in it..)

Here is my code-:
Code:

<script type="text/javascript">
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(obdate,"Date must be filled out!")==false)
{
obdate.focus();return false;}
}

is_leaf_fresh = -1;	 
for (i=0;i < thisform.is_leaf_fresh.length;  i++)
{	
if (thisform.is_leaf_fresh[i].checked == true) 
{
//alert("coming into "+thisform.is_leaf_fresh[i].checked);
is_leaf_fresh = 1;
}
} 
if ((is_leaf_fresh == -1)) 
{
alert("You must select an option for Fresh Leaf!");
return false;
}

var temp_max;
temp_max = document.getElementById("temperature_max").value;
if (temp_max != '' )
{
var numericExpression = /^[0-9]+$/;
	if(temp_max.match(numericExpression) && (temp_max>=0 && temp_max<=50)){
	return true;
	}
	else{
		alert("Max Temperature value should be Numeric & between 0 to 50");
		document.getElementById("temperature_max").focus();
		return false;
	}
} 

var temp_min;
temp_min = document.getElementById("temperature_min").value;
if (temp_min != '' )
{
var numericExpression = /^[0-9]+$/;
	if(temp_min.match(numericExpression) && (temp_min>=0 && temp_min<=50)){
	return true;
	}
	else{
		alert("Min Temperature value should be Numeric & between 0 to 50!");
		document.getElementById("temperature_min").focus();
		return false;
	}
} 

var rainfall_mm;
rainfall_mm = document.getElementById("rainfall_mm").value;
if (rainfall_mm != '' )
{
var numericExpression = /^[0-9]+$/;
	if(rainfall_mm.match(numericExpression) && (rainfall_mm>=20 && rainfall_mm<=50)){
	return true;
	}
	else{
		alert("Min Temperature value should be Numeric & between 20 to 50!");
		document.getElementById("rainfall_mm").focus();
		return false;
	}
} 

var humidity_mm;
humidity_mm = document.getElementById("humidity_mm").value;
if (humidity_mm != '' )
{
var numericExpression = /^[0-9]+$/;
	if(humidity_mm.match(numericExpression) && (humidity_mm>=20 && humidity_mm<=50)){
	return true;
	}
	else{
		alert("Min Temperature value should be Numeric & between 20 to 50!");
		document.getElementById("humidity_mm").focus();
		return false;
	}
} 
}
</script>

Thanks in Advance!!

I am trying to pass a value to a function autosuggest()

f and i

but i get the error...

Message: Syntax error
Line: 21
Char: 29
Code: 0
ajax_autocomplete2/ajax_search_for_airport_framework.js


line 21 being

q = .....


how do i correctly pass a value to the function and use it in the function to get the value of an element.


Code:

function autosuggest(f,i) {
q = document.getElementById(f).value;
....
}

Hello all,
I am trying to use document.getElementById in FF but its not working. There is a main page. in that mainpage there is a iframe and in that iframe (id = DocFrame) there is a textbox (id="fileuploadedcnt") which i am trying to access. there is no error. ofcourse i have given name and id to the textbox. Below is the code

function ConfirmCertificate(id , Project_ID , Subprogram_ID , ITCType_TI) {
frm=document.mainform;

//fileuploadedcnt = (document.frames("DocFrame").document.forms("upload_form").elements("fileuploadedcnt").value);
filecntobj = (document.getElementsByName("fileuploadedcnt"));
filecntobj = (document.getElementById("fileuploadedcnt"));

alert(fileuploadedcnt);
alert((filecntobj.value));
return;
if (fileuploadedcnt>0) {
result=confirm("Are you sure you want to confirm this certificate? ");
}

In the abpve case i tried both the name and id properties. with Name property i get the HTMLObj alert but again it fails if i attach value method. And for id, it doesnt work at all

No errors ofcourse in both the cases
What am i missing

Thanks

Hello everyone. As lame as this may sound, I can't for the life of me get the document by the id. All looks fine to me, but I get the following error that just simply doesn't make sense.


Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Fri, 15 Jan 2010 01:37:06 UTC


Message: Object required
Line: 7
Char: 4
Code: 0

Here's the code...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
	<script type="text/javascript">
	function doSomething() {
		var elem = document.getElementById('doFade');
			alert(elem.src);
		}	
		
		window.onload = doSomething();
		
    </script>
  </head>
  <body>
	<img src="/images/aero.jpg" id="doFade" width="300" height="200" />
  </body>
</html>

here's my javascript code Code:

<script type="text/javascript">
function sel(id){
document.getElementById(id).className="selected";
var getEls = document.getElementById("countrytabs").getElementsByTagName("a");
var getAgn = getEls;
for(var i=0; i<getEls.length; i++)
{
	getEls[i].onclick=function()
	{	for (var x=0; x<getAgn.length; x++)
		{
			getEls[i].className=getAgn[x].className.replace("selected", "");
		}
	}
}
}	
	
</script>

<style>
	a:hover	{color: #FFFF00;}
	
	.selected{color: #FFFF00;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	background-color: #ACAAAB;
	border: 0px none #ACAAAB;
	height: 20px;
	width: 125px;
	text-align: left;}
	
	a{color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	background-color: #ACAAAB;
	border: 0px none #ACAAAB;
	height: 20px;
	width: 125px;
	text-align: left;}
	
</style>

here's my html code
Code:

<a href="#" class="selected" id="one" onclick="sel('one')">
Bharati Axa
</a><br />
                            <a href="#" id="two" onclick="sel('two')">
                              BPCL</a>
                            <br />
                              <a href="#" id="three" onclick="sel('three')">
                             Hypercity                              </a><br />
                              <a href="#" id="four" onclick="sel('four')">
                              Idea                              </a>

the problem is when i select a link the first time. it works fine. but when i select another link the next time the script does not work.

Basically it works only once when page is loaded and then its not working at all.
Its not showing any errors either. don't know whats happing.?

Can someone please help me its urgent? Any help will be really gratefull!

i have the code in JS:
Code:

 if(drop_list.value == "zed-catcher/11")
            {
               input_box.disabled=false;
               var catcher_id = document.getElementById('lpm_service_catcher_id');
               catcher_id.value = 11;
            }
            else
               input_box.disabled=true;

how come the line catcher_id.value = 11; is not setting the value to 11????
i get that catcher_id = null????

pleas help
thanks

Code:

onload=function() {progress1();}

var repeat=0;
function progress1() {
document.getElementById('clib').style.display="inline";
if (repeat<9) {
repeat=repeat+1;
setTimeout('progress1()',1000);
old = document.getElementById('cliba').innerHML;
document.getElementById('cliba').innerHML=old+'.';
}
else {
progress2();
}
}

var repeata=0;
function progress2() {
document.getElementById('wlib').style.display="inline";
if (repeata<23) {
repeata=repeata+1;
setTimeout('progress2()',1000);
old = document.getElementById('wliba').innerHML;
document.getElementById('wliba').innerHML=old+'.';
}
else {
progress3();
}
}

var repeatb=0;
function progress3() {
document.getElementById('dlib').style.display="inline";
if (repeatb<17) {
repeatb=repeatb+1;
setTimeout('progress3()',1000);
old = document.getElementById('dliba').innerHML;
document.getElementById('dliba').innerHML=old+'.';
}
else {
progress4();
}
}

var repeatc=0;
function progress4() {
document.getElementById('slib').style.display="inline";
if (repeatc<4) {
repeatc=repeatc+1;
setTimeout('progress4()',1000);
old = document.getElementById('sliba').innerHML;
document.getElementById('sliba').innerHML=old+'.';
}
else {
progress5();
}
}

var repeatd=0;
function progress5() {
document.getElementById('vlib').style.display="inline";
if (repeatd<17) {
repeatd=repeatd+1;
setTimeout('progress5()',1000);
old = document.getElementById('vliba').innerHML;
document.getElementById('vliba').innerHML=old+'.';
}
else {
progress6();
}
}

var repeate=0;
function progress6() {
document.getElementById('xlib').style.display="inline";
if (repeate<33) {
repeate=repeate+1;
setTimeout('progress6()',1000);
old = document.getElementById('xliba').innerHML;
document.getElementById('xliba').innerHML=old+'.';
}
else {
pyws();
}
}

var repeatf=0;
function pyws() {
document.getElementById('pyws').style.display="inline";
if (repeatf<7) {
repeatf=repeat+1;
setTimeout('pyws()',1000);
old = document.getElementById('pywsa').innerHML;
document.getElementById('pywsa').innerHML=old+'.';
}
}

HI.....idk why it is not working......when I load site, it will start counting, but dots after that .lib files.....look: http://ikoos.tk/load_os/ ......if you don't know what I mean....try to send me a PM. Thank you.

Hi....I have an error in my script, but idk where it is..... here is the script:

Code:

<script type="text/javascript">
var browser = navigator.appName;
if (browser=="Netscape") {
document.getElementById(msg).style.display="none";
}
</script>
<div id="msg" style="width:100%;padding:3px;position:fixed;top:0px;left:0px;background:red;">Please install <a href="http://www.mozilla.org/sk/firefox/">Mozilla Firefox</a> to view this page normally.</div>

I need help creating something hard.

First I need to divs that change by ONE button and when they change they say two different things and must be onclick.

The other thing is there will be 4 buttons. They start black and when you click one it turns grey and when you click another it turns gray and the other one that was last clicked turns back black and same with the other two.

Hello,

I have a website that I need help with. You can visit it he http://www.shahspace.com/bow/home.html. To see what I need help with, click on the services menu item and observe the alert message that comes up. It should say "point 1".

Here is the code that executes that:

Code:

function enableScrolling(menuName)
{
	alert("point 1");
	var menu = document.getElemenetById(menuName);
	alert("point 2");
...
}

As you can see, there should be a second alert message that says "point 2", but there isn't. The script is crash when I try to assign to menu the object returned by document.getElementById(menuName). I have verified that menuName is correct. So why would this be crashing?

To get a fuller understanding of my algorithm, I'll give you the following:

The menu div:
Code:

<div id="services_menu" class="services_menu">
...
</div>

The "services" button:
Code:

<td><a href="#" onclick="displayMenu('services'); return false;"><img src="services.jpg" border=0></a></td>

The displayMenu() function:
Code:

function displayMenu(menu)
{
	var menuName = menu + "_menu";
	document.getElementById(menuName).style.display = "block";
	
	if (itemCount(menuName) >= 12)
	{
		enableScrolling(menuName);
	}
	else
	{
		disableScrolling(menuName);
	}
}

The itemCount() function:
Code:

function itemCount(menuName)
{
	var menu = document.getElementById(menuName);
	var divArray = menu.getElementsByTagName("div");
	return divArray.length;
}

And the enableScrolling() function I already posted above.

So essentially, when the user clicks on "service", the services menu becomes visible. If the menu contains 12 items or more, scrolling needs to be enabled. This entails setting the menu to a fixed height and allowing the user to scroll through it (scrolling, in this case, will be customized--I'm not using the div's native scrolling feature).

The really odd thing is that in itemCount(), I have exactly the same line:

var menu = document.getElementById(menuName);

and it works fine there. Why not in my enableScrolling() function?

I'm a perplexed nube, and I can't understand how document.getElementById evaluates to true when no parameter is passed to getElementById. This code alerts 'foo' ...

Code:

if (document.getElementById) {alert('foo')} else {alert('bar')}

Just to double check, this code alerts 'bar'

Code:

if (!document.getElementById) {alert('foo')} else {alert('bar')}

Hello, I am having a problem with javascript code:

Code:

newWindow.document.getElementByID()

where "newWindow" is a new "window" object opened up with an existing file in the same directory as the current file.

The complete function looks like this:

Code:

 function showStreamInFullScreenMode(stream_id) {

		   var params = "width=" + screen.width + ", height=" + screen.height + ", top=0, left=0" + "location=no, menubar=no, scrollbars=no," +
		                "resizable=no, toolbar=no, directories=no, fullscreen=yes";
		   var newWindow = window.open("fullscreenMode.html", "Fullscreen Mode", params, false);
		   var customScript = "initOpenTokSession(\"" + stream_id + "\");";
		   var scriptElement = newWindow.document.getElementById("customScript");
		   scriptElement.innerHTML = customScript;
		   if (window.focus) {
		      newWindow.focus();
		   }
                   
	   }

The bolded line of code is what is producing the error:

Quote:
scriptElement is null
Note that the file that is opened (fullscreenMode.html) does indeed have a <script> html element with the id "customScript" so there is no reason why scriptElement should be null.

I would appreciate any help anyone could offer.

Thanks in advance.

http://www.earthinke.co.uk/main_site/product.php

Hi

I'm trying to get something to work on the site URL'd above but failing miserably.

If you can please follow the link, hit the red rectangle on the RHS and then when the bigger image loads into the DIV above, click on it...

All I want is for this link to open in fancybox (using the class="earthInke") but it won't work from the image...just opens in a new page

Below it you will see a text link, this works as I want it to, but I cannot get it work from the image

Probably something completely wrong in what I am doing or I've missed something out, any help would be appreicated guys

Thanks

Pete

Hey very quick question how could I do this?

Basicly I have this html code.
Code:

<div id="editor">
  <div id="tools"></div>
</div>

Now my javascript mods the editor by using the 'editor' id how can I use the variable for the 'editor' to look inside itself for the id 'tools', a bit like this and I know this doesn't work as I tried it but how could I do this.

Code:

var editor = document.getElementById('editor'),
    tools  = editor.getElementById('tools');
// Basicly it will have the editor as the root so
// if tools is also somewhere else on the page it
// wont pick it up, id's will never be 2 the same
// but just in-case there is lol.

In my program there is table which is retrieved and then there radio buttons, after selecting any radio button other columns get exapanded into textboxes to edit info.
Now for expansion I have used div<id = > tag for each textbox and
In javascript I have a function for showing textbox after clicking a radio button.In that I have used ,

arr.length=Length of the rows in table


function edit1(el)
{
for(var i=0;i<arr.length;i++)
{
if(el.value==arr[i].value)
{
//document.getElementById("test[" + i + "]").value Not workking
//document.getElementById('dname['+ i + ']').style.display = block"; Not working
document.getElementById('dname').style.display = "block";
document.getElementById('dmarks').style.display = "block";
break;
}
else
{
document.getElementById('dname').style.display = "none";
document.getElementById('dmarks').style.display = "none";
}

}//end for

}//end if
}


In HTML,

while($row1=mysql_fetch_array($rs1))
{
echo "<tr>";
/*<td>44:<div id=d4 style="display:none;"><input type=text name=t4 id=idtext></div></td></tr><br>*/

?>
<td><input type="radio" name="select" value="<?php echo $row1['rollNo'];?>" onClick='updateRec(this);'><?php echo $row1['rollNo']; ?>
<input type="radio" name="select" value="<?php echo $row1['rollNo'];?>" onClick='hiding(this);'>hide</td>

<td><?php echo $row1['name']; ?><div id="dname[]" style="display:none;"><input type=text name="tname[]"></div></td>
<td><?php echo $row1['marks']; ?><div id="dmarks[]" style="display:none;"><input type=text name="tmarks[]"></div></td>
</tr><br>

<?php } // end while
?>
</table><br><br>

Here I have to take array of div id's = "dname[]" but don't know the syntax for
document.getElementById('dname').style.display = "block"; in which dname is array

Plz help.